/* Homepage supporting sections. Shared product controls keep their existing styles. */ .home-section { --home-text: #252a30; --home-muted: #555e69; --home-line: rgba(74, 88, 104, .16); --home-paper: rgba(255, 255, 255, .82); color: var(--home-text); background: var(--pearl); padding: 40px 32px; } .home-section > .tile-inner, .home-section > .method-comparison-home-table-inner { width: min(1440px, 100%); margin-inline: auto; } .home-section .home-glass { border: 1px solid rgba(74,116,182,.14); border-radius: var(--radius-lg); background: linear-gradient(125deg, rgba(244,248,252,.55), rgba(255,255,255,.8) 46%, rgba(238,242,247,.5)); box-shadow: inset 0 1px 0 #fff, 0 8px 24px rgba(59,94,151,.04); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } .home-section .eyebrow { color: var(--home-muted); font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; margin: 0 0 18px; } .home-section h2 { max-width: 20ch; color: var(--home-text); font-size: clamp(30px, 3.1vw, 42px); font-weight: 600; line-height: 1.09; letter-spacing: -.045em; margin: 0; } .home-section .lead { max-width: 40ch; margin: 20px 0 0; color: var(--home-muted); font-size: 16px; line-height: 1.6; } .home-section .section-heading { margin: 0; text-align: left; } .home-section .home-text-link { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; padding: 4px 0; color: #075da6; background: transparent; border: 0; border-radius: 4px; font: inherit; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; } .home-section .home-text-link:hover { text-decoration: underline; } .home-section :is(a, button, summary, input):focus-visible { outline: 2px solid #1674c5; outline-offset: 5px; } #howItWorks { padding-top: 64px; } #howItWorks .how-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; padding: 40px; align-items: start; } #howItWorks .home-text-link { margin-top: 28px; } #howItWorks .home-text-link + .home-text-link { display: flex; width: fit-content; margin-top: 0; } #howItWorks .how-steps { display: block; padding: 0; margin: 0; list-style: none; border: 0; } #howItWorks .how-steps li { display: grid; grid-template-columns: 32px 1fr; gap: 18px; padding: 26px 0; border: 0; border-bottom: 1px solid var(--home-line); border-radius: 0; background: transparent; box-shadow: none; } #howItWorks .how-steps li:first-child { padding-top: 0; } #howItWorks .how-steps li:last-child { padding-bottom: 0; border: 0; } #howItWorks .how-steps li > span { padding-top: 4px; color: #657384; font-size: 12px; font-weight: 500; font-variant-numeric: tabular-nums; } html[data-upload120-theme="dark"] #howItWorks .how-steps li > span { color: var(--muted); } #howItWorks .how-steps strong { margin: 0 0 9px; color: var(--home-text); font-size: 21px; line-height: 1.2; font-weight: 600; letter-spacing: -.025em; } #howItWorks .how-steps p { color: var(--home-muted); font-size: 15px; line-height: 1.6; } #compressionCompare { padding-block: 70px; } #compressionCompare > .tile-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; } #compressionCompare .video-difference { padding: 16px; border: 1px solid rgba(255,255,255,.9); border-radius: 24px; background: rgba(233,239,245,.6); box-shadow: 0 8px 24px rgba(30,40,50,.04); } #compressionCompare .video-difference-stage { width: 100%; max-height: 570px; border-radius: 12px; } #compressionCompare .compare-controls { margin: 16px 0 0; padding: 0; gap: 12px; flex-wrap: wrap; color: var(--home-text); background: transparent; } #compressionCompare .compare-controls output { color: var(--home-muted); } #compressionCompare .compare-caveat { color: var(--home-muted); font-size: 12px; line-height: 1.55; margin: 16px 0 0; } #compressionCompare .compare-caveat a { color: #075da6; } #methodComparisonHome { padding-block: 36px 66px; } #methodComparisonHome .home-glass { padding: 40px; } #methodComparisonHome .method-comparison-home-heading { display: block; margin: 0 0 24px; } #methodComparisonHome h2 { max-width: none; font-size: clamp(28px, 3vw, 40px); } #methodComparisonHome .method-comparison-home-lead { max-width: 60ch; color: var(--home-muted); margin: 16px 0 0; font-size: 15px; line-height: 1.6; } #methodComparisonHome .method-comparison-home-note { max-width: none; margin: 0 0 20px; padding: 0; color: var(--home-muted); font-size: 12px; line-height: 1.5; background: none; border: 0; } #methodComparisonHome .method-comparison-simple-table-wrap { overflow: visible; border: 1px solid var(--home-line); border-radius: 16px; background: var(--home-paper); } #methodComparisonHome .method-comparison-simple-table { display: table; width: 100%; min-width: 0; table-layout: fixed; border-collapse: separate; border-spacing: 0; background: transparent; } #methodComparisonHome .method-comparison-simple-table :is(th, td) { padding: 20px; color: var(--home-text); background: transparent; border: 0; border-bottom: 1px solid var(--home-line); font-size: 13px; line-height: 1.6; vertical-align: top; overflow-wrap: anywhere; box-shadow: none; } #methodComparisonHome .method-comparison-simple-table thead th:first-child { width: 20%; } #methodComparisonHome .method-comparison-simple-table tbody th { font-weight: 600; } #methodComparisonHome .method-comparison-simple-table tbody td { color: var(--home-muted); } #methodComparisonHome .method-comparison-simple-table :is(th, td):nth-child(2) { background: rgba(93,142,170,.055); } #methodComparisonHome .method-comparison-simple-column-heading { display: block; } #methodComparisonHome .method-comparison-simple-column-name { font-size: 20px; font-weight: 650; } #methodComparisonHome .method-comparison-simple-column-badge { display: block; padding: 0; margin: 8px 0; color: var(--home-muted); border: 0; background: none; font-size: 11px; font-weight: 400; } #methodComparisonHome .method-comparison-simple-column-note { display: none; } #methodComparisonHome .method-comparison-simple-sources { display: block; margin-top: 10px; color: var(--home-muted); font-size: 11px; } #methodComparisonHome .method-comparison-simple-sources a { color: #075da6; } #methodComparisonHome .method-comparison-simple-change-button { min-height: 36px; max-width: 100%; padding: 0; color: var(--home-text); background: transparent; border: 0; box-shadow: none; text-align: left; font-size: 19px; line-height: 1.3; } #methodComparisonHome .method-comparison-simple-change-menu { min-width: 220px; width: min(300px, 70vw); right: 0; left: auto; z-index: 20; } #methodComparisonHome .comparison-expand { display: flex; justify-content: space-between; width: 100%; padding: 18px 0; border-bottom: 1px solid var(--home-line); border-radius: 0; } #methodComparisonHome :is([hidden], tr[hidden]) { display: none !important; } #methodComparisonHome .method-comparison-legal-note { margin-top: 22px; color: var(--home-muted); font-size: 11px; line-height: 1.6; } #methodComparisonHome .method-comparison-dated-note { color: var(--home-muted); font-size: 11px; } #proComparison { padding-block: 68px; } #proComparison .pro-comparison-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 32px; } #proComparison h2 { max-width: none; } #proComparison .home-plan-comparison { display: block; padding: 16px; } #proComparison .home-plan-table { grid-column: 1 / -1; width: 100%; border-collapse: collapse; table-layout: fixed; margin-top: 0; } #proComparison .home-plan-table :is(th, td) { padding: 16px 24px; border-bottom: 1px solid var(--home-line); text-align: left; font-size: 14px; color: var(--home-text); } #proComparison .home-plan-table th { font-weight: 500; } #proComparison .home-plan-table td { color: var(--home-muted); } #proComparison .home-plan-table thead th { color: var(--home-muted); font-size: 12px; vertical-align: top; padding-block: 24px; } #proComparison .home-plan-note { grid-column: 1 / -1; padding: 20px 24px 10px; margin: 0; color: var(--home-muted); font-size: 12px; line-height: 1.6; } #faq { padding-block: 65px 90px; } #faq > .settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; padding: 40px; align-items: start; } #faq .faq-panel { padding: 0 24px; border: 1px solid var(--home-line); border-radius: 16px; background: var(--home-paper); box-shadow: none; } #faq .faq-item { border-color: var(--home-line); } #faq .faq-item:first-child { border-top: 0; } #faq .faq-item:last-child { border-bottom: 0; } #faq .faq-item summary { min-height: 72px; color: var(--home-text); font-size: 15px; font-weight: 500; } #faq .faq-item summary::after { color: var(--home-muted); flex-shrink: 0; } #faq .faq-item p { color: var(--home-muted); font-size: 14px; line-height: 1.65; } html[data-upload120-theme="dark"] .home-section { --home-text: #f1f3f7; --home-muted: #b0b6c2; --home-line: #2a2d35; --home-paper: #1a1c22; background: #111216; color: var(--home-text); } html[data-upload120-theme="dark"] .home-section .home-glass { background: #1a1c22; border-color: #2a2d35; box-shadow: none; } html[data-upload120-theme="dark"] #compressionCompare .video-difference { background: #1a1c22; border-color: #2a2d35; } html[data-upload120-theme="dark"] .home-section :is(.home-text-link, .compare-caveat a, .method-comparison-simple-sources a) { color: #82b7ff; } @media (max-width: 850px) { .home-section { padding-inline: 24px; } #howItWorks .how-layout, #faq > .settings-grid { padding: 32px; gap: 32px; grid-template-columns: 1fr; } #howItWorks .how-steps { margin-top: 8px; } #compressionCompare > .tile-inner { grid-template-columns: 1fr; gap: 28px; } #compressionCompare .video-difference { max-width: 580px; width: 100%; margin-inline: auto; } #methodComparisonHome .home-glass { padding: 26px; } #proComparison .pro-comparison-heading { align-items: start; flex-direction: column; } } @media (max-width: 520px) { .home-section { padding: 24px 16px; } .home-section .home-glass { border-radius: 22px; } #howItWorks .how-layout, #faq > .settings-grid { padding: 26px 22px; } #howItWorks .how-steps li { grid-template-columns: 24px 1fr; gap: 10px; } #compressionCompare, #proComparison, #faq { padding-block: 38px; } #compressionCompare .video-difference { padding: 10px; } #methodComparisonHome .home-glass { padding: 24px 12px; } #methodComparisonHome .method-comparison-home-heading, #methodComparisonHome .method-comparison-home-note { margin-inline: 8px; } #methodComparisonHome .method-comparison-simple-table :is(th,td) { padding: 14px 8px; font-size: 11px; } #methodComparisonHome .method-comparison-simple-table thead th:first-child { width: 23%; } #methodComparisonHome .method-comparison-simple-column-name, #methodComparisonHome .method-comparison-simple-change-button { font-size: 15px; } #methodComparisonHome .method-comparison-simple-sources { font-size: 10px; } #methodComparisonHome .method-comparison-simple-column-badge { font-size: 10px; } #proComparison .home-plan-table :is(th,td) { padding: 14px 10px; font-size: 12px; } #proComparison .home-plan-note { padding-inline: 10px; } #faq .faq-panel { padding-inline: 16px; } } /* The shared comparison uses status colours; this overview uses neutral columns. */ #methodComparisonHome .method-comparison-simple-table tbody td[data-comparison-cell] { background: transparent !important; font-weight: 400; } #methodComparisonHome .method-comparison-simple-table tbody td[data-comparison-cell="upload120"] { background: rgba(93,142,170,.055) !important; } #proComparison .plan-label-column { width: 24%; } #proComparison .plan-name { display: block; color: #075da6; font-size: 16px; font-weight: 600; } #proComparison .home-plan-table thead strong { display: block; margin: 16px 0 12px; color: var(--home-text); font-size: 30px; line-height: 1.2; letter-spacing: -.03em; font-weight: 600; } #proComparison .home-plan-table thead p { min-height: 48px; max-width: 34ch; margin: 0 0 20px; color: var(--home-muted); font-size: 14px; line-height: 1.6; font-weight: 400; } #proComparison .home-plan-table tr > :nth-child(3) { background: var(--home-paper); } #proComparison .home-plan-table thead th:last-child { border-radius: 14px 14px 0 0; } #compressionCompare .video-difference { gap: 0; max-width: 664px; justify-self: end; } #compressionCompare .video-difference-stage { max-height: none; } html[data-upload120-theme="dark"] #proComparison .plan-name { color: #82b7ff; } @media(max-width: 850px) { #compressionCompare .video-difference { justify-self: center; } } @media(max-width: 520px) { #proComparison .home-plan-comparison { padding: 8px; } #proComparison .home-plan-table thead strong { font-size: 20px; } #proComparison .home-plan-table thead p { font-size: 12px; min-height: 96px; } #proComparison .home-plan-table thead .small { font-size: 11px; padding: 9px 10px; } #proComparison .home-plan-table :is(th,td) { padding-inline: 8px; } } /* Follow the page's existing gutters at every viewport. */ @media (min-width: 834px) and (max-width: 850px) { .home-section { padding-inline: 32px; } } @media (min-width: 761px) and (max-width: 833px) { .home-section { padding-inline: 18px; } } @media (max-width: 760px) { .home-section { padding-inline: 12px; } } @media (max-width: 520px) { #methodComparisonHome .method-comparison-simple-table thead, #methodComparisonHome .method-comparison-simple-table tbody { display: block; } #methodComparisonHome .method-comparison-simple-table tr { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); } #methodComparisonHome .method-comparison-simple-table thead th:first-child { display: none; } #methodComparisonHome .method-comparison-simple-table tbody th { grid-column: 1 / -1; padding: 12px 12px 4px; border-bottom: 0; background: rgba(93,142,170,.035); } #methodComparisonHome .method-comparison-simple-table tbody td { font-size: 12px; padding: 8px 12px 14px; } #methodComparisonHome .method-comparison-simple-table thead th { padding: 16px 12px; } #methodComparisonHome .method-comparison-simple-sources { letter-spacing: 0; } #methodComparisonHome .method-comparison-simple-table-wrap { overflow: visible; } } /* Use the same open layout and column edges as the adjoining product sections. */ #howItWorks .how-layout, #faq > .settings-grid { padding: 0; gap: 48px; background: transparent; border: 0; border-radius: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; } #howItWorks .how-steps { padding: 28px 32px; border: 1px solid var(--home-line); border-radius: var(--radius-lg); background: var(--home-paper); } #howItWorks .how-steps li { padding-block: 22px; } #howItWorks .how-steps li:first-child { padding-top: 0; } #howItWorks .how-steps li:last-child { padding-bottom: 0; } #methodComparisonHome .home-glass { padding: 0; background: transparent; border: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; } #compressionCompare .compare-copy { padding-top: 0; } #faq .faq-item { overflow: hidden; } #faq .faq-item summary { -webkit-tap-highlight-color: transparent; } #faq .faq-item[open] summary { color: var(--blue); } #methodComparisonHome .method-comparison-simple-table tbody td.is-cheapest { background: radial-gradient(ellipse at center, rgba(62,156,103,.13), rgba(62,156,103,.035)) !important; box-shadow: inset 0 0 20px rgba(62,156,103,.055); } html[data-upload120-theme="dark"] .home-section { background: var(--parchment); } html[data-upload120-theme="dark"] #methodComparisonHome .method-comparison-simple-table tbody td.is-cheapest { background: none !important; box-shadow: inset 0 0 0 1px #82b7ff; } @media(max-width:850px) { #howItWorks .how-layout, #faq > .settings-grid { gap: 28px; } } @media(max-width:520px) { #howItWorks .how-steps { padding: 24px 20px; } #methodComparisonHome .method-comparison-home-heading, #methodComparisonHome .method-comparison-home-note { margin-inline: 0; } } #methodComparisonHome .comparison-advantage-note { display: block; margin-top: 5px; } html[data-upload120-theme="dark"] #methodComparisonHome .method-comparison-simple-sources a, html[data-upload120-theme="dark"] #compressionCompare .compare-caveat a { color: #82b7ff; } html[data-upload120-theme="dark"] #methodComparisonHome .method-comparison-simple-table tbody td[data-comparison-cell] { color: var(--home-muted) !important; } html[data-upload120-theme="dark"] #methodComparisonHome { background: var(--parchment); } /* The upload surface carries the homepage sign-in action. */ #homeHero .dropzone.locked .dz-icon { width: 32px; height: 32px; margin-bottom: 4px; } #homeHero .dropzone.locked .dz-content h2 { font-size: clamp(28px, 3vw, 38px); letter-spacing: -.03em; } #homeHero .dropzone.locked .dropzone-actions { margin-top: 18px; } #homeHero .dropzone.locked #browseBtn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 13px 26px; color: #fff; background: #0066cc; border: 1px solid transparent; border-radius: 12px; font-size: 16px; font-weight: 600; text-decoration: none; box-shadow: 0 5px 16px rgba(0,102,204,.16); } #homeHero .dropzone.locked #browseBtn:hover { background: #0057b0; } #homeHero .dropzone.locked #browseBtn:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; } #proComparison .home-community { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 28px; } #proComparison .home-community .community-action { display: block; padding: 28px; border: 1px solid var(--home-line); border-radius: 16px; background: var(--home-paper); box-shadow: none; } #proComparison .home-community .community-action::after { content: none; } #proComparison .home-community .community-action > div > span { font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--home-muted); } #proComparison .home-community h3 { margin: 13px 0 12px; max-width: 27ch; color: var(--home-text); font-size: 23px; letter-spacing: -.025em; line-height: 1.25; font-weight: 600; } #proComparison .home-community p { max-width: 55ch; margin: 0 0 12px; color: var(--home-muted); font-size: 14px; line-height: 1.6; } #proComparison .home-community .discord-community-action { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 28px; background: transparent; border: 0; border-top: 1px solid var(--home-line); border-radius: 0; padding: 26px 0 0; } #proComparison .home-community .discord-community-action h3 { font-size: 19px; margin-block: 8px; } #proComparison .home-community .discord-community-action p { margin: 0; } #methodComparisonHome tr[data-status="listed-not-listed"] td[data-comparison-cell="upload120"], #methodComparisonHome tr[data-status="not-listed-listed"] td[data-comparison-cell="other"] { background: radial-gradient(ellipse at center, rgba(62,156,103,.13), rgba(62,156,103,.035)) !important; box-shadow: inset 0 0 20px rgba(62,156,103,.055); } html[data-upload120-theme="dark"] #methodComparisonHome tr[data-status="listed-not-listed"] td[data-comparison-cell="upload120"], html[data-upload120-theme="dark"] #methodComparisonHome tr[data-status="not-listed-listed"] td[data-comparison-cell="other"] { background: none !important; box-shadow: inset 0 0 0 1px #82b7ff; } @media(max-width:650px) { #proComparison .home-community { grid-template-columns: 1fr; } #proComparison .home-community .community-action { padding: 24px 20px; } #proComparison .home-community .discord-community-action { display: block; padding: 24px 0 0; } } #proComparison .home-community .home-text-link > span { color: inherit; } #homeReferralPromotion[hidden] { display: none !important; } #homeReferralPromotion { padding-block: 24px; } #homeReferralPromotion .home-referral-promo-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 28px 32px; border: 1px solid var(--home-line); border-radius: 16px; background: var(--home-paper); } #homeReferralPromotion .eyebrow { margin: 0 0 8px; } #homeReferralPromotion h2 { max-width: 30ch; font-size: clamp(25px, 2.6vw, 34px); } #homeReferralPromotion p:not(.eyebrow) { max-width: 65ch; margin: 10px 0 0; font-size: 15px; line-height: 1.55; color: var(--home-muted); } #homeReferralPromotion .primary-pill { flex: none; } @media (max-width: 720px) { #homeReferralPromotion .home-referral-promo-inner { align-items: flex-start; flex-direction: column; padding: 24px 20px; } } /* Phone layout (Oct 2026): tables read like desktop, one row per feature with both values side by side. Words never break mid word. 12px text floor. */ @media (max-width: 760px) { #methodComparisonHome .method-comparison-simple-table, #proComparison .home-plan-table { display: block; width: 100%; } #methodComparisonHome .method-comparison-simple-table :is(thead, tbody), #proComparison .home-plan-table :is(thead, tbody) { display: block; } #proComparison .home-plan-table colgroup { display: none; } #methodComparisonHome .method-comparison-simple-table tr, #proComparison .home-plan-table tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } #methodComparisonHome .method-comparison-simple-table :is(th, td), #proComparison .home-plan-table :is(th, td) { display: block; width: auto !important; min-width: 0; position: static; box-shadow: none; overflow-wrap: break-word; word-break: normal; hyphens: manual; font-size: 13px; } #methodComparisonHome .method-comparison-simple-table thead th:first-child, #proComparison .home-plan-table thead th:first-child { display: none; } #methodComparisonHome .method-comparison-simple-table tbody th, #proComparison .home-plan-table tbody th { grid-column: 1 / -1; padding: 12px 12px 2px; border-bottom: 0; font-weight: 600; color: var(--home-text); } #methodComparisonHome .method-comparison-simple-table tbody td, #proComparison .home-plan-table tbody td { padding: 4px 12px 14px; font-size: 13px; } #methodComparisonHome .method-comparison-simple-table thead th, #proComparison .home-plan-table thead th { padding: 16px 12px; } #methodComparisonHome .method-comparison-simple-column-badge, #methodComparisonHome .method-comparison-simple-sources { font-size: 12px; letter-spacing: 0; } #methodComparisonHome .method-comparison-simple-sources { display: flex; flex-wrap: wrap; column-gap: 12px; font-size: 0; } #methodComparisonHome .method-comparison-simple-sources a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; font-size: 12px; } #methodComparisonHome .method-comparison-simple-change-button { min-height: 44px; min-width: 44px; } #methodComparisonHome :is(.method-comparison-legal-note, .method-comparison-dated-note) { font-size: 12px; } #proComparison .home-plan-table thead p { min-height: 0; font-size: 13px; } #proComparison .home-plan-table thead strong { font-size: 22px; } #proComparison .home-plan-table thead .small { font-size: 12px; min-height: 44px; padding: 0 12px; white-space: normal; text-align: center; } #proComparison .home-plan-table tr > :nth-child(3) { border-radius: 0; } #proComparison .home-plan-table thead th:last-child { border-radius: 14px 14px 0 0; } #proComparison .pro-comparison-heading .small, #reviews .secondary-pill.small, #homeReferralPromotion .primary-pill { min-height: 44px; } .converter-home-preview-head, .converter-home-preview-foot, .converter-home-preview-head small { font-size: 12px; } #reviewMarquee .review-pill-head a { display: inline-flex; align-items: center; min-height: 44px; margin-block: -12px; } #compressionCompare .video-difference-controls button { min-height: 44px; } #compressionCompare .video-playback-range input { height: 44px; margin: 0; } .site-footer-links a { min-width: 44px; justify-content: center; } #howItWorks { padding-top: 38px; } #converter, #reviews { padding-block: 38px; } } /* Fewer cards (Oct 2026, both themes): reading sections on the home page sit on the page with one rule above them. The upload box, converter preview, plan comparison CTA and video player stay as cards. */ #howItWorks .how-layout.home-glass, #methodComparisonHome .method-comparison-home-table-inner.home-glass, #proComparison .home-plan-comparison.home-glass, #faq > .settings-grid.home-glass, html[data-upload120-theme="dark"] #howItWorks .how-layout.home-glass, html[data-upload120-theme="dark"] #methodComparisonHome .method-comparison-home-table-inner.home-glass, html[data-upload120-theme="dark"] #proComparison .home-plan-comparison.home-glass, html[data-upload120-theme="dark"] #faq > .settings-grid.home-glass { border-color: transparent; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; } #howItWorks .how-steps, #methodComparisonHome .method-comparison-simple-table-wrap, #proComparison .home-community .community-action, #faq .faq-panel, .reviews-tile .review-wall { padding-inline: 0; border: 0; border-top: 1px solid var(--home-line, var(--hairline)); border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .reviews-tile .review-wall { border-top: 0; } /* Dark (Oct 2026): one accent. The upload box button uses the shared dark primary, and the Upload120 column drops its tint so the only highlight is the 1px blue border. */ html[data-upload120-theme="dark"] #homeHero .dropzone.locked #browseBtn { background: #315fce; color: #fff; } html[data-upload120-theme="dark"] #homeHero .dropzone.locked #browseBtn:hover { background: #2855bf; } html[data-upload120-theme="dark"] #methodComparisonHome .method-comparison-simple-table :is(th, td):nth-child(2), html[data-upload120-theme="dark"] #methodComparisonHome .method-comparison-simple-table tbody th { background: none; } html[data-upload120-theme="dark"] #methodComparisonHome .method-comparison-simple-table tbody td[data-comparison-cell="upload120"] { background: none !important; }