.lp { --paper: #fff; --lp-muted: var(--muted); --lp-line: var(--line); --flow-films: #4bca56; --flow-games: #9d64ef; --flow-music: #85c6fc; --flow-events: #f3893e; --flow-other: #f9a0cc; background: var(--paper); font-weight: 400; -webkit-font-smoothing: antialiased; }
:root[data-appearance=dark] .lp { --paper: #191a1c; }
.lp a { text-decoration: none; }
.lp h1, .lp h2, .lp h3 { font-family: 'Avant Garde', sans-serif; font-weight: 700; }
.lp h1, .lp h2 { letter-spacing: -.03em; }
.lp p { line-height: 1.4; }
.lp-container { width: min(1083px, calc(100% - 40px)); margin-inline: auto; }
.lp-header { position: sticky; top: 0; z-index: 30; background: var(--paper); height: 60px; padding: 0 10px; display: flex; justify-content: space-between; align-items: flex-start; }
.lp-header .logo { flex-basis: auto; }
.lp-marketing-brand { position: absolute; left: 50%; top: 20px; translate: -50% 0; font-family: 'Avant Garde', sans-serif; font-size: 20px; font-weight: 700; line-height: .9; letter-spacing: -.03em; }
.lp-header-actions { display: contents; }
.lp-header-actions > * { margin-top: 10px; }
.lp-button { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 60px; padding: 18px 28px; border: 0; border-radius: 64px; background: var(--surface); color: var(--ink); box-shadow: inset 0 0 23.5px -9px var(--inset); font-size: 14px; line-height: 1.15; letter-spacing: -.04em; white-space: nowrap; transition: box-shadow .2s, color .2s, transform .2s; }
.lp-button:hover { color: var(--blue); box-shadow: inset 0 0 24px -9px #1739ff; transform: translateY(-2px); }
.lp-button-small { min-height: 40px; padding: 11px 20px; font-size: 14px; }
.lp-button-main { min-width: 303px; }
.lp-dot { display: inline-block; flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: var(--blue); }
.lp-button .lp-dot { width: 8px; height: 8px; }
.lp-profile { position: relative; display: block; width: 40px; height: 40px; border-radius: 50%; }
.lp-profile img { position: absolute; display: block; }
.lp-profile-ring { left: -.5px; top: -.5px; }
.lp-profile-head { left: 15.5px; top: 10.5px; }
.lp-profile-body { left: 12.5px; top: 22.5px; }
.lp-profile:hover { background: var(--surface); }
.lp-skip { position: fixed; top: -70px; left: 10px; z-index: 20; padding: 14px 22px; background: var(--ink); color: var(--paper); border-radius: 30px; }
.lp-skip:focus { top: 10px; }
.lp-hero { position: relative; isolation: isolate; overflow: hidden; padding: 60px 20px 32px; text-align: center; }
#hero-flow { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.lp-hero-categories { position: relative; z-index: 2; display: flex; justify-content: space-between; width: min(827px, 100%); height: 230px; margin-inline: auto; }
.lp-category { position: relative; flex: 0 0 115px; height: 117px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 10px; padding: 14px 5px 10px; border-radius: 24px; background: var(--category-color); box-shadow: none; color: #262626; }
.lp-category img { display: block; width: 76px; max-height: 74px; object-fit: contain; flex: 1; min-height: 0; }
.lp-category span { font-size: 12px; line-height: 1.15; letter-spacing: -.04em; white-space: nowrap; }
.lp-category-films { --category-color: var(--flow-films); margin-top: 113px; }
.lp-category-games { --category-color: var(--flow-games); margin-top: 63px; }
.lp-category-music { --category-color: var(--flow-music); }
.lp-category-events { --category-color: var(--flow-events); margin-top: 63px; }
.lp-category-other { --category-color: var(--flow-other); margin-top: 113px; }
.lp-category-films img { rotate: -3.84deg; }
.lp-category-games img { rotate: -5.59deg; }
.lp-category-events img { rotate: none; width: 105px; max-height: none; }
.lp-category-other img { rotate: none; }
.lp-hero-copy { position: relative; z-index: 1; width: 703px; max-width: 100%; margin: 11px auto 0; }
.lp-hero-text { position: relative; isolation: isolate; background: transparent; box-shadow: none; }
.lp-hero-text::before { content: ''; position: absolute; inset: -24px 12px; z-index: -1; border-radius: 56px; background: var(--paper); filter: blur(18px); pointer-events: none; }
.lp-eyebrow { display: flex; justify-content: center; align-items: center; gap: 10px; margin: 0 0 25px; color: var(--lp-muted); font-size: 12px; letter-spacing: -.035em; }
.lp-hero h1 { margin: 0 0 20px; font-size: 60px; line-height: .9; }
.lp-lead { margin: 0; font-size: 14px; line-height: 1.35; letter-spacing: -.04em; }
.lp-hero .lp-lead { max-width: 354px; margin-inline: auto; line-height: 1.15; }
.lp-hero .lp-button-main { margin-top: 108px; min-width: 239px; }
.lp-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@property --lp-glow-angle { syntax: '<angle>'; initial-value: 270deg; inherits: false; }
.lp-glow-button { position:relative; isolation:isolate; background:transparent; box-shadow:none; }
.lp-glow-button::before { --lp-glow-angle:270deg; content:''; position:absolute; inset:-1px; z-index:-2; border-radius:inherit; pointer-events:none; background:conic-gradient(from var(--lp-glow-angle),var(--flow-music),var(--flow-games),var(--flow-other),var(--flow-events),var(--flow-films),var(--flow-music)); filter:blur(2px); opacity:1; animation:lp-button-shimmer 12s linear infinite; animation-play-state:paused; transition:opacity .35s,filter .35s; }
.lp-glow-button::after { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:var(--surface); pointer-events:none; }
.lp-glow-button:hover,.lp-glow-button:focus-visible { color:var(--ink); transform:none; box-shadow:none; }
.lp-glow-button:is(:hover,:focus-visible)::before { animation-duration:2.8s; animation-play-state:running; opacity:1; filter:blur(6px); }
.lp-motion-paused .lp-glow-button::before { animation-play-state:paused; }
@keyframes lp-button-shimmer { to { --lp-glow-angle: 630deg; } }
.lp-micro { margin: 12px 0 0; font-size: 11px; color: var(--lp-muted); letter-spacing: -.025em; }
.lp-motion { position: absolute; right: 20px; bottom: 12px; display: flex; align-items: center; gap: 7px; min-height: 32px; border: 0; border-radius: 22px; padding: 7px 10px; background: var(--overlay); color: var(--lp-muted); font-size: 10px; }
.lp-motion:hover { color: var(--ink); background: var(--surface); }
.lp-pause-icon { display: block; width: 8px; height: 9px; border-inline: 2px solid currentColor; }
.lp-motion[aria-pressed="true"] .lp-pause-icon { border: 0; width: 0; height: 0; border-left: 7px solid currentColor; border-block: 5px solid transparent; }
.lp-demo { border: 1px solid var(--line); border-radius: 24px; padding: 10px; background: var(--paper); box-shadow: 0 30px 90px -50px #26262645; }
.lp-demo-toolbar { display: flex; align-items: flex-start; gap: 20px; height: 48px; padding: 0 1px; }
.lp-demo-brand { font-family: 'Avant Garde', sans-serif; font-size: 17px; line-height: .9; letter-spacing: -.035em; }
.lp-demo-tabs { display: flex; align-items: flex-start; gap: 6px; }
.lp-demo-tabs button { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 4px 9px; border: 0; border-radius: 22px; background: transparent; color: var(--lp-muted); font-size: 11px; white-space: nowrap; }
.lp-demo-tabs button img { opacity: .35; }
.lp-demo-tabs button.is-active { background: var(--surface); color: var(--ink); box-shadow: inset 0 0 18px -9px #454545; }
.lp-demo-tabs button.is-active img, .lp-demo-tabs button:hover img { opacity: 1; }
.lp-demo-label { margin-left: auto; padding: 10px 3px 0; color: var(--muted); font-size: 10px; }
.lp-demo-content { display: grid; grid-template-columns: minmax(0, 2.15fr) minmax(0, 1fr); gap: 10px; align-items: stretch; }
.lp-demo-screen { position: relative; aspect-ratio: 16/9; overflow: hidden; border-radius: 20px; background: #161716; isolation: isolate; }
.lp-demo-backdrop, #demo-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lp-demo-screen.is-event .lp-demo-backdrop { object-fit: contain; }
.lp-demo-player-actions { position: absolute; bottom: 12px; right: 12px; left: 12px; display: flex; justify-content: flex-end; gap: 8px; }
.lp-player-button { min-height: 34px; padding: 9px 13px; border: 0; border-radius: 24px; background: var(--overlay); color: var(--ink); font-size: 10px; }
.lp-player-button:hover { background: var(--surface); }
.lp-demo-screen-note { position: absolute; top: 12px; left: 12px; padding: 7px 10px; border-radius: 20px; background: var(--overlay); color: var(--ink); font-size: 10px; }
.lp-demo-info { display: flex; min-width: 0; flex-direction: column; padding: 2px 1px 0; }
.lp-demo-meta { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 12px; color: var(--muted); font-size: 10px; line-height: 1.2; letter-spacing: -.035em; }
.lp-demo-meta > span { min-width: 0; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lp-demo-meta time { white-space: nowrap; }
.lp-demo-info h2 { margin: 0 0 12px; font-size: clamp(28px, 3.3vw, 42px); line-height: .95; letter-spacing: -.03em; }
.lp-demo-info > p { margin: 0; font-size: 13px; line-height: 1.35; letter-spacing: -.04em; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.lp-demo-bottom { display: flex; justify-content: space-between; align-items: flex-end; gap: 8px; margin-top: auto; padding: 20px 0 10px; }
.lp-demo-ratings { display: flex; gap: 8px; flex-wrap: wrap; }
.lp-demo-score { display: inline-flex; align-items: center; gap: 4px; font-size: 8px; color: var(--muted); }
.lp-demo-score b { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--rating-good); color: var(--ink); font-weight: 400; font-size: 12px; }
.lp-demo-score b.is-empty { background: var(--shade); color: var(--muted); }
.lp-demo-bottom a { font-size: 11px; white-space: nowrap; }
.lp-demo-bottom a:hover { color: var(--blue); }
.lp-demo-placeholder { height: 80px; border-radius: 18px; background: var(--shade); flex: 0 0 auto; }
.lp-demo-rail { display: flex; gap: 8px; grid-column: 1; min-width: 0; overflow-x: auto; padding: 2px 2px 4px; scrollbar-width: none; }
.lp-demo-rail::-webkit-scrollbar { display: none; }
.lp-demo-rail button { display: block; flex: 0 0 calc((100% - 40px) / 6); aspect-ratio: 2/3; position: relative; border: 0; border-radius: 12px; padding: 0; background: var(--shade); opacity: .35; overflow: hidden; transition: opacity .2s; }
.lp-demo-rail button img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lp-demo-rail button.is-active, .lp-demo-rail button:hover, .lp-demo-rail button:focus-visible { opacity: 1; }
.lp-demo-rail button.is-active::after { content: ''; position: absolute; inset: 0; border: 2px solid var(--blue); border-radius: inherit; pointer-events: none; }
.lp-demo-caption { margin: 18px 0 0; display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--lp-muted); font-size: 11px; letter-spacing: -.03em; }
.lp-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px; margin: 28px 0 0; padding-inline: 0; }
.lp-benefit-number { color: var(--blue); font-size: 11px; }
.lp-benefits h3 { font-size: 23px; margin: 14px 0 12px; line-height: 1.05; letter-spacing: -.035em; }
.lp-benefits p { font-size: 14px; line-height: 1.5; letter-spacing: -.035em; margin: 0; color: var(--muted); max-width: 265px; }
.lp-section-heading { text-align: center; }
.lp-section-heading .lp-lead { max-width: 354px; margin-inline: auto; }
.lp-section-heading h2 { margin: 0 0 25px; font-size: 60px; line-height: .93; }
.lp-settings-section { padding-top: 160px; }
.lp-settings-demo { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); margin-top: 66px; padding: 36px; gap: 44px; border-radius: 32px; background: var(--surface-soft); }
.lp-settings-controls { min-width: 0; }
.lp-example-label { font-size: 10px; color: var(--muted); line-height: 1.35; }
.lp-settings-controls h3 { margin: 20px 0 22px; font-size: 32px; line-height: 1; letter-spacing: -.04em; }
.lp-setting-topics { display: flex; flex-wrap: wrap; gap: 6px; }
.lp-setting-topics button { display: flex; align-items: center; gap: 7px; border: 0; border-radius: 28px; background: transparent; padding: 10px 13px; color: var(--muted); min-height: 42px; font-size: 11px; white-space: nowrap; }
.lp-setting-topics button img { opacity: .4; }
.lp-setting-topics button.is-active { background: var(--surface); box-shadow: inset 0 0 23.5px -9px var(--inset); color: var(--ink); }
.lp-setting-topics button.is-active img, .lp-setting-topics button:hover img { opacity: 1; }
.lp-control-label { font-size: 12px; color: var(--muted); margin: 28px 0 12px; }
.lp-setting-genres { display: flex; flex-wrap: wrap; gap: 7px; }
.lp-setting-genres button { display: flex; align-items: center; gap: 14px; min-height: 40px; padding: 10px 14px; border-radius: 32px; border: 0; background: var(--shade); color: var(--muted); font-size: 12px; }
.lp-setting-genres button.is-active { color: var(--blue); background: var(--surface); box-shadow: inset 0 0 22px -10px #a0c4ff; }
.lp-setting-genres button:hover { color: var(--blue); }
.lp-setting-genres button span { font-size: 13px; }
.lp-settings-note { min-height: 38px; font-size: 11px; line-height: 1.5; color: var(--muted); margin: 20px 0 28px; max-width: 330px; }
.lp-settings-controls > .lp-button { min-height: 50px; padding: 15px 23px; font-size: 12px; }
.lp-settings-result { min-width: 0; display: flex; flex-direction: column; }
.lp-result-header { display: flex; align-items: center; gap: 8px; font-size: 11px; margin: 1px 0 25px; }
#settings-count { margin-left: auto; color: var(--muted); font-size: 10px; }
.lp-result-posters { display: flex; gap: 12px; min-height: 275px; flex: 1; align-items: center; justify-content: center; }
.lp-result-posters img { display: block; width: calc((100% - 24px)/3); max-width: 170px; height: auto; aspect-ratio: 2/3; object-fit: cover; border-radius: 16px; box-shadow: 0 12px 30px -15px #26262666; animation: lp-appear .35s ease both; }
.lp-result-posters img:nth-child(2) { transform: translateY(-15px); animation-delay: .04s; }
.lp-result-posters img:nth-child(3) { transform: translateY(15px); animation-delay: .08s; }
.lp-result-posters.is-empty { color: var(--muted); font-size: 13px; line-height: 1.4; text-align: center; }
.lp-settings-result > p { font-size: 12px; margin: 20px 0 14px; letter-spacing: -.03em; }
.lp-settings-result > .lp-example-label { font-size: 9px; }
.lp-pricing { padding-top: 160px; }
.lp-plans { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 15px; max-width: 847px; margin: 0 auto; }
.lp-plan { display: flex; flex-direction: column; padding: 38px 46px 34px; min-height: 449px; border-radius: 64px; background: var(--surface); box-shadow: none; min-width: 0; }
.lp-plan-status { display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--muted); font-size: 11px; }
.lp-plan h3 { margin: 0 0 18px; font-size: clamp(40px, 5vw, 64px); line-height: .95; letter-spacing: -.04em; text-align: left; white-space: nowrap; }
.lp-plan > p { margin: 0; max-width: 271px; font-size: 14px; letter-spacing: -.04em; text-align: left; }
.lp-plan ul { display: grid; gap: 12px; list-style: none; padding: 0; margin: 35px 0 24px; font-size: 12px; color: var(--muted); line-height: 1.4; }
.lp-plan li { position: relative; padding-left: 18px; }
.lp-plan li::before { content: '✓'; position: absolute; left: 0; color: var(--blue); }
.lp-plan > p.lp-plan-note { font-size: 10px; color: var(--muted); line-height: 1.45; margin: auto 0 24px; text-align: left; min-height: 44px; }
.lp-plan > .lp-button { width: 100%; padding-inline: 16px; font-size: 14px; margin-top: auto; }
.lp-plan-future .lp-plan-status { align-self: flex-start; margin-top: 18px; padding: 6px 10px; border-radius: 20px; background: var(--surface-soft); color: var(--muted); }
.lp-plan-price { display: grid; place-items: center; min-height: 60px; border-radius: 64px; background: var(--surface); box-shadow: none; margin-top: auto; font-size: 14px; }
.lp-plan-future li::before { color: #aaa; }
.lp-roadmap { padding-top: 160px; }
.lp-roadmap h2 { max-width: 800px; margin-inline: auto; }
.lp-roadmap-items { max-width: 680px; margin: 44px auto 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
.lp-roadmap-items > * { display: inline-flex; justify-content: center; align-items: center; gap: 12px; padding: 13px 20px; min-height: 44px; background: var(--surface); box-shadow: inset 0 0 23.5px -9px #a5a5a5; border-radius: 64px; font-size: 14px; letter-spacing: -.04em; text-align: center; }
.lp-roadmap-items > a { color: var(--blue); box-shadow: inset 0 0 23.5px -9px #a0c4ff; }
.lp-roadmap-items > a:hover { box-shadow: inset 0 0 23.5px -9px #1739ff; }
.lp-roadmap-items b { font-weight: 400; font-size: 18px; }
.lp-roadmap-note { max-width: 420px; margin: 24px auto 0; font-size: 10px; color: var(--muted); text-align: center; }
.lp-faq { padding-top: 160px; display: grid; grid-template-columns: 1fr 1.7fr; gap: 80px; }
.lp-faq h2 { margin: 8px 0 0; font-size: 40px; line-height: .95; }
.lp-faq-list details { border-bottom: 1px solid var(--lp-line); }
.lp-faq-list details:first-child { border-top: 1px solid var(--lp-line); }
.lp-faq-list summary { position: relative; cursor: pointer; list-style: none; padding: 23px 32px 23px 0; font-size: 14px; letter-spacing: -.04em; line-height: 1.35; }
.lp-faq-list summary::-webkit-details-marker { display: none; }
.lp-faq-list summary::after { content: '+'; position: absolute; right: 2px; top: 19px; font-size: 23px; font-weight: 400; color: var(--muted); }
.lp-faq-list details[open] summary::after { content: '−'; color: var(--blue); }
.lp-faq-list summary:hover { color: var(--blue); }
.lp-faq-list details p { margin: 0 32px 25px 0; color: var(--muted); font-size: 13px; line-height: 1.6; letter-spacing: -.035em; }
.lp-final { padding-top: 145px; text-align: center; }
.lp-final-dot { display: block; width: 24px; height: 24px; background: var(--blue); border-radius: 50%; margin: 0 auto 32px; }
.lp-final h2 { margin: 0 0 28px; font-size: 60px; line-height: .93; }
.lp-final .lp-button-main { margin-top: 32px; }
.lp-footer { padding-top: 70px; padding-bottom: 28px; }
.lp-footer-brand { display: flex; align-items: center; justify-content: center; gap: 10px; font-family: 'Avant Garde', sans-serif; font-size: 64px; line-height: .9; letter-spacing: -.03em; }
.lp-footer-brand > .lp-dot { width: 12px; height: 12px; }
.lp-footer-bottom { display: flex; justify-content: space-between; gap: 30px; margin-top: 0; padding-top: 20px; border-top: 1px solid var(--lp-line); font-size: 11px; line-height: 1.6; color: var(--muted); }
.lp-footer-bottom > p { margin: 0; white-space: nowrap; }
.lp-footer-bottom p span { color: var(--muted); font-size: 10px; }
.lp-footer-bottom nav { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px 22px; }
.lp-footer-bottom a:hover { color: var(--blue); }
.lp-legal { padding: 75px 0 20px; max-width: 760px; }
.lp-legal .lp-eyebrow { justify-content: flex-start; }
.lp-legal h1 { margin: 0 0 25px; font-size: 48px; line-height: .96; overflow-wrap: anywhere; }
.lp-legal .lp-legal-intro { font-size: 16px; line-height: 1.5; }
.lp-legal section { margin-top: 38px; }
.lp-legal h2 { font-size: 24px; margin: 0 0 18px; line-height: 1.1; }
.lp-legal p, .lp-legal li { font-size: 13px; line-height: 1.7; color: var(--muted); }
.lp-legal ul { padding-left: 20px; }
.lp-legal li { margin-bottom: 8px; }
.lp-legal a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.lp-legal table { width: 100%; border-collapse: collapse; font-size: 11px; line-height: 1.5; }
.lp-legal th, .lp-legal td { padding: 16px 12px; text-align: left; border-bottom: 1px solid var(--lp-line); vertical-align: top; }
.lp-legal th { color: var(--muted); font-weight: 400; }
.lp-legal .lp-legal-back { display: inline-flex; margin-top: 36px; text-decoration: none; }
.lp-tmdb-logo { display: block; width: 137px; height: auto; }
.lp-legal + .lp-footer { padding-top: 70px; }
@keyframes lp-appear { from { opacity: 0; translate: 0 8px; } to { opacity: 1; translate: 0 0; } }
@media (min-width: 1600px) { .lp-hero { padding-top: 75px; } }
@media (max-width: 1000px) {
  .lp-settings-demo { padding: 28px; gap: 26px; }
  .lp-demo-info > p { font-size: 12px; -webkit-line-clamp: 5; }
  .lp-demo-placeholder { height: 50px; }
  .lp-demo-meta { font-size: 9px; margin-bottom: 8px; }
  .lp-demo-info h2 { margin-bottom: 8px; }
  .lp-demo-bottom { padding-top: 12px; }
  .lp-demo-ratings { gap: 4px; }
  .lp-benefits { gap: 28px; padding-inline: 0; }
  .lp-hero-categories { width: min(720px, 100%); }
  .lp-category { flex-basis: 106px; }
  .lp-category span { font-size: 11px; }
  .lp-plan { padding-inline: 30px; }
  .lp-settings-controls h3 { font-size: 28px; }
  .lp-setting-topics { gap: 4px; }
  .lp-setting-topics button { font-size: 10px; padding: 10px; }
  .lp-result-posters { min-height: 210px; gap: 8px; }
  .lp-result-posters img { width: calc((100% - 16px)/3); }
  .lp-faq { gap: 40px; }
}
@media (max-width: 760px) {
  .lp-container { width: calc(100% - 28px); }
  .lp-header-actions { gap: 12px; }
  .lp-button-small { font-size: 11px; padding-inline: 16px; }
  .lp-button-small .lp-dot { display: none; }
  .lp-hero { padding: 32px 14px 46px; }
  .lp-hero-categories { height: 171px; width: min(520px, 100%); }
  .lp-category { flex-basis: 17.5%; height: 80px; border-radius: 18px; gap: 7px; padding: 10px 3px 9px; }
  .lp-category img { width: min(80%, 53px); max-height: 45px; }
  .lp-category span { font-size: clamp(7px, 1.8vw, 10px); letter-spacing: -.06em; }
  .lp-category-films, .lp-category-other { margin-top: 84px; }
  .lp-category-games, .lp-category-events { margin-top: 38px; }
  .lp-hero-copy { margin-top: 16px; width: min(530px, 100%); }
  .lp-hero-text::before { inset: -16px 4px; border-radius: 32px; filter: blur(14px); }
  .lp-eyebrow { font-size: 10px; margin-bottom: 24px; }
  .lp-hero h1 { font-size: clamp(32px, 7.5vw, 54px); line-height: .96; }
  .lp-hero .lp-lead { font-size: 12px; max-width: 305px; }
  .lp-hero .lp-button-main { margin-top: 88px; min-width: 239px; }
  .lp-motion { right: 14px; bottom: 10px; }
  .lp-demo { padding: 8px; border-radius: 22px; }
  .lp-demo-toolbar { gap: 12px; height: 44px; align-items: flex-start; }
  .lp-demo-brand { font-size: 13px; padding-top: 3px; }
  .lp-demo-tabs { flex: 1; justify-content: space-between; gap: 3px; }
  .lp-demo-tabs button { padding: 5px 8px; font-size: 9px; }
  .lp-demo-tabs button span { display: none; }
  .lp-demo-label { font-size: 8px; padding-top: 12px; }
  .lp-demo-content { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .lp-demo-screen { border-radius: 16px; grid-row: 1; }
  .lp-demo-rail { grid-column: 1; grid-row: 2; }
  .lp-demo-rail button { flex-basis: calc((100% - 24px)/4); border-radius: 10px; }
  .lp-demo-info { grid-row: 3; padding: 9px 6px 6px; }
  .lp-demo-meta { margin-bottom: 14px; font-size: 10px; }
  .lp-demo-info h2 { font-size: 36px; }
  .lp-demo-info > p { font-size: 13px; margin-top: 5px; }
  .lp-demo-bottom { padding-top: 20px; padding-bottom: 0; }
  .lp-demo-placeholder { display: none; }
  .lp-demo-caption { font-size: 10px; line-height: 1.4; gap: 7px; }
  .lp-benefits { grid-template-columns: 1fr; gap: 24px; margin: 42px 8px 0; }
  .lp-benefits > div { padding-left: 35px; position: relative; }
  .lp-benefit-number { position: absolute; left: 0; top: 3px; }
  .lp-benefits h3 { margin: 0 0 9px; font-size: 22px; }
  .lp-benefits p { max-width: none; font-size: 12px; }
  .lp-settings-section, .lp-pricing, .lp-roadmap, .lp-faq { padding-top: 105px; }
  .lp-section-heading h2 { font-size: 48px; margin-bottom: 24px; }
  .lp-section-heading .lp-lead { font-size: 12px; }
  .lp-settings-demo { grid-template-columns: 1fr; padding: 26px 22px; gap: 38px; margin-top: 40px; border-radius: 28px; }
  .lp-settings-controls h3 { font-size: 28px; }
  .lp-setting-topics button { padding-inline: 10px; font-size: 10px; }
  .lp-settings-note { min-height: auto; }
  .lp-result-header { margin-bottom: 20px; }
  .lp-settings-result { border-top: 1px solid #d9d9d9; padding-top: 24px; }
  .lp-result-posters { min-height: 210px; }
  .lp-settings-result > p { font-size: 12px; }
  .lp-plans { grid-template-columns: 1fr; max-width: 430px; margin-top: 40px; gap: 20px; }
  .lp-plan { padding: 34px 30px; min-height: 350px; border-radius: 40px; }
  .lp-plan h3 { font-size: 46px; margin-top: 0; }
  .lp-plan ul { margin-top: 28px; }
  .lp-roadmap-items { margin-top: 32px; gap: 8px; }
  .lp-roadmap-items > * { font-size: 11px; padding: 12px 16px; }
  .lp-roadmap-note { padding-inline: 18px; font-size: 10px; }
  .lp-faq { grid-template-columns: 1fr; gap: 30px; }
  .lp-faq h2 { text-align: center; font-size: 36px; }
  .lp-faq-list summary { font-size: 12px; padding-block: 21px; }
  .lp-final { padding-top: 100px; }
  .lp-final h2 { font-size: 42px; }
  .lp-final .lp-lead { font-size: 12px; }
  .lp-final-dot { width: 20px; height: 20px; }
  .lp-footer { padding-top: 60px; padding-bottom: 25px; }
  .lp-footer-brand { font-size: 48px; }
  .lp-footer-brand > .lp-dot { width: 8px; height: 8px; }
  .lp-footer-bottom { flex-direction: column; margin-top: 0; gap: 22px; text-align: center; }
  .lp-footer-bottom nav { justify-content: center; gap: 12px 18px; }
  .lp-footer-bottom a:last-child { flex-basis: 100%; }
  .lp-legal { padding-top: 50px; }
  .lp-legal h1 { font-size: 36px; }
  .lp-legal .lp-legal-intro { font-size: 14px; }
  .lp-legal p, .lp-legal li { font-size: 12px; }
  .lp-legal th, .lp-legal td { padding: 12px 6px; font-size: 10px; overflow-wrap: anywhere; }
}
@media (max-width: 360px) {
  .lp-header-actions { gap: 9px; }
  .lp-button-small { padding: 10px 12px; font-size: 10px; }
  .lp-hero { padding-inline: 10px; }
  .lp-hero h1 { font-size: 30px; }
  .lp-lead { font-size: 11px; }
  .lp-button-main { min-width: 280px; font-size: 12px; }
  .lp-settings-demo { padding-inline: 18px; }
  .lp-setting-topics button { font-size: 9px; padding-inline: 8px; gap: 4px; }
  .lp-plan { padding-inline: 24px; }
  .lp-plan h3 { font-size: 40px; }
  .lp-final h2 { font-size: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .lp *, .lp *::before, .lp *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Keep the homepage's interactive preview in the same layout as the app. */
.lp-demo-content { grid-template-columns: minmax(0, 856fr) minmax(0, 394fr); align-items: start; }
.lp-demo-screen { grid-column: 1; grid-row: 1; }
.lp-demo-rail { display: grid; grid-column: 2; grid-row: 1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 0; overflow: visible; }
.lp-demo-rail button { width: 100%; min-width: 0; opacity: .6; }
.lp-demo-info { display: grid; grid-column: 1; grid-row: 2; grid-template-columns: minmax(0, 229fr) minmax(0, 433fr) minmax(0, 154fr); grid-template-rows: auto 1fr auto; gap: 14px 20px; padding: 0; }
.lp-demo-info h2 { grid-column: 2; grid-row: 1; font-size: 32px; line-height: 1.08; overflow: visible; margin: 0; }
.lp-demo-info > p { grid-column: 2; grid-row: 2 / 4; max-width: none; font-size: 16px; line-height: 1.15; }
.lp-demo-meta { display: contents; }
#demo-genres { grid-column: 1; grid-row: 3; display: flex; flex-wrap: wrap; gap: 0; align-self: end; }
#demo-genres > span { padding: 6px 10px; border-radius: 30px; background: var(--shade); color: var(--ink); font-size: 12px; }
#demo-date { grid-column: 1; grid-row: 2; white-space: normal; font-size: 12px; }
.lp-demo-bottom { display: contents; }
.lp-demo-ratings { grid-column: 1; grid-row: 1; gap: 0; }
#demo-source { grid-column: 3; grid-row: 3; align-self: end; font-size: 12px; white-space: normal; }
.lp-demo-placeholder { display: block; grid-column: 2; grid-row: 2; height: 140px; }
:root[data-appearance=dark] .lp-demo-tabs img,
:root[data-appearance=dark] .lp-setting-topics img { filter: invert(1); }
@media (max-width: 760px) {
  .lp-demo-content { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .lp-demo-screen { grid-column: 1; grid-row: 1; }
  .lp-demo-info { grid-column: 1; grid-row: 2; display: flex; flex-direction: column; gap: 12px; }
  .lp-demo-info h2 { font-size: 32px; }
  .lp-demo-meta { display: flex; flex-wrap: wrap; order: 2; margin: 0; align-self: stretch; }
  .lp-demo-bottom { display: flex; order: 3; margin: 0; padding: 0; }
  .lp-demo-rail { grid-column: 1; grid-row: 3; }
  .lp-demo-placeholder { grid-column: 1; grid-row: 4; height: 100px; }
}

.lp-demo-info > p { display: block; -webkit-line-clamp: unset; overflow: visible; line-height: 1.35; }
.lp-demo-score b { width: 34.56px; height: 34.56px; font-size: 12.44px; padding: 0; line-height: 1; font-variant-numeric: tabular-nums; }
.lp-demo-score .rating-value { letter-spacing: 1.2px; margin-right: -1.2px; }

@media (max-width: 760px) { .lp-category-events img { width: 100%; max-height: none; } }

/* October 11: the user's Figma section order and spatial composition. */
.lp-hero { padding-bottom:60px; }
.lp-product-frame { width:100%; height:auto; aspect-ratio:1083/585; overflow:hidden; background:var(--paper); border:1px solid var(--line); border-radius:14px; }
.lp-product-frame iframe { display:block; width:100%; height:100%; border:0; }
.lp-profile-figma { width:41px; height:41px; top:-.5px; left:-.5px; }
:root[data-appearance=dark] .lp-profile-figma { filter:invert(1); }
/* Profile photographs keep their original colors in either theme. */
.lp-profile img.lp-profile-photo { filter:none; }
.lp-category img { width:80px; max-height:76px; }
.lp-category-events img { width:100px; rotate:21.75deg; }
.lp-category-music img { width:72px; }
.lp-category-other img { width:83px; }
.lp-benefits { margin-top:20px; grid-template-columns:246fr 236fr 316fr; gap:113px; padding:0; }
.lp-benefits h3 { font-size:24px; line-height:.9; margin:12px 0; }
.lp-benefits p { font-size:14px; line-height:1.15; letter-spacing:-.04em; }
.lp-settings-section { width:min(1280px,100%); margin:160px auto 0; }
.lp-settings-section h2 { margin:0; font-size:60px; line-height:.9; text-align:center; }
.lp-settings-map { position:relative; width:100%; aspect-ratio:1280/650; margin-top:48px; }
.lp-setting-streams { position:absolute; top:0; left:17.66%; width:64.6%; display:flex; justify-content:space-between; z-index:2; }
.lp-setting-stream { position:relative; flex:0 0 13.9%; display:flex; flex-direction:column; align-items:center; }
.lp-setting-stream .lp-category { width:100%; height:auto; aspect-ratio:115/117; flex:auto; }
.lp-setting-stream-films { padding-top:113px; }
.lp-setting-stream-games,.lp-setting-stream-events { padding-top:63px; }
.lp-setting-stream-other { padding-top:113px; }
.lp-setting-stream .lp-category { margin-top:0; }
.lp-stream-tags { display:flex; flex-direction:column; align-items:center; gap:9px; margin-top:28px; white-space:nowrap; }
.lp-stream-tags span { padding:6px 10px; background:var(--category-color); border-radius:30px; color:#262626; font-size:16px; letter-spacing:-.04em; line-height:1.15; }
.lp-setting-stream-films { --category-color:var(--flow-films); }
.lp-setting-stream-games { --category-color:var(--flow-games); }
.lp-setting-stream-music { --category-color:var(--flow-music); }
.lp-setting-stream-events { --category-color:var(--flow-events); }
.lp-setting-stream-other { --category-color:var(--flow-other); }
.lp-setting-stream-films .lp-stream-tags { margin-top:72px; }
.lp-setting-stream-films .lp-stream-tags span:nth-child(2) { translate:36px 0; }
.lp-setting-stream-films .lp-stream-tags span:nth-child(3) { translate:74px 0; }
.lp-setting-stream-other .lp-stream-tags { gap:8px; margin-top:10px; }
.lp-setting-stream-other .lp-stream-tags span:nth-child(2) { translate:-20px 0; }
.lp-setting-stream-other .lp-stream-tags span:nth-child(3) { translate:-42px 0; }
.lp-setting-stream-other .lp-stream-tags span:nth-child(4) { translate:-77px 0; }
.lp-setting-stream-other .lp-stream-tags span:nth-child(5) { translate:-130px 0; }
.lp-stream-status { position:absolute; top:90px; left:0; width:100%; text-align:center; font-size:12px; color:var(--muted); opacity:.4; white-space:nowrap; }
.lp-settings-lines { position:absolute; inset:0; z-index:0; }
.lp-settings-lines img { position:absolute; object-fit:fill; height:auto; }
.lp-line-center { left:50%; top:91px; width:1px; height:421px!important; }
.lp-line-inner-right { left:50%; top:154px; width:13.83%; }
.lp-line-outer-right { left:50%; top:157px; width:28.64%; }
.lp-line-inner-left { right:50%; top:154px; width:13.83%; transform:scaleX(-1); }
.lp-line-outer-left { right:50%; top:157px; width:28.64%; transform:scaleX(-1); }
.lp-settings-cta { position:absolute; left:50%; top:512px; translate:-50% 0; min-width:239px; }
.lp-faq { display:flex; flex-direction:column; align-items:center; gap:44px; margin-top:90px; }
.lp-faq h2 { margin:0; font-size:60px; line-height:.9; }
.lp-faq-list { width:min(760px,100%); }
.lp-final { position:relative; width:min(1302px,100%); height:auto; aspect-ratio:1280/822; margin:140px auto 0; padding:0; overflow:hidden; text-align:center; }
.lp-final-copy { position:relative; z-index:1; padding-top:0; }
.lp-final-brand { display:block; margin-bottom:18px; font:700 20px/.9 'Avant Garde',sans-serif; letter-spacing:-.03em; }
.lp-final h2 { margin:0 auto 45px; font-size:60px; line-height:.9; }
.lp-final .lp-button-main { min-width:239px; margin:0; }
.lp-final-illustration { position:absolute; width:101.72%; height:auto; left:-1.5%; top:20px; z-index:0; pointer-events:none; }
.lp-footer { position:relative; z-index:2; width:calc(100% - 20px); max-width:1260px; padding:32px; border-radius:40px 40px 0 0; margin-top:-74px; background:var(--surface-soft); border:0; }
.lp-footer-bottom { border:0; padding:0; font-size:14px; }
.lp-footer-bottom nav { gap:35px; }
@media(max-width:1100px) and (min-width:761px) {
 .lp-benefits { gap:64px; }
 .lp-setting-stream-films,.lp-setting-stream-other { padding-top:9vw; }
 .lp-setting-stream-games,.lp-setting-stream-events { padding-top:5vw; }
 .lp-setting-stream .lp-category { border-radius:22px; }
 .lp-setting-stream .lp-category img { width:70%; }
 .lp-setting-stream .lp-category span { font-size:10px; }
 .lp-stream-tags span { font-size:13px; }
 .lp-stream-tags { gap:7px; margin-top:24px; }
 .lp-setting-stream-films .lp-stream-tags { margin-top:56px; }
 .lp-line-center { top:7.1vw; height:32.9vw!important; }
 .lp-line-inner-left,.lp-line-inner-right { top:12.03vw; }
 .lp-line-outer-left,.lp-line-outer-right { top:12.26vw; }
 .lp-settings-cta { top:40vw; }
 .lp-stream-status { top:7vw; font-size:10px; }
 .lp-final { margin-top:100px; }
 .lp-footer-bottom { flex-wrap:wrap; gap:20px; }
 .lp-footer-bottom nav { gap:24px; }
}
@media(max-width:760px) {
 .lp-hero { padding-bottom:42px; }
 .lp-product-frame { aspect-ratio:auto; height:1300px; }
 .lp-benefits { margin:32px 0 0; grid-template-columns:1fr; gap:28px; }
 .lp-benefits h3 { margin:0 0 12px; }
 .lp-benefits p { max-width:340px; }
 .lp-settings-section { margin-top:80px; }
 .lp-settings-section h2 { font-size:clamp(32px,7.5vw,48px); }
 .lp-settings-map { aspect-ratio:390/440; margin-top:32px; }
 .lp-setting-streams { width:94%; left:3%; gap:3px; }
 .lp-setting-stream { flex-basis:18.5%; }
 .lp-setting-stream-films,.lp-setting-stream-other { padding-top:65px; }
 .lp-setting-stream-games,.lp-setting-stream-events { padding-top:34px; }
 .lp-setting-stream .lp-category { height:80px; aspect-ratio:auto; border-radius:17px; }
 .lp-setting-stream .lp-category img { width:82%; max-height:46px; }
 .lp-setting-stream .lp-category span { font-size:clamp(6px,1.6vw,10px); }
 .lp-stream-tags { gap:6px; margin-top:15px; }
 .lp-stream-tags span { font-size:clamp(7px,1.75vw,11px); padding:5px 6px; }
 .lp-setting-stream-films .lp-stream-tags { margin-top:33px; }
 .lp-setting-stream-films .lp-stream-tags span:nth-child(2) { translate:14px 0; }
 .lp-setting-stream-films .lp-stream-tags span:nth-child(3) { translate:33px 0; }
 .lp-setting-stream-other .lp-stream-tags span:nth-child(2) { translate:-10px 0; }
 .lp-setting-stream-other .lp-stream-tags span:nth-child(3) { translate:-20px 0; }
 .lp-setting-stream-other .lp-stream-tags span:nth-child(4) { translate:-36px 0; }
 .lp-setting-stream-other .lp-stream-tags span:nth-child(5) { translate:-66px 0; }
 .lp-stream-status { top:47px; font-size:clamp(6px,1.6vw,10px); }
 .lp-line-center { top:50px; height:300px!important; }
 .lp-line-inner-left,.lp-line-inner-right { top:90px; width:25%; height:260px; }
 .lp-line-outer-left,.lp-line-outer-right { top:120px; width:41%; height:230px; }
 .lp-settings-cta { top:350px; }
 .lp-faq { gap:26px; margin-top:54px; }
 .lp-faq h2 { font-size:40px; }
 .lp-final { margin-top:90px; aspect-ratio:390/380; }
 .lp-final-brand { font-size:17px; margin-bottom:18px; }
 .lp-final h2 { font-size:clamp(30px,7.5vw,48px); margin-bottom:30px; }
 .lp-final-illustration { top:150px; width:125%; left:-12.5%; }
 .lp-footer { padding:24px 20px; margin-top:-10px; border-radius:26px 26px 0 0; }
 .lp-footer-bottom { font-size:11px; }
 .lp-footer-bottom nav { gap:16px; }
}
/* Keep the settings diagram intrinsic; columns must not stretch its tiles. */
.lp-settings-section,.lp-faq { padding:0; }
.lp-setting-streams { align-items:flex-start; }
.lp-setting-stream .lp-category { flex:none; }
.lp-benefit-number { color:var(--muted); opacity:.4; font-size:14px; }
.lp-final { background:transparent; color:var(--ink); }
.lp-final h2 { color:inherit; }
.lp-footer { background:#f0efef; color:#262626; --lp-line:#d9d9d9; }
.lp-footer-bottom { color:#262626; }
@media(min-width:761px) {
 .lp-benefits > div:nth-child(2) h3 { width:290px; }
 .lp-setting-stream .lp-category img { max-height:69px; }
}
.lp-setting-stream { min-width:0; }
@media(max-width:760px) {
 .lp-hero-categories .lp-category { min-width:0; flex:0 0 17.5%; }
 .lp-hero-categories .lp-category img { width:80%; max-height:45px; }
 .lp-hero-categories .lp-category-events img { width:94%; max-height:45px; }
}

/* One desktop canvas scales as a unit on every screen. */
.lp-product-frame { position:relative; aspect-ratio:1280/732; height:auto; }
.lp-product-frame iframe { position:absolute; inset:0 auto auto 0; transform-origin:top left; max-width:none; }
.lp-settings-map { container-type:inline-size; aspect-ratio:1280/550; }
.lp-setting-streams { inset:0; width:100%; display:block; }
.lp-setting-stream { position:absolute; top:0; width:8.984375%; padding-top:0; }
.lp-setting-stream-films { left:22.8125%; top:0; }
.lp-setting-stream-games { left:34.140625%; top:0; }
.lp-setting-stream-music { left:45.46875%; top:0; }
.lp-setting-stream-events { left:56.796875%; top:0; }
.lp-setting-stream-other { left:68.125%; top:0; }
.lp-setting-stream .lp-category { width:100%; height:auto; aspect-ratio:115/117; border-radius:1.953125cqw; padding:1.09375cqw .390625cqw .78125cqw; gap:.78125cqw; }
.lp-setting-stream .lp-category img { width:auto; max-width:90%; height:auto; max-height:5.7cqw; }
.lp-setting-stream .lp-category span { font-size:.859375cqw; }
.lp-stream-tags,.lp-setting-stream-films .lp-stream-tags,.lp-setting-stream-other .lp-stream-tags { position:absolute; inset:0; display:block; width:100%; margin:0; }
.lp-stream-tags span { position:absolute; display:flex; align-items:center; height:2.34375cqw; padding:0 .78125cqw; font-size:1.25cqw; line-height:1; translate:none!important; }
.lp-setting-stream-films .lp-stream-tags span:nth-child(1) { left:1.875cqw; top:10.78125cqw; }
.lp-setting-stream-films .lp-stream-tags span:nth-child(2) { left:3.90625cqw; top:13.90625cqw; }
.lp-setting-stream-films .lp-stream-tags span:nth-child(3) { left:4.6875cqw; top:17.03125cqw; }
.lp-setting-stream-films .lp-stream-tags span:nth-child(4) { left:5.9375cqw; top:20.234375cqw; }
.lp-setting-stream-films .lp-stream-tags span:nth-child(5) { left:8.203125cqw; top:23.28125cqw; }
.lp-setting-stream-games .lp-stream-tags span:nth-child(1) { left:-0.9375cqw; top:10.78125cqw; }
.lp-setting-stream-games .lp-stream-tags span:nth-child(2) { left:0.625cqw; top:13.90625cqw; }
.lp-setting-stream-games .lp-stream-tags span:nth-child(3) { left:2.34375cqw; top:17.03125cqw; }
.lp-setting-stream-events .lp-stream-tags span:nth-child(1) { left:0.78125cqw; top:10.78125cqw; }
.lp-setting-stream-events .lp-stream-tags span:nth-child(2) { left:-0.078125cqw; top:13.90625cqw; }
.lp-setting-stream-events .lp-stream-tags span:nth-child(3) { left:-1.015625cqw; top:17.03125cqw; }
.lp-setting-stream-other .lp-stream-tags span:nth-child(1) { left:2.65625cqw; top:10.78125cqw; }
.lp-setting-stream-other .lp-stream-tags span:nth-child(2) { left:-0.234375cqw; top:13.90625cqw; }
.lp-setting-stream-other .lp-stream-tags span:nth-child(3) { left:-1.09375cqw; top:17.03125cqw; }
.lp-setting-stream-other .lp-stream-tags span:nth-child(4) { left:-3.28125cqw; top:20.234375cqw; }
.lp-setting-stream-other .lp-stream-tags span:nth-child(5) { left:-8.4375cqw; top:23.28125cqw; }
.lp-setting-stream-music .lp-stream-tags span:nth-child(1) { left:50%; top:10.78125cqw; transform:translateX(-50%); }
.lp-setting-stream-music .lp-stream-tags span:nth-child(2) { left:50%; top:13.90625cqw; transform:translateX(-50%); }
.lp-setting-stream-music .lp-stream-tags span:nth-child(3) { left:50%; top:17.03125cqw; transform:translateX(-50%); }
.lp-setting-stream-music .lp-stream-tags span:nth-child(4) { left:50%; top:20.234375cqw; transform:translateX(-50%); }
.lp-setting-stream-music .lp-stream-tags span:nth-child(5) { left:50%; top:23.28125cqw; transform:translateX(-50%); }
.lp-stream-status { top:-2.578125cqw; font-size:.9375cqw; }
.lp-line-center { left:49.98046875%; top:3.4375cqw; width:.078125%; height:30.234375cqw!important; }
.lp-settings-lines .lp-line-inner-left { left:38.5546875%; right:auto; top:8.125cqw; width:11.5625%; height:23.359375cqw; transform:none; }
.lp-settings-lines .lp-line-inner-right { left:50.0390625%; top:8.046875cqw; width:11.328125%; height:23.4375cqw; }
.lp-settings-lines .lp-line-outer-left { left:27.2265625%; right:auto; top:8.203125cqw; width:22.8125%; height:23.28125cqw; transform:none; }
.lp-settings-lines .lp-line-outer-right { left:50.0390625%; top:8.203125cqw; width:23.046875%; height:23.28125cqw; }
#settings-flow { position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.lp-settings-cta { top:31.484375cqw; z-index:3; }
.lp-final { width:100%; max-width:none; aspect-ratio:auto; overflow:hidden; background:transparent; padding:0; }
.lp-final-copy { padding-inline:20px; }
.lp-final-illustration { position:relative; display:block; inset:auto; width:100%; height:auto; margin-top:-8px; }
.lp-footer { width:calc(100% - 20px); max-width:none; margin:28px auto 0; padding:30px 32px; border-radius:40px 40px 0 0; background:#fff; box-shadow:inset 0 0 20px -12px #454545; isolation:isolate; }
.lp-footer::before { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; padding:1px; background:linear-gradient(110deg,#9ac9ee,#9666e5,#efb58b,#77c466,#ed9ecb); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:.65; }
@media(max-width:760px) { .lp-settings-map { min-height:240px; margin-bottom:40px; } .lp-settings-cta { top:31.484375cqw; min-width:200px; font-size:11px; } .lp-footer { padding:24px 20px; border-radius:26px 26px 0 0; } .lp-final-illustration { margin-top:18px; } }

/* Only the mobile opening screen uses four adjacent cards. */
.lp-hero-categories .lp-category-event-mobile { display:none; }
@media(max-width:760px) {
 .lp-hero-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; width:100%; height:auto; }
 .lp-hero-categories .lp-category { margin-top:0; width:100%; height:auto; aspect-ratio:1; padding:10px 4px 8px; border-radius:clamp(14px,4vw,30px); gap:5px; }
 .lp-hero-categories .lp-category-other, .lp-hero-categories .lp-category-event-desktop { display:none; }
 .lp-hero-categories .lp-category-event-mobile { display:block; }
 .lp-hero-categories .lp-category img { width:80%; max-height:21vw; rotate:none; }
 .lp-hero-categories .lp-category-events img { width:94%; max-height:21vw; }
 .lp-hero-categories .lp-category span { font-size:clamp(8px,1.8vw,14px); }
 .lp-hero-copy { margin-top:46px; }
}

/* Footer links sit on the front face of the illustrated power strip. */
.lp-final-artwork { position:relative; width:100%; container-type:inline-size; }
.lp-final-artwork .lp-final-illustration { margin-top:0; }
.lp-final-artwork .lp-footer { position:absolute; inset:auto 12.5% 1.2cqw 18%; width:auto; max-width:none; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; color:#262626; }
.lp-final-artwork .lp-footer::before { content:none; }
.lp-final-artwork .lp-footer-bottom,.lp-final-artwork .lp-footer a { color:#262626; }
.lp-footer-bottom { align-items:center; font-size:.9375cqw; line-height:1.15; gap:20px; }
.lp-footer-bottom nav { flex-wrap:nowrap; gap:2.1875cqw; }
.lp-footer-bottom a { white-space:nowrap; }
.lp-stream-status { top:-1.5625cqw; }
@media(max-width:760px) {
 .lp-final-artwork .lp-footer { position:relative; inset:auto; margin:-4.5cqw 9.8% 0 14.4%; padding:12px 8px; border-left:1.5px solid #111; border-right:1.5px solid #111; background:#fff8e8; }
 .lp-footer-bottom { flex-direction:column; align-items:center; font-size:9px; gap:10px; text-align:center; }
 .lp-footer-bottom nav { justify-content:center; flex-wrap:wrap; gap:9px 14px; }
}

/* Center the legal line vertically on the illustrated side face. */
@media(min-width:761px) { .lp-final-artwork .lp-footer { bottom:3.35cqw; transform:translateY(50%); } }
.lp-user-profile { flex:none; order:0; background:#9bcbed; color:#262626; overflow:hidden; text-decoration:none; }
.lp-profile-initial { display:grid; place-items:center; width:40px; height:40px; font:400 18px/1 'CoFo Sans Mono',monospace; }
.lp-profile.lp-user-profile .lp-profile-photo { inset:0; width:40px; height:40px; object-fit:cover; border-radius:50%; filter:none; }
.lp-header:has(.lp-user-profile) { gap:14px; }
.lp-header:has(.lp-user-profile) .lp-header-actions { margin-left:auto; }

@media(min-width:761px) { .lp-final-artwork .lp-footer { bottom:2.85cqw; } }

.lp-marketing-brand { display:flex; align-items:center; gap:4px; top:18px; height:22px; }
.lp-logo-mark { display:block; transform:scaleX(-1); flex:none; }
:root[data-appearance=dark] .lp-logo-mark { filter:invert(1); }

/* Mobile rhythm: previous settings-to-FAQ gap (54px), reduced by one third. */
@media(max-width:759px) {
 .lp { --lp-section-gap:36px; }
 .lp-hero-text::before { opacity:.35; }
 .lp-hero { padding-bottom:var(--lp-section-gap); overflow:clip; overflow-clip-margin:20px; }
 .lp-benefits { margin-top:var(--lp-section-gap); }
 .lp-settings-section,.lp-faq,.lp-final { margin-top:var(--lp-section-gap); }
 .lp-settings-map { margin-bottom:0; }
 .lp-final { overflow:visible; }
 .lp-final-copy { padding-bottom:14px; }
 .lp-glow-button { overflow:visible; }
 .lp-glow-button::before { clip-path:inset(-30px round 80px); }
 .lp-product-frame { aspect-ratio:390/650; }
}

/* Keep the supporting sentence close to the title on both screen sizes. */
.lp-hero-text { padding-block:12px; }
.lp-hero h1 { margin-bottom:16px; }
.lp-hero .lp-lead { margin:0 auto; }

.lp-mobile-heading-break { display:none; }

/* Updated marketing composition, Figma 1364:976 (22 October 2026).
   Scoped to the landing page so document pages keep their existing layout. */
.lp-redesign { --paper:#191a1c; --ink:#fff; --lp-line:#3c3e45; --surface:#fff; --lp-section-gap:180px; --lp-hero-gap:60px; color:#fff; color-scheme:dark; }
.lp-redesign #main { display:flex; flex-direction:column; gap:var(--lp-section-gap); }
.lp-redesign #main > section { flex:none; margin-block:0; }
.lp-redesign #main > .lp-hero { margin-bottom:calc(var(--lp-hero-gap) - var(--lp-section-gap)); }
.lp-redesign main { overflow:clip; }
.lp-redesign p { line-height:1.15; }
.lp-redesign .lp-container { width:min(1083px,calc(100% - 40px)); }
.lp-redesign { padding-top:60px; }
.lp-redesign .lp-header { position:fixed; inset:0 0 auto; width:100%; height:60px; z-index:50; background:rgb(25 26 28 / .94); backdrop-filter:blur(12px); }
.lp-redesign .lp-marketing-brand { top:20px; height:auto; display:flex; align-items:center; gap:8px; font-size:20px; }
.lp-brand-mark { flex:none; display:block; width:21px; height:21px; }
.lp-redesign .lp-brand-mark img { display:block; transform:scale(.6); transform-origin:top left; }
:root[data-appearance] .lp-redesign .lp-profile-figma { filter:none; }
.lp-redesign .lp-skip:not(:focus) { clip-path:inset(50%); }
.lp-redesign .lp-button { color:#262626; background:#fff; box-shadow:none; }
.lp-redesign .lp-button-small { width:121px; min-height:40px; padding:10px; }
.lp-redesign .lp-button-main { width:239px; min-width:239px; min-height:59px; padding:18px 20px; }
.lp-redesign .lp-glow-button { background:transparent; }
.lp-redesign .lp-glow-button::before { inset:0; }
.lp-redesign .lp-glow-button::after { inset:2px; background:#fff; }
.lp-redesign a:focus-visible,.lp-redesign summary:focus-visible { outline:2px solid #85c6fc; outline-offset:6px; }
.lp-redesign .lp-hero { padding:60px 20px 0; overflow:clip; overflow-clip-margin:12px; }
.lp-redesign .lp-hero-categories { display:flex; justify-content:space-between; gap:0; width:827px; max-width:100%; height:230px; }
.lp-redesign .lp-category { flex:0 0 115px; width:115px; height:117px; padding:0 5px 10px; gap:0; border-radius:24px; }
.lp-redesign .lp-category-films { margin-top:113px; }
.lp-redesign .lp-category-games,.lp-redesign .lp-category-events { margin-top:63px; }
.lp-redesign .lp-category-music { margin-top:0; }
.lp-redesign .lp-category-other { margin-top:113px; }
.lp-redesign .lp-category span { position:relative; z-index:1; font-size:12px; }
.lp-redesign .lp-category-games span { color:#191a1c; }
.lp-redesign .lp-category-icon { position:absolute; inset:0; }
.lp-redesign .lp-category-icon > img { position:absolute; width:auto; height:auto; max-width:none; max-height:none; min-height:0; flex:none; rotate:none; }
.lp-redesign .lp-category-films .lp-category-icon > img { left:23px; top:11px; transform:rotate(-3.84deg); }
.lp-redesign .lp-category-games .lp-category-icon > img { left:17px; top:20px; transform:rotate(-5.59deg); }
.lp-redesign .lp-category-music .lp-category-icon > img { left:22.47px; top:21px; }
.lp-redesign .lp-category-music .lp-category-icon > .lp-music-detail { left:40.86px; top:55.65px; }
.lp-redesign .lp-category-events .lp-category-icon > img { left:12px; top:15px; transform:rotate(21.75deg); }
.lp-redesign .lp-category-other .lp-category-icon > img { left:18px; top:23px; transform:rotate(4.06deg) scaleX(-1); }
.lp-redesign .lp-hero-copy { width:703px; margin-top:22px; }
.lp-redesign .lp-hero-text { padding:0; }
.lp-redesign .lp-hero-text::before { content:none; }
.lp-hero-shade { position:absolute; inset:0; z-index:-1; pointer-events:none; }
.lp-hero-shade i { position:absolute; left:calc(50% + 7.5px); translate:-50% 0; background:#191a1c; border-radius:87px; filter:blur(5.3px); }
.lp-hero-shade i:nth-child(1) { top:-8px; width:100%; height:80px; }
.lp-hero-shade i:nth-child(2) { top:50px; width:67%; height:66px; }
.lp-hero-shade i:nth-child(3) { top:92px; width:48.2%; height:78px; }
.lp-redesign .lp-hero h1 { margin:0 0 16px; font-size:60px; line-height:.9; }
.lp-redesign .lp-hero .lp-lead { max-width:309px; font-size:14px; line-height:1.15; }
.lp-redesign .lp-hero .lp-button-main { margin-top:105px; }
.lp-redesign .lp-hero-lines { position:absolute; z-index:-1; top:0; left:calc(50% - 640px); width:1280px; height:632px; pointer-events:none; }
.lp-hero-line,.lp-hero-detail { position:absolute; max-width:none; }
.lp-hero-line-center { left:641px; top:150.5px; }
.lp-hero-line-right-inner { left:642px; top:214px; }
.lp-hero-line-right-outer { left:642px; top:217px; }
.lp-hero-line-left-outer { left:274.5px; top:217px; transform:scaleX(-1); }
.lp-hero-line-left-inner { left:464.5px; top:215px; transform:scaleX(-1); }
.lp-hero-detail { left:534px; top:300px; }
.lp-redesign #hero-flow { z-index:-1; }
.lp-redesign .lp-product-frame { aspect-ratio:1280/732; border-color:#3c3e45; border-radius:24px; }
.lp-redesign .lp-product-frame iframe { transform-origin:top left; }
.lp-taste { position:relative; width:min(1280px,100%); aspect-ratio:1280/506; margin:77px auto 0; container-type:inline-size; }
.lp-taste-copy { position:absolute; left:12.34375%; top:9.6838%; width:31.484375%; z-index:1; }
.lp-taste-copy h2 { margin:0; font-size:5cqw; letter-spacing:-.03em; line-height:.9; }
.lp-taste-copy p { width:70%; margin:23px 0 0 3px; font-size:1.09375cqw; letter-spacing:-.04em; }
.lp-taste-copy .lp-button { margin-top:109px; }
.lp-taste-art { position:absolute; left:35.9375%; top:0; width:36.71875%; height:100%; overflow:hidden; }
.lp-taste-art > img { display:block; position:absolute; width:120.64%; height:112.06%; max-width:none; left:-7.45%; top:-3.95%; }
.lp-preferences { --lp-preference-scale:1; position:absolute; left:74.6875%; top:2.56917%; width:224px; height:474px; font-size:10px; color:#262626; }
.lp-preferences::before { content:''; position:absolute; left:32.5px; top:calc((-1 * var(--lp-section-gap) - 1.015625cqw) / var(--lp-preference-scale)); width:1px; height:calc((var(--lp-section-gap) + 1.015625cqw) / var(--lp-preference-scale)); background:#4bca56; }
.lp-preferences-inlet { position:absolute; z-index:2; left:30.11325px; top:calc((-1 * var(--lp-section-gap) - 1.015625cqw) / var(--lp-preference-scale) - 2.8867px); max-width:none; }
.lp-preference-group { position:absolute; top:var(--preference-y); left:0; width:224px; height:var(--preference-height); }
.lp-preference-group + .lp-preference-group { margin:0; }
.lp-preference-topic { display:flex; align-items:center; gap:6px; width:max-content; height:27px; padding:6px 10px; border-radius:300px; background:var(--topic-color); font-size:12px; line-height:1.15; letter-spacing:-.04em; white-space:nowrap; }
.lp-preference-topic img { flex:none; transform:rotate(-3.84deg); }
.lp-preference-arrow { position:absolute; z-index:2; top:26.5px; left:30.11325px; display:block; margin:0; max-width:none; }
.lp-preference-tags { position:absolute; top:36px; left:0; display:flex; flex-direction:column; align-items:flex-start; gap:0; }
.lp-preference-tags span { display:flex; align-items:center; width:max-content; height:23px; padding:0 10px; border-radius:300px; background:var(--tag-color); line-height:1.15; letter-spacing:-.04em; white-space:nowrap; }
.lp-preference-films { --topic-color:#4bca56; --tag-color:#a4e4aa; --preference-y:0px; --preference-height:129px; }
.lp-preference-games { --topic-color:#9d64ef; --tag-color:#c3a0f4; --preference-y:152px; --preference-height:106px; color:#191a1c; }
.lp-preference-music { --topic-color:#85c6fc; --tag-color:#c2e3fd; --preference-y:281px; --preference-height:60px; }
.lp-preference-events { --topic-color:#f3893e; --tag-color:#f9c49e; --preference-y:364px; --preference-height:106px; }
.lp-preference-connector { position:absolute; z-index:2; left:32.5px; top:-21.5px; max-width:none; }
.lp-preference-music .lp-preference-connector { transform:scaleY(-1); }
.lp-features { width:min(982px,calc(100% - 64px)); margin:156px auto 0; }
.lp-features > h2 { margin:0; font-size:64px; line-height:.9; text-align:center; }
.lp-redesign .lp-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:116px; margin:69px 0 0; padding:0; }
.lp-benefit { position:relative; min-width:0; }
.lp-benefit-step { display:flex; align-items:center; justify-content:center; gap:10px; height:16px; font-size:14px; color:#92949d; }
.lp-benefit-step > img { max-width:none; }
.lp-benefit-art { position:relative; height:286px; }
.lp-benefit-art > img { position:absolute; max-width:none; }
.lp-benefit-skate > img:first-child { width:367.84px; height:276px; left:-64.84px; top:4px; clip-path:inset(0 0 0 64.84px); }
.lp-benefit-skate > .lp-skate-line { left:31px; top:223px; }
.lp-benefit-skate > .lp-skate-line-2 { left:21px; top:234px; }
.lp-benefit-skate > .lp-skate-line-3 { top:244px; }
.lp-benefit-box { position:relative; }
.lp-benefit-box > img { width:462px; height:308px; left:-121px; top:-13px; transform:scaleX(-1); clip-path:inset(48px 63px 43px 58px); }
.lp-benefit-apple > img { width:244.88px; height:306px; left:-.44px; top:-26px; clip-path:inset(24px 0 0); }
.lp-redesign .lp-benefit-copy h3 { width:auto; max-width:250px; margin:0 0 12px; font-size:24px; line-height:.9; letter-spacing:0; }
.lp-redesign .lp-benefit-copy p { max-width:250px; margin:0; color:#fff; font-size:14px; line-height:1.15; letter-spacing:-.04em; }
.lp-redesign .lp-faq { display:block; margin:124.25px auto 0; padding:0; }
.lp-redesign .lp-faq h2 { margin:0; font-size:64px; line-height:.9; text-align:center; }
.lp-faq-panel > .lp-faq-list { max-width:760px; margin:40px auto 0; }
.lp-redesign .lp-faq-list summary { color:#fff; }
.lp-redesign .lp-faq-list details p { color:#b0b1b7; }
.lp-redesign .lp-final { width:100%; max-width:none; margin:197px auto 0; padding:0; overflow:hidden; }
.lp-redesign .lp-final-copy { padding:0 20px; }
.lp-redesign .lp-final h2 { margin:0 auto 41px; font-size:64px; line-height:.9; }
.lp-redesign .lp-final .lp-button-main { margin:0; }
.lp-redesign .lp-final-artwork { width:100%; margin:-22px auto 0; aspect-ratio:1280/720; container-type:inline-size; overflow:hidden; }
.lp-redesign .lp-final-illustration { position:absolute; inset:0 auto auto 0; display:block; width:100%; max-width:none; height:auto; margin:0; transform:scaleX(-1); }
.lp-redesign .lp-final-artwork .lp-footer { position:absolute; left:55.703125%; top:29.140625cqw; right:3.046875%; bottom:0; width:auto; max-width:none; margin:0; padding:28px 27px; border:1px solid #3c3e45; border-radius:32px; transform:none; background:transparent; color:#fff; box-shadow:none; }
.lp-redesign .lp-final-artwork .lp-footer::before { content:none; }
.lp-redesign .lp-footer-bottom { display:block; color:#fff; font-size:16px; line-height:1.15; }
.lp-footer-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:27px; font:700 32px/.9 'Avant Garde',sans-serif; letter-spacing:-.03em; }
.lp-footer-heading p { margin:0; }
.lp-redesign .lp-footer-bottom nav { display:flex; flex-direction:column; align-items:flex-start; gap:0; }
.lp-redesign .lp-final-artwork .lp-footer nav a { flex-basis:auto; color:#191a1c; padding:6px 10px; border-radius:300px; background:#a4e4aa; letter-spacing:-.04em; white-space:nowrap; }
.lp-redesign .lp-footer nav a:hover { background:#4bca56; }
.lp-footer-home { position:absolute; left:auto; right:27px; bottom:20px; display:block; }
.lp-footer-home img { display:block; width:35px; height:34px; transform:scaleX(-1); }
.lp-footer-up { position:absolute; right:-20px; top:41px; display:block; line-height:0; }
.lp-footer-up img { display:block; }
.lp-redesign .lp-final-artwork .lp-footer nav .lp-footer-email { position:absolute; bottom:20px; margin:0; padding:0; background:none; color:#fff; }
.lp-redesign .lp-final-artwork .lp-footer nav .lp-footer-email:hover { color:#a4e4aa; }
@media(min-width:761px) {
  .lp-redesign .lp-final-artwork .lp-footer { bottom:-5cqw; }
  .lp-redesign .lp-footer-home,
  .lp-redesign .lp-final-artwork .lp-footer nav .lp-footer-email { bottom:calc(20px + 5cqw); }
}
@media(min-width:760px) and (max-width:1100px) {
  .lp-taste-copy .lp-button { margin-top:8.515625cqw; }
  .lp-preferences { --lp-preference-scale:.82; transform-origin:top left; scale:var(--lp-preference-scale); }
  .lp-redesign .lp-benefits { gap:50px; }
  .lp-redesign .lp-footer-heading { font-size:2.5cqw; margin-bottom:2.1cqw; }
  .lp-redesign .lp-footer-bottom nav { align-items:flex-start; }
  .lp-redesign .lp-final-artwork .lp-footer { padding:2.1cqw; }
  .lp-redesign .lp-final-artwork .lp-footer nav a { font-size:max(11px,1.25cqw); padding:.46875cqw .78125cqw; }
}
@media(min-width:760px) and (max-width:999px) {
  .lp-preferences { --lp-preference-scale:.6; scale:var(--lp-preference-scale); }
  .lp-taste-copy p { width:80%; margin-top:18px; font-size:12px; }
  .lp-taste-copy .lp-button { width:190px; min-width:190px; min-height:50px; margin-top:28px; font-size:12px; }
  .lp-benefit-art { transform:scale(.7); transform-origin:left top; margin-bottom:-86px; }
}
@media(max-width:759px) {
  .lp-redesign { --lp-section-gap:96px; --lp-hero-gap:40px; }
  .lp-redesign .lp-header { height:60px; }
  .lp-redesign .lp-marketing-brand { top:22px; font-size:17px; }
  .lp-redesign .lp-button-small { width:108px; font-size:12px; }
  .lp-redesign .lp-hero { padding:40px 16px 0; overflow:clip; }
  .lp-redesign .lp-hero-categories { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; width:min(520px,100%); height:150px; }
  .lp-redesign .lp-category { display:flex; width:100%; height:auto; aspect-ratio:115/117; min-width:0; border-radius:16px; padding:0 2px 7px; }
  .lp-redesign .lp-category-films,.lp-redesign .lp-category-other { margin-top:60px; }
  .lp-redesign .lp-category-games,.lp-redesign .lp-category-events { margin-top:28px; }
  .lp-redesign .lp-category-icon { inset:0; width:115px; height:117px; transform:scale(var(--lp-icon-scale,.55)); transform-origin:top left; }
  .lp-redesign .lp-category span { font-size:clamp(6px,1.45vw,9px); }
  .lp-redesign .lp-hero-copy { width:100%; margin-top:8px; }
  .lp-redesign .lp-hero h1 { margin-bottom:18px; font-size:clamp(29px,7.7vw,52px); line-height:.94; }
  .lp-redesign .lp-hero .lp-lead { max-width:280px; font-size:12px; }
  .lp-redesign .lp-hero .lp-button-main { margin-top:80px; }
  .lp-redesign .lp-hero-lines { display:none; }
  .lp-redesign .lp-container { width:calc(100% - 24px); }
  .lp-redesign .lp-product-frame { border-radius:18px; aspect-ratio:390/650; }
  .lp-taste { display:grid; grid-template-columns:minmax(0,1fr) 150px; align-items:start; gap:0; width:calc(100% - 40px); aspect-ratio:auto; margin:80px auto 0; }
  .lp-taste-copy { position:static; grid-column:1/-1; width:100%; }
  .lp-taste-copy h2 { width:min(330px,100%); font-size:clamp(38px,9.5vw,56px); }
  .lp-taste-copy p { width:min(285px,100%); margin:20px 0 0; font-size:13px; }
  .lp-taste-copy .lp-button { margin:28px 0 36px; }
  .lp-taste-art { position:relative; grid-column:1; grid-row:2; align-self:center; left:auto; top:auto; width:calc(100% + 20px); height:auto; aspect-ratio:470/506; margin-left:-10px; }
  .lp-preferences { position:relative; grid-column:2; grid-row:2; left:auto; top:auto; width:150px; height:410px; margin:20px 0 0; transform:scale(.82); transform-origin:top left; }
  .lp-preferences-inlet { top:-82px; height:auto; clip-path:inset(15px 0 0); }
  .lp-preferences::before { content:none; }
  .lp-preference-topic { font-size:12px; gap:6px; }
  .lp-preference-tags span { font-size:10px; padding:0 10px; }
  .lp-preference-group + .lp-preference-group { margin:0; }
  .lp-features { width:calc(100% - 48px); margin:76px auto 0; }
  .lp-features > h2 { font-size:clamp(36px,8.7vw,56px); }
  .lp-redesign .lp-benefits { display:flex; flex-direction:column; gap:52px; width:276px; max-width:100%; margin:44px auto 0; }
  .lp-redesign .lp-benefit { width:100%; padding:0; }
  .lp-benefit-step { justify-content:flex-start; padding-left:105px; }
  .lp-benefit-art { height:286px; }
  .lp-benefit-box > img { left:-120px; }
  .lp-benefit-apple > img { left:16px; }
  .lp-redesign .lp-benefit-copy h3 { max-width:276px; font-size:26px; }
  .lp-redesign .lp-benefit-copy p { max-width:276px; font-size:13px; }
  .lp-redesign .lp-faq { margin-top:76px; padding:0 8px; }
  .lp-redesign .lp-faq h2 { font-size:44px; }
  .lp-faq-panel > .lp-faq-list { margin-top:26px; }
  .lp-redesign .lp-final { margin-top:100px; overflow:hidden; }
  .lp-redesign .lp-final-copy { padding:0 12px; }
  .lp-redesign .lp-final h2 { font-size:clamp(38px,9.6vw,56px); margin-bottom:30px; }
  .lp-redesign .lp-final-artwork { margin:24px auto 0; aspect-ratio:auto; padding-top:62%; padding-bottom:0; }
  .lp-redesign .lp-final-illustration { width:140%; max-width:none; left:-32%; top:0; }
  .lp-redesign .lp-final-artwork .lp-footer { position:relative; inset:auto; width:calc(100% - 40px); min-height:264px; margin:0 20px; padding:24px 20px; border:1px solid #3c3e45; border-radius:24px; background:#191a1c; transform:none; }
  .lp-redesign .lp-footer-bottom { text-align:left; font-size:13px; }
  .lp-footer-heading { font-size:26px; margin-bottom:24px; }
  .lp-redesign .lp-footer-bottom nav { flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; gap:5px; }
  .lp-redesign .lp-final-artwork .lp-footer nav a { font-size:clamp(10px,3.2vw,14px); padding:7px 10px; }
  .lp-footer-home { left:auto; right:20px; bottom:18px; }
  .lp-redesign .lp-final-artwork .lp-footer nav .lp-footer-email { bottom:18px; }
  .lp-footer-up { right:-20px; top:34px; }
  .lp-redesign .lp-hero-shade i:nth-child(1) { top:-6px; height:72%; }
  .lp-redesign .lp-hero-shade i:nth-child(2) { top:40%; height:42%; width:80%; }
  .lp-redesign .lp-hero-shade i:nth-child(3) { top:70%; height:38%; width:75%; }
}
@media(max-width:374px) {
  .lp-redesign .lp-marketing-brand { font-size:14px; gap:4px; }
  .lp-redesign .lp-button-small { width:100px; font-size:11px; }
  .lp-redesign .lp-hero-categories { gap:5px; height:135px; }
  .lp-redesign .lp-category { border-radius:13px; padding-bottom:5px; }
  .lp-redesign .lp-hero h1 { font-size:28px; }
  .lp-taste { width:calc(100% - 32px); grid-template-columns:minmax(0,1fr) 128px; }
  .lp-taste-copy h2 { font-size:36px; }
  .lp-preferences { width:128px; margin-left:0; transform:scale(.74); }
  .lp-redesign .lp-final-artwork .lp-footer { width:calc(100% - 24px); margin-inline:12px; padding:22px 16px; }
}

/* Category-specific desktop tag icons, using the original Figma SVG dimensions. */
@media(min-width:760px) {
 .lp-redesign .lp-preference-topic > img { display:none; }
 .lp-redesign .lp-preference-desktop-icon[hidden] { display:flex !important; align-items:center; justify-content:center; flex:none; }
 .lp-redesign .lp-preference-desktop-icon img { display:block; width:auto; height:auto; max-width:none; transform:none; }
 .lp-redesign .lp-preference-films .lp-preference-desktop-icon { width:12.552px; height:13.546px; }
 .lp-redesign .lp-preference-films .lp-preference-desktop-icon img { transform:rotate(-3.84deg); }
 .lp-redesign .lp-preference-games .lp-preference-desktop-icon { width:16.814px; height:13.717px; }
 .lp-redesign .lp-preference-music .lp-preference-desktop-icon { width:15px; height:12.753px; }
 .lp-redesign .lp-preference-events .lp-preference-desktop-icon { width:21.233px; height:14.255px; }
}