/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
 *
 * ── Semantic class hooks (sa-*) ────────────────────────────────────────────
 * Every section, snippet and key element carries a stable `sa-` class you can
 * target with plain CSS — no Tailwind rebuild needed. These classes ship with
 * NO styles of their own; they exist purely as selectors for you to hook onto.
 *
 * Page scope   body.sa-tpl-<template>      e.g. .sa-tpl-product, .sa-tpl-shop
 *              body.sa-no-product-images / .sa-no-category-images when the
 *              matching theme setting is off
 * Chrome       .sa-header .sa-navbar .sa-footer
 *              .sa-navbar-link .sa-navbar-logo .sa-navbar-cart .sa-footer-link
 * Sections     .sa-<component>             e.g. .sa-hero, .sa-features, .sa-faq
 *   variant    .sa-<component>--<variant>  e.g. .sa-hero--split-media
 *   inner      .sa-<component>-title / -subtitle / -eyebrow / -media /
 *              -items / -item / -actions / -link / -price / -badge / -icon
 * Primitives   .sa-btn (+ .sa-btn--<variant>), .sa-section-header
 *              (.sa-section-title / -eyebrow / -subtitle),
 *              .sa-product-card (+ .sa-product-card--<style>,
 *              .sa-product-card-title / -price / -stock / -status / -badges),
 *              .sa-product-form + .sa-add-to-cart, .sa-product-gallery,
 *              .sa-cart-panel + .sa-cart-item, .sa-searchbar, .sa-pagination,
 *              .sa-breadcrumbs, .sa-toasts + .sa-toast, .sa-feedback-card
 *
 * Example — bigger hero heading only on the product page:
 *   .sa-tpl-product .sa-hero-title { font-size: 3rem; }
 * ───────────────────────────────────────────────────────────────────────────
*/

/* Sync landing page */
.sync-site {
  --sync-orange: #ff6800;
  --sync-orange-light: #ff8700;
  --sync-orange-deep: #ff4a00;
  --sync-ink: #020715;
  --sync-panel: #15171b;
  --sync-copy: #c8c9d3;
  --sync-muted: #8a8d9a;
  color: #f6f6fa;
  background: var(--sync-ink);
  min-height: 100vh;
  overflow: clip;
  font-family: var(--ff-body), Arial, sans-serif;
}
.sync-site *, .sync-site *::before, .sync-site *::after { box-sizing: border-box; }
.sync-site a { text-decoration: none; }
.sync-site button { cursor: pointer; }
.sync-site :is(a,button,summary):focus-visible { outline: 2px solid #ffb365; outline-offset: 4px; }
.sync-site main { display: block; }
.sync-section { max-width: 1335px; margin-inline: auto; }
.sync-header {
  width: min(1335px, calc(100% - 44px));
  height: 80px;
  margin: 30px auto 0;
  padding: 0 20px 0 25px;
  border-radius: 17px;
  background: #17181d;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  position: relative;
  z-index: 20;
  box-shadow: 0 18px 42px #0003;
}
.sync-brand { display: inline-flex; align-items: center; gap: 11px; min-width: 0; color: #f7f7fb; font-size: 23px; line-height: 1; font-weight: 700; white-space: nowrap; }
.sync-brand img { width: 38px; height: 38px; object-fit: contain; flex: none; }
.sync-nav { display: flex; align-items: center; gap: 17px; margin-inline: auto; }
.sync-nav a, .sync-header-buy { color: #bbbcc7; font-size: 13px; font-weight: 500; transition: color .2s; }
.sync-nav a:hover, .sync-header-buy:hover { color: var(--sync-orange-light); }
.sync-header-actions { display: flex; align-items: center; gap: 22px; }
.sync-button {
  min-height: 48px;
  padding: 0 25px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  transition: transform .22s, box-shadow .22s, background .22s, border-color .22s;
}
.sync-button:hover { transform: translateY(-2px); }
.sync-button--small { min-height: 40px; padding: 0 25px; border-radius: 12px; font-size: 12px; }
.sync-button--solid { background: linear-gradient(128deg, var(--sync-orange-light), var(--sync-orange-deep)); box-shadow: 0 8px 26px #ff5d0030; }
.sync-button--solid:hover { box-shadow: 0 12px 34px #ff5d0050; }
.sync-button--outline { border: 2px solid #ff7416; background: #11141b; box-shadow: inset 0 0 0 1px #ff9d2c17; }
.sync-button--outline:hover { background: #ff680017; }
.sync-button--outline-light { border: 1px solid #ffb05b91; background: #ba49001c; }
.sync-button--outline-light:hover { background: #e351002f; }
.sync-menu-toggle { width: 40px; height: 40px; padding: 9px; border: 0; background: transparent; display: none; flex-direction: column; justify-content: center; gap: 5px; }
.sync-menu-toggle span { display: block; height: 2px; border-radius: 3px; background: #fff; }

.sync-hero { min-height: 985px; position: relative; isolation: isolate; padding-top: 84px; text-align: center; }
.sync-hero-glow { position: absolute; z-index: -1; top: -195px; right: -220px; width: min(70vw, 1250px); height: 820px; border-radius: 50%; pointer-events: none; background: radial-gradient(ellipse at 68% 44%, #ff711da8 0%, #ff6200a0 17%, #b83c0070 44%, transparent 70%); filter: blur(48px); opacity: .78; }
.sync-hero::before { content: ""; position: absolute; inset: 0 0 auto; height: 700px; background: radial-gradient(ellipse 80% 55% at 72% 61%, #ff79002a, transparent 72%); z-index: -1; pointer-events: none; }
.sync-hero-content { max-width: 805px; margin-inline: auto; padding-inline: 18px; position: relative; z-index: 2; }
.sync-hero h1 { font-family: var(--ff-heading), Arial, sans-serif; font-size: clamp(33px, 3.1vw, 52px); letter-spacing: -.045em; line-height: 1.14; font-weight: 700; margin: 0 0 18px; color: #fbfbff; }
.sync-hero p { color: #f2f1f7; font-size: 16px; font-weight: 500; line-height: 1.45; margin: 0 auto; max-width: 790px; }
.sync-hero p strong { color: #ff9741; font-weight: 700; }
.sync-hero-actions { display: flex; align-items: center; justify-content: center; gap: 15px; margin-top: 32px; }
.sync-hero-actions .sync-button { min-width: 197px; }
.sync-hero-stage { max-width: 1320px; width: calc(100% - 56px); margin: 72px auto 0; position: relative; }
.sync-hero-frame { width: 100%; max-width: 1260px; height: 760px; margin: auto; position: relative; z-index: 2; border-radius: 24px; overflow: hidden; background: #111; box-shadow: 0 2px 0 #ffffff0a, 0 0 0 10px #11182775, 0 20px 70px #000c; }
.sync-hero-frame::after { content:""; position:absolute; z-index:2; left:0; right:0; bottom:0; height:130px; background:linear-gradient(to bottom,transparent,#0a0a0b); pointer-events:none; }
.sync-hero-frame img { display: block; width: 100%; height: auto; }
.sync-hero-mark { position: absolute; z-index: 1; bottom: 8%; display: block; width: clamp(210px, 25vw, 360px); height: auto; opacity: .23; pointer-events: none; user-select: none; filter: drop-shadow(0 0 34px #ff6b0030); }
.sync-hero-mark--left { left: clamp(-165px, -11vw, -95px); transform: rotate(-16deg); }
.sync-hero-mark--right { right: clamp(-165px, -11vw, -95px); transform: rotate(16deg); }

.sync-section-heading { text-align: center; max-width: 980px; margin: 0 auto 82px; }
.sync-section-heading h2 { color: #f8f8fa; font: 700 clamp(30px, 2.5vw, 43px)/1.2 var(--ff-heading), Arial, sans-serif; letter-spacing: -.035em; margin: 0 0 18px; }
.sync-section-heading h2 span { color: #ff8c35; }
.sync-section-heading p { max-width: 930px; margin: 0 auto; color: #e9e9ef; font-size: 16px; line-height: 1.55; font-weight: 500; }
.sync-features { padding-top: 48px; }
.sync-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.sync-feature-card { height: 340px; border-radius: 16px; overflow: hidden; text-align: center; position: relative; padding: 26px 18px 0; background: radial-gradient(ellipse at 4% 98%, #ff9d398c, transparent 50%), radial-gradient(ellipse at 84% 110%, #f14917aa, transparent 55%), linear-gradient(137deg,#ff8c1d,#fa5807 72%,#ef4d13); isolation: isolate; }
.sync-feature-card::before, .sync-showcase-panel::before, .sync-cta-card::before { content:""; position:absolute; inset:-25%; z-index:-1; pointer-events:none; background: repeating-radial-gradient(ellipse at 35% 80%, transparent 0 48px, #fff1 50px 76px, transparent 78px 130px); transform:rotate(-15deg); opacity:.48; }
.sync-feature-card h3 { color:#fff; font:700 22px/1.2 var(--ff-heading),Arial,sans-serif; letter-spacing:-.025em; margin:0 0 8px; text-shadow:0 1px 4px #9c32005c; }
.sync-feature-card > p { color:#fff; font-size:11px; line-height:1.5; font-weight:600; margin:0 auto; max-width:370px; text-shadow:0 1px 3px #802e0060; }
.sync-feature-visual { position:absolute; left:7%; right:7%; bottom:-7px; height:190px; overflow:hidden; }
.sync-logic-mock { width:57%; left:21.5%; right:auto; height:185px; bottom:-15px; padding:12px; border-radius:12px; background:#1a1b22; box-shadow:0 16px 28px #41120080; text-align:left; transform:rotate(-2deg); }
.sync-mock-title { font-size:11px; color:#fafafa; font-weight:700; display:flex; justify-content:space-between; padding-bottom:8px; }
.sync-mock-title span { color:#ff8a25; }
.sync-mock-row { height:32px; display:flex; align-items:center; gap:4px; border-top:1px solid #ffffff13; font-size:8px; color:#999da8; }
.sync-mock-row span { width:32%; }
.sync-mock-row b { min-width:0; flex:1; color:#e6e6e6; background:#292b34; border-radius:4px; padding:4px; font-weight:500; overflow:hidden; white-space:nowrap; }
.sync-mock-row i { color:#ff8a25; font-style:normal; }
.sync-mock-pills { display:flex; gap:5px; justify-content:flex-end; margin-top:7px; }
.sync-mock-pills span { background:#353540; color:#c7c7cd; border-radius:3px; padding:3px 8px; font-size:8px; }
.sync-mock-pills span:last-child { background:#ff710b; color:#fff; }
.sync-visual-mock { width:65%; left:17.5%; right:auto; display:flex; justify-content:center; }
.sync-visual-meter { position:absolute; left:2%; bottom:0; width:10px; height:165px; border-radius:4px; background:linear-gradient(to top,#ff3010 10%,#f8c800 55%,#43e334 100%); box-shadow:0 0 0 2px #1b1b22; }
.sync-visual-figure { position:absolute; left:20%; right:12%; top:6px; height:195px; border:2px solid #ffdc73; border-radius:8px 8px 0 0; overflow:hidden; background:#202027; }
.sync-visual-figure img { width:235%; max-width:none; height:auto; position:absolute; left:-66%; top:-18%; }
.sync-visual-controls { position:absolute; right:0; top:12px; display:grid; gap:6px; color:#fff; font-size:18px; }
.sync-skin-mock { left:6%; right:6%; height:184px; display:grid; grid-template-columns:43px 1fr; gap:5px; background:#18191e; border:5px solid #22232b; border-radius:11px 11px 0 0; box-shadow:0 18px 30px #45110066; }
.sync-skin-sidebar { grid-row:span 2; display:grid; align-content:start; gap:8px; color:#b9bac4; padding-top:13px; font-size:13px; }
.sync-skin-sidebar span:nth-child(2) { color:#ff7b10; }
.sync-skin-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:10px 8px 0 0; }
.sync-skin-grid i { height:45px; border-radius:5px; background:linear-gradient(135deg,#2f3036,#723a27 55%,#fd7c1e); box-shadow:inset 0 0 0 1px #ffffff10; }
.sync-skin-grid i:nth-child(2),.sync-skin-grid i:nth-child(5) { background:linear-gradient(150deg,#46202b,#e03b4a,#ed8530); }
.sync-skin-grid i:nth-child(3),.sync-skin-grid i:nth-child(4) { background:linear-gradient(145deg,#34262b,#bb5d15,#24232b); }
.sync-skin-action { position:absolute; left:46%; bottom:3px; background:linear-gradient(100deg,#ff8800,#ff5200); padding:4px 16px; border-radius:4px; color:#fff; font-size:9px; font-weight:600; }
.sync-custom-mock { width:82%; left:9%; right:auto; height:168px; display:flex; gap:6px; text-align:left; }
.sync-custom-sidebar,.sync-custom-main { background:#1a1b20; border:4px solid #25252d; border-radius:10px 10px 0 0; box-shadow:0 10px 24px #40110080; }
.sync-custom-sidebar { width:39%; display:flex; flex-direction:column; padding:8px 6px; gap:7px; transform:rotate(-3deg) translateY(10px); }
.sync-custom-sidebar span { color:#aaaab5; font-size:9px; padding:3px 5px; border-radius:4px; white-space:nowrap; }
.sync-custom-sidebar span:nth-child(2) { background:#ff730025; color:#ffad70; }
.sync-custom-main { flex:1; display:grid; align-content:start; padding:9px; transform:rotate(2deg); }
.sync-custom-main div { border-bottom:1px solid #ffffff14; padding:8px 1px; display:flex; justify-content:space-between; gap:4px; color:#ccc; font-size:10px; }
.sync-custom-main b { font-weight:500; }
.sync-custom-main em { font-style:normal; color:#ff8820; }
.sync-performance-mock { left:6%; right:6%; height:160px; display:flex; flex-direction:column; justify-content:center; gap:11px; }
.sync-performance-tags { display:flex; justify-content:space-between; gap:7px; }
.sync-performance-tags span { border-radius:7px; background:#15182355; color:#fff; font-size:11px; padding:6px 10px; white-space:nowrap; }
.sync-performance-strip { display:flex; align-items:center; gap:8px; background:#25232bc9; border-radius:12px; height:55px; padding:6px 10px; box-shadow:0 8px 18px #75200055; }
.sync-performance-strip img { width:36px; height:36px; object-fit:contain; }
.sync-performance-strip b { color:#fff; font-size:17px; }
.sync-performance-strip small { font-size:10px; color:#ffe0c1; background:#ff730052; border-radius:4px; padding:3px 5px; }
.sync-performance-strip strong { margin-left:auto; color:#fff; font-size:25px; }
.sync-performance-strip strong span { font-size:11px; font-weight:500; }
.sync-launcher-mock { left:7%; right:7%; height:185px; }
.sync-launcher-window { width:78%; height:175px; margin:8px auto 0; border-radius:9px 9px 0 0; background:#18191e; border:5px solid #232328; text-align:left; padding:8px; box-shadow:0 14px 20px #52190080; }
.sync-launcher-head { display:flex; align-items:center; gap:5px; color:#fff; font-size:10px; }
.sync-launcher-head img { width:20px; height:20px; object-fit:contain; }
.sync-launcher-head span { margin-left:auto; color:#898990; font-size:14px; }
.sync-launcher-status { background:#117f3b; border-radius:4px; color:#fff; font-size:9px; margin:9px 0; padding:6px; }
.sync-launcher-input { display:flex; justify-content:space-between; color:#adb0bd; font-size:9px; background:#272831; border-radius:4px; padding:7px; }
.sync-launcher-button { text-align:center; background:#ff6c00; border-radius:4px; color:#fff; font-size:9px; margin-top:8px; padding:6px; }

.sync-showcase { position:relative; padding-top:95px; }
.sync-showcase .sync-section-heading { margin-bottom:85px; }
.sync-showcase-panel { position:relative; height:750px; border-radius:28px; isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at 17% 85%,#ffa43e8c,transparent 42%),radial-gradient(ellipse at 84% 10%,#ff8a2d8d,transparent 46%),linear-gradient(130deg,#ff7611,#ec4b0b); box-shadow:inset 0 1px 2px #ffd59b42; }
.sync-showcase-panel::before { opacity:.6; }
.sync-showcase-deco { position:absolute; left:-155px; top:360px; width:100px; height:105px; pointer-events:none; transform:rotate(-12deg); }
.sync-showcase-deco span { position:absolute; width:27px; height:27px; border:6px solid #ff963c; }
.sync-showcase-deco span:nth-child(1) { top:0; left:0; border-right:0; border-bottom:0; }
.sync-showcase-deco span:nth-child(2) { top:0; right:0; border-left:0; border-bottom:0; }
.sync-showcase-deco span:nth-child(3) { bottom:0; left:0; border-right:0; border-top:0; }
.sync-showcase-deco span:nth-child(4) { bottom:0; right:0; border-left:0; border-top:0; }
.sync-showcase-slides { position:absolute; inset:55px 125px 82px; }
.sync-showcase-slide { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; margin:0; opacity:0; visibility:hidden; transform:translateX(20px) scale(.985); transition:opacity .35s, transform .35s, visibility .35s; }
.sync-showcase-slide.is-active { opacity:1; visibility:visible; transform:translateX(0) scale(1); }
.sync-showcase-app { width:min(840px,100%); aspect-ratio:332/203; position:relative; flex:none; border-radius:14px; border:7px solid #24242a; overflow:hidden; background:#1b1b20; box-shadow:0 14px 36px #28100088,0 0 0 3px #fff3; transition:transform .35s; }
.sync-showcase-brand { position:absolute; z-index:1; left:0; top:0; width:200px; height:45px; display:flex; align-items:center; gap:7px; padding-left:13px; color:#fff; background:#1b1b20; font-size:14px; }
.sync-showcase-brand img { width:28px; height:28px; object-fit:contain; }
.sync-showcase-slide--zoom-left .sync-showcase-app { transform:scale(1.15) translateX(6%); }
.sync-showcase-slide--zoom-center .sync-showcase-app { transform:scale(1.2); }
.sync-showcase-slide--zoom-right .sync-showcase-app { transform:scale(1.15) translateX(-6%); }
.sync-showcase-slide--zoom-bottom .sync-showcase-app { transform:scale(1.12) translateY(-5%); }
.sync-carousel-arrow { position:absolute; z-index:3; top:50%; transform:translateY(-50%); width:39px; height:39px; border:0; border-radius:50%; display:grid; place-items:center; background:#25263182; color:#fff; font:400 36px/1 Arial,sans-serif; padding:0 0 5px; transition:background .2s,transform .2s; }
.sync-carousel-arrow:hover { background:#27272bd9; transform:translateY(-50%) scale(1.08); }
.sync-carousel-arrow--prev { left:26px; }
.sync-carousel-arrow--next { right:26px; }
.sync-carousel-dots { position:absolute; z-index:3; left:0; right:0; bottom:35px; display:flex; align-items:center; justify-content:center; gap:12px; }
.sync-carousel-dots button { width:15px; height:15px; padding:0; border:0; border-radius:50%; background:#583c36; transition:background .2s,transform .2s; }
.sync-carousel-dots button.is-active { background:#fff; transform:scale(1.06); }

.sync-pricing { padding-top:100px; }
.sync-billing-switch { width:max-content; margin:0 auto 66px; display:flex; padding:4px; border-radius:999px; background:#2c2b37; }
.sync-billing-switch button { border:0; border-radius:999px; padding:8px 15px; color:#9b9ba8; background:transparent; font-size:12px; font-weight:600; }
.sync-billing-switch button.is-active { color:#fff; background:linear-gradient(120deg,#ff8b22,#ff5500); box-shadow:0 2px 9px #0007; }
.sync-pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; align-items:end; padding-inline:45px; }
.sync-plan { min-height:445px; position:relative; border:1px solid #2b2b34; background:#151619; border-radius:23px; padding:28px 27px 23px; display:flex; flex-direction:column; box-shadow:0 2px 0 #ffffff04; }
.sync-plan--popular { border:2px solid #ff7418; min-height:494px; margin-top:44px; padding-top:45px; box-shadow:0 0 0 1px #ff972c18; }
.sync-popular-label { position:absolute; left:-2px; right:-2px; top:-51px; height:57px; border-radius:23px 23px 0 0; background:linear-gradient(115deg,#ff9b2d,#ff5810); text-align:center; padding-top:14px; color:#fff; font-size:15px; font-weight:500; }
.sync-plan-icon { width:39px; height:39px; border-radius:9px; display:grid; place-items:center; background:#393945; color:#e9dbff; font-size:24px; box-shadow:inset 0 0 0 1px #fff1; margin-bottom:18px; }
.sync-plan--popular .sync-plan-icon { background:linear-gradient(135deg,#ff9427,#ff5600); color:#fff; }
.sync-plan h3 { color:#fff; font-size:17px; font-weight:600; margin:0 0 10px; }
.sync-plan > p:not(.sync-plan-benefit):not(.sync-plan-guarantee) { color:#9d9eaa; font-size:13px; line-height:1.55; min-height:61px; margin:0; }
.sync-plan-save { position:absolute; right:27px; top:33px; border-radius:999px; background:#ff7626; color:#fff; font-size:10px; font-weight:700; padding:4px 9px; }
.sync-plan-price { min-height:95px; display:flex; align-items:center; gap:6px; white-space:nowrap; }
.sync-plan-price span { color:#f7f7fb; font-size:44px; font-weight:700; line-height:1; letter-spacing:-.04em; }
.sync-plan-price small { align-self:center; color:#a1a0aa; font-size:12px; margin-top:20px; }
.sync-plan-benefit { color:#a9aab5; font-size:12px; margin:auto 0 20px; white-space:nowrap; }
.sync-plan-benefit::first-letter { color:#ff8426; }
.sync-plan-button { width:100%; height:37px; border-radius:8px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:12px; font-weight:700; transition:filter .2s,transform .2s; }
.sync-plan-button:hover { filter:brightness(1.15); transform:translateY(-1px); }
.sync-plan-button--muted { background:linear-gradient(180deg,#50505f,#383846); }
.sync-plan-button--accent { background:linear-gradient(100deg,#ff971e,#ff5100); }
.sync-plan-guarantee { color:#a7a8b1; font-size:10px; text-align:center; margin:13px 0 0; }
.sync-plan-guarantee::first-letter { color:#ff8426; }

.sync-reviews { padding-top:102px; }
.sync-reviews .sync-section-heading { margin-bottom:82px; }
.sync-reviews-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; padding-inline:45px; }
.sync-review { min-height:245px; padding:24px 23px 18px; border-radius:24px; background:#17181b; position:relative; overflow:hidden; }
.sync-review--highlight { background:radial-gradient(ellipse at 70% 100%,#ffad4b85,transparent 56%),linear-gradient(135deg,#ff8e25,#e94d0b); }
.sync-review--highlight::after { content:""; position:absolute; width:180%; height:180%; border:29px solid #ffffff0a; border-radius:48%; left:-55%; top:5%; transform:rotate(24deg); }
.sync-review-author { display:flex; align-items:center; gap:12px; position:relative; z-index:1; }
.sync-review-avatar { width:54px; height:54px; border-radius:7px; display:grid; place-items:center; background:linear-gradient(125deg,#3d414b,#1b1c22); overflow:hidden; }
.sync-review-avatar img { width:43px; height:43px; object-fit:contain; }
.sync-review-author b { display:block; font-size:17px; color:#fff; font-weight:600; line-height:1.3; }
.sync-review-author small { display:inline-block; margin-top:4px; border-radius:999px; background:#ff7f24; color:#fff; padding:2px 8px; font-size:10px; font-weight:600; }
.sync-review--highlight .sync-review-author small { background:#ffb05b70; }
.sync-review-stars { position:relative; z-index:1; color:#ff9a33; letter-spacing:4px; margin:17px 0 6px; font-size:19px; line-height:1; }
.sync-review--highlight .sync-review-stars { color:#fff; }
.sync-review p { color:#d1d1d7; font-size:13px; line-height:1.42; margin:0; position:relative; z-index:1; }
.sync-review--highlight p { color:#fff; }

.sync-faq { padding-top:100px; }
.sync-faq-list { margin-inline:45px; display:grid; gap:14px; }
.sync-faq details { background:#17181b; border:1px solid #2a2a33; border-radius:19px; overflow:hidden; transition:border-color .2s; }
.sync-faq details[open] { border:2px solid #ff7619; }
.sync-faq summary { list-style:none; min-height:74px; padding:0 34px; display:flex; align-items:center; justify-content:space-between; gap:25px; color:#f1f1f5; font-size:18px; font-weight:500; }
.sync-faq summary::-webkit-details-marker { display:none; }
.sync-faq summary::after { content:"⌄"; color:#8a8b97; font:24px/1 Arial,sans-serif; transform:translateY(-3px); transition:transform .2s; }
.sync-faq details[open] summary::after { transform:rotate(180deg) translateY(-3px); color:#f8f8fa; }
.sync-faq details[open] summary { min-height:66px; }
.sync-faq details p { color:#a2a3ae; font-size:14px; line-height:1.55; padding:0 34px 22px; margin:0; }

.sync-cta { padding-top:100px; }
.sync-cta-card { min-height:370px; border-radius:30px; overflow:hidden; isolation:isolate; position:relative; display:flex; align-items:center; background:radial-gradient(ellipse at 18% 54%,#ffb247ab,transparent 49%),linear-gradient(125deg,#ff8b15,#e44a05); }
.sync-cta-card::before { opacity:.6; }
.sync-cta-art { position:absolute; left:-70px; top:50%; width:615px; max-width:none; height:auto; object-fit:contain; transform:translateY(-44%); filter:drop-shadow(0 22px 26px #60280055); }
.sync-cta-content { position:relative; z-index:2; margin-left:34%; padding:30px 28px; text-align:center; }
.sync-cta-content h2 { color:#fff; font:700 clamp(30px,2.7vw,44px)/1.2 var(--ff-heading),Arial,sans-serif; letter-spacing:-.03em; margin:0 0 8px; }
.sync-cta-content p { color:#fff; font-size:17px; line-height:1.4; margin:0 0 34px; }
.sync-cta-actions { display:flex; align-items:center; justify-content:center; gap:15px; }
.sync-cta-actions .sync-button { gap:9px; }
.sync-cta-actions .sync-button { min-width:160px; }
.sync-cta-actions .sync-button--solid { background:#ffffff23; box-shadow:none; }

.sync-footer { max-width:1335px; margin:100px auto 55px; padding:46px 60px 35px; border-radius:30px; background:#17181b; }
.sync-footer-grid { display:grid; grid-template-columns:1.55fr repeat(3,1fr); gap:45px; padding-bottom:55px; }
.sync-footer-brand-col .sync-brand img { width:35px; height:35px; }
.sync-footer-brand-col p { color:#9596a2; font-size:14px; line-height:1.5; max-width:280px; margin:27px 0 0; }
.sync-footer-col { display:flex; flex-direction:column; gap:10px; align-items:flex-start; }
.sync-footer-col h3 { color:#ff8c30; font-size:13px; font-weight:600; margin:0 0 5px; }
.sync-footer-col a { color:#91939e; font-size:13px; line-height:1.5; transition:color .2s; }
.sync-footer-col a:hover { color:#ff9a3b; }
.sync-footer-bottom { border-top:1px solid #ffffff0c; min-height:58px; padding-top:26px; display:flex; align-items:center; justify-content:space-between; gap:15px; color:#858691; font-size:12px; }
.sync-footer-socials { display:flex; align-items:center; gap:12px; }
.sync-footer-socials a { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:#ff7f19; color:#fff; font-size:12px; transition:transform .2s; }
.sync-footer-socials a:hover { transform:translateY(-2px); }

@media (max-width: 1400px) {
  .sync-section { width:calc(100% - 64px); }
  .sync-showcase-deco { display:none; }
  .sync-footer { width:calc(100% - 64px); }
}
@media (max-width: 900px) {
  .sync-header { width:calc(100% - 28px); height:66px; margin-top:14px; padding-inline:16px; }
  .sync-brand { font-size:20px; }
  .sync-brand img { width:31px; height:31px; }
  .sync-menu-toggle { display:flex; }
  .sync-nav { display:none; position:absolute; top:calc(100% + 8px); left:0; right:0; padding:13px; border:1px solid #ffffff13; border-radius:14px; flex-direction:column; align-items:stretch; background:#17181d; box-shadow:0 20px 40px #0008; }
  .sync-nav.is-open { display:flex; }
  .sync-nav a { padding:9px 12px; border-radius:8px; }
  .sync-nav a:hover { background:#ff69001a; }
  .sync-header-actions { margin-left:auto; gap:12px; }
  .sync-hero { min-height:0; padding-top:75px; padding-bottom:35px; }
  .sync-hero-stage { width:calc(100% - 48px); margin-top:65px; }
  .sync-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sync-feature-card { height:320px; }
  .sync-showcase-panel { height:580px; }
  .sync-showcase-slides { inset:55px 75px 80px; }
  .sync-pricing-grid, .sync-reviews-grid { padding-inline:0; gap:16px; }
  .sync-plan { padding-inline:18px; }
  .sync-plan-benefit { white-space:normal; }
  .sync-faq-list { margin-inline:0; }
  .sync-cta-art { opacity:.6; }
  .sync-cta-content { margin-left:28%; }
  .sync-footer { padding:38px; }
}
@media (max-width: 640px) {
  .sync-site { overflow:hidden; }
  .sync-header { gap:6px; }
  .sync-header-buy { display:none; }
  .sync-button--small { padding-inline:15px; min-height:36px; }
  .sync-section { width:calc(100% - 28px); }
  .sync-hero { padding-top:65px; }
  .sync-hero h1 { font-size:34px; }
  .sync-hero p { font-size:13px; line-height:1.6; }
  .sync-hero-actions { gap:9px; margin-top:26px; }
  .sync-hero-actions .sync-button { min-width:0; width:50%; padding-inline:9px; min-height:43px; font-size:12px; }
  .sync-hero-stage { width:calc(100% - 28px); margin-top:58px; }
  .sync-hero-frame { height:auto; border-radius:14px; box-shadow:0 0 0 5px #111113b0,0 15px 40px #000b; }
  .sync-hero-frame::after { height:30px; }
  .sync-hero-glow { right:-140px; top:-90px; width:500px; height:550px; }
  .sync-hero-mark { bottom: -12%; width: 150px; opacity: .2; }
  .sync-hero-mark--left { left: -56px; }
  .sync-hero-mark--right { right: -56px; }
  .sync-section-heading { margin-bottom:36px; }
  .sync-section-heading h2 { font-size:29px; margin-bottom:12px; }
  .sync-section-heading p { font-size:13px; line-height:1.6; }
  .sync-features { padding-top:55px; }
  .sync-feature-grid { grid-template-columns:1fr; gap:14px; }
  .sync-feature-card { height:320px; }
  .sync-feature-card h3 { font-size:20px; }
  .sync-feature-card > p { font-size:11px; }
  .sync-showcase { padding-top:75px; }
  .sync-showcase .sync-section-heading { margin-bottom:35px; }
  .sync-showcase-panel { height:335px; border-radius:20px; }
  .sync-showcase-slides { inset:35px 30px 50px; }
  .sync-showcase-app { border-width:4px; border-radius:9px; }
  .sync-showcase-brand { width:100px; height:24px; padding-left:4px; font-size:7px; gap:3px; }
  .sync-showcase-brand img { width:15px; height:15px; }
  .sync-carousel-arrow { width:28px; height:28px; font-size:25px; }
  .sync-carousel-arrow--prev { left:8px; }
  .sync-carousel-arrow--next { right:8px; }
  .sync-carousel-dots { bottom:17px; gap:8px; }
  .sync-carousel-dots button { width:9px; height:9px; }
  .sync-pricing { padding-top:70px; }
  .sync-billing-switch { margin-bottom:55px; }
  .sync-pricing-grid { grid-template-columns:1fr; gap:60px; padding-inline:10px; }
  .sync-plan { min-height:390px; }
  .sync-plan--popular { margin-top:0; min-height:430px; }
  .sync-reviews { padding-top:85px; }
  .sync-reviews-grid { grid-template-columns:1fr; padding-inline:10px; gap:14px; }
  .sync-review { min-height:200px; }
  .sync-faq { padding-top:80px; }
  .sync-faq-list { gap:10px; }
  .sync-faq summary { min-height:63px; padding-inline:18px; font-size:15px; }
  .sync-faq details[open] summary { min-height:59px; }
  .sync-faq details p { padding:0 18px 18px; font-size:12px; }
  .sync-cta { padding-top:80px; }
  .sync-cta-card { min-height:310px; }
  .sync-cta-art { width:340px; left:-85px; top:50%; opacity:.28; transform:translateY(-44%); }
  .sync-cta-content { margin:0 auto; padding:30px 22px; }
  .sync-cta-content h2 { font-size:30px; }
  .sync-cta-content p { font-size:13px; }
  .sync-cta-actions { gap:8px; flex-wrap:wrap; }
  .sync-cta-actions .sync-button { min-width:120px; min-height:40px; padding-inline:10px; font-size:11px; }
  .sync-footer { width:calc(100% - 28px); margin:75px auto 28px; padding:28px 24px; border-radius:20px; }
  .sync-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 14px; padding-bottom:35px; }
  .sync-footer-brand-col { grid-column:1 / -1; }
  .sync-footer-brand-col p { margin-top:13px; }
  .sync-footer-bottom { align-items:flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .sync-site *, .sync-site *::before, .sync-site *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; }
}

/* Sync application screenshots and the darker product palette. */
.sync-site {
  --sync-orange: #fc6901;
  --sync-orange-light: #fc760b;
  --sync-orange-deep: #fb4501;
  --sync-ink: #0a0a0b;
  --sync-panel: #151518;
  --sync-copy: #ceced3;
  --sync-muted: #929297;
  background: var(--sync-ink);
}
.sync-header,
.sync-nav,
.sync-footer { background: #151518; }
.sync-button--outline { background: #111113; }
.sync-hero-glow {
  background: radial-gradient(ellipse at 68% 44%, #fc690166 0%, #b93f0048 30%, transparent 69%);
  filter: blur(68px);
  opacity: .56;
}
.sync-hero::before {
  background: radial-gradient(ellipse 70% 50% at 72% 58%, #fc69001b, transparent 72%);
}
.sync-hero-frame {
  max-width: 1100px;
  height: auto;
  aspect-ratio: 1100 / 795;
  background: #0a0a0b;
  box-shadow: 0 0 0 1px #ffffff12, 0 0 0 9px #151518a6, 0 22px 70px #000c;
}
.sync-hero-frame img { width: 100%; height: 100%; object-fit: cover; }
.sync-hero-frame::after { background: linear-gradient(to bottom, transparent, #0a0a0b); }

.sync-feature-card {
  display: flex;
  flex-direction: column;
  min-height: 402px;
  height: auto;
  padding: 22px 13px 13px;
  background: #151518;
  border: 1px solid #29292c;
  box-shadow: inset 0 1px #ffffff08, 0 15px 35px #0004;
}
.sync-feature-card::before { display: none; }
.sync-feature-card::after {
  content: "";
  position: absolute;
  inset: 0 20% auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, #fc69019c, transparent);
  pointer-events: none;
}
.sync-feature-card h3 {
  position: relative;
  z-index: 1;
  color: #f5f5f6;
  text-shadow: none;
  font-size: 21px;
}
.sync-feature-card > p {
  position: relative;
  z-index: 1;
  color: #aaaab0;
  text-shadow: none;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 500;
}

/* Full-size captures keep interface labels legible when displayed on the site. */
.sync-feature-card .sync-feature-screen,
.sync-showcase-app {
  aspect-ratio: 1100 / 795;
  overflow: hidden;
  background-color: #111113;
  object-fit: cover;
}
.sync-feature-card .sync-feature-screen {
  position: relative;
  inset: auto;
  display: block;
  flex: none;
  width: 100%;
  height: auto;
  margin-top: auto;
  border: 1px solid #353539;
  border-radius: 10px;
  box-shadow: 0 12px 27px #0008;
}

.sync-showcase-panel {
  background: radial-gradient(ellipse at 50% 102%, #fc69002b, transparent 56%), #151518;
  border: 1px solid #2b2b2d;
  box-shadow: inset 0 1px #ffffff0b, 0 25px 70px #0005;
}
.sync-showcase-panel::before { display: none; }
.sync-showcase-app {
  width: min(820px, 100%);
  height: auto;
  border: 1px solid #45454a;
  border-radius: 16px;
  background: #111113;
  box-shadow: 0 20px 55px #000a, 0 0 0 8px #0e0e10a6;
}
.sync-showcase-brand { display: none; }
.sync-showcase-slide--zoom-left .sync-showcase-app,
.sync-showcase-slide--zoom-center .sync-showcase-app,
.sync-showcase-slide--zoom-right .sync-showcase-app,
.sync-showcase-slide--zoom-bottom .sync-showcase-app { transform: none; }

/* The UI's original product-specific sidebar and device footer are covered by
   a Sync navigation layer, keeping the visible controls from the reference. */
.sync-ui-sidebar {
  position: absolute;
  z-index: 3;
  inset: 0 auto 0 0;
  width: 10%;
  border-right: 1px solid #242426;
  background: #121213;
  color: #7f8086;
  text-align: center;
}
.sync-ui-sidebar-logo {
  position: absolute;
  top: 3.5%;
  left: 16%;
  width: 68%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
}
.sync-ui-sidebar-logo img,
.sync-ui-sidebar-logo svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sync-ui-sidebar-nav {
  position: absolute;
  inset: 23% 0 auto;
  height: 55%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.sync-ui-sidebar-item,
.sync-ui-sidebar-settings {
  width: 85%;
  min-height: 13%;
  border-radius: 15%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .35em;
  color: #777980;
  font-size: clamp(5px, .87cqw, 9px);
  line-height: 1.05;
  font-weight: 500;
}
.sync-ui-sidebar-item > :first-child,
.sync-ui-sidebar-settings > :first-child {
  color: inherit;
  font-size: clamp(10px, 1.9cqw, 20px);
  line-height: 1;
}
.sync-ui-sidebar-item svg,
.sync-ui-sidebar-settings svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.sync-ui-sidebar-item.is-active,
.sync-ui-sidebar-settings.is-active {
  color: #fc6901;
  background: #1e1e20;
}
.sync-ui-sidebar-settings {
  position: absolute;
  bottom: 4.5%;
  left: 11%;
  min-height: 8.5%;
}
.sync-ui-device {
  position: absolute;
  z-index: 2;
  left: 10%;
  right: 0;
  bottom: 0;
  min-height: 7.3%;
  padding: 0 3%;
  display: flex;
  align-items: center;
  gap: .7em;
  border-top: 1px solid #232326;
  background: #111112;
  color: #aaaab0;
  font-size: clamp(6px, .95cqw, 10px);
  line-height: 1.1;
}
.sync-ui-device::before {
  content: "";
  width: .6em;
  height: .6em;
  flex: none;
  border-radius: 50%;
  background: #40c57a;
  box-shadow: 0 0 6px #40c57a77;
}
.sync-ui-device img { max-height: 80%; width: auto; object-fit: contain; }

.sync-plan,
.sync-review:not(.sync-review--highlight),
.sync-faq details { background: #151518; }

@media (max-width: 900px) {
  .sync-feature-card { min-height: 390px; }
  .sync-showcase-app { width: min(610px, 100%); }
}
@media (max-width: 640px) {
  .sync-hero-frame { aspect-ratio: 1100 / 795; }
  .sync-feature-card { min-height: 0; padding: 21px 12px 12px; }
  .sync-feature-card .sync-feature-screen { margin-top: 19px; }
  .sync-showcase-panel { height: 340px; }
  .sync-showcase-slides { inset: 35px 31px 51px; }
  .sync-showcase-app { border-radius: 9px; }
  .sync-ui-sidebar-item,
  .sync-ui-sidebar-settings { font-size: clamp(4px, .87cqw, 7px); }
  .sync-ui-sidebar-item > :first-child,
  .sync-ui-sidebar-settings > :first-child { font-size: clamp(8px, 1.9cqw, 15px); }
}

/* Feature cards follow the supplied site's bright three-by-two layout.
   Each card frames a real Sync screen as a product window. */
.sync-features { padding-top: 50px; }
.sync-features .sync-section-heading { margin-bottom: 75px; }
.sync-feature-card {
  display: block;
  height: 340px;
  min-height: 340px;
  padding: 26px 20px 0;
  border: 1px solid #ff9c3b68;
  border-radius: 16px;
  background:
    radial-gradient(ellipse at 4% 98%, #ffba5185, transparent 52%),
    radial-gradient(ellipse at 90% 106%, #e83e1685, transparent 52%),
    linear-gradient(135deg, #ff8e1c, #fb6908 63%, #eb4d13);
  box-shadow: inset 0 1px #ffffff4a, 0 16px 30px #0004;
}
.sync-feature-card::before { display: block; opacity: .35; }
.sync-feature-card::after { display: none; }
.sync-feature-card h3 {
  color: #fff;
  font-size: 22px;
  line-height: 1.2;
  text-shadow: 0 2px 4px #9c32004d;
}
.sync-feature-card > p {
  max-width: 355px;
  margin: 0 auto;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
  text-shadow: 0 1px 3px #802e005e;
}
.sync-feature-card .sync-feature-screen {
  position: absolute;
  left: 50%;
  top: 145px;
  bottom: auto;
  width: min(100%, 330px);
  margin: 0;
  transform: translateX(-50%) rotate(-2deg);
  border: 5px solid #242428;
  border-radius: 12px;
  background-color: #101012;
  box-shadow: 0 18px 30px #58200080, 0 0 0 1px #ffffff30;
}
.sync-feature-card:nth-child(2) .sync-feature-screen { transform: translateX(-50%) rotate(1.5deg); }
.sync-feature-card:nth-child(3) .sync-feature-screen { transform: translateX(-50%) rotate(-1deg); }
.sync-compatibility { margin-top: 28px; }
@media (max-width: 900px) {
  .sync-feature-card { height: 345px; min-height: 345px; }
}
@media (min-width: 641px) and (max-width: 900px) {
  .sync-feature-card:last-child { grid-column: 1 / -1; width: calc(50% - 11px); justify-self: center; }
}
@media (max-width: 640px) {
  .sync-features .sync-section-heading { margin-bottom: 38px; }
  .sync-feature-card { height: 315px; min-height: 315px; padding: 23px 17px 0; }
  .sync-feature-card h3 { font-size: 20px; }
  .sync-feature-card > p { font-size: 10px; }
  .sync-feature-card .sync-feature-screen { top: 125px; width: 84%; bottom: auto; margin-top: 0; }
}

/* Home FAQ: a compact editorial list in place of oversized boxed rows. */
.sync-faq {
  display: grid;
  grid-template-columns: minmax(250px, .75fr) minmax(0, 1.5fr);
  align-items: start;
  gap: clamp(45px, 7vw, 125px);
  padding-top: 132px;
  padding-bottom: 26px;
}
.sync-faq-lead { position: sticky; top: 110px; }
.sync-faq-eyebrow {
  display: block;
  margin-bottom: 16px;
  color: #fc6901;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .17em;
}
.sync-faq-lead h2 {
  color: #f8f8f9;
  font: 700 clamp(30px, 3.4vw, 49px)/1.15 var(--ff-heading), Arial, sans-serif;
  letter-spacing: -.045em;
}
.sync-faq-lead h2 em { color: #ff8429; font-style: normal; }
.sync-faq-lead > p {
  max-width: 320px;
  margin-top: 19px;
  color: #a9a9b1;
  font-size: 14px;
  line-height: 1.7;
}
.sync-faq .sync-faq-content { min-width: 0; max-width: none; margin: 0; }
.sync-faq .sync-faq-list { display: block; gap: 0; margin: 0; border-top: 1px solid #353539; }
.sync-faq .sync-faq-list details,
.sync-faq .sync-faq-list details[open] {
  border: 0;
  border-bottom: 1px solid #353539;
  border-radius: 0;
  background: transparent;
}
.sync-faq .sync-faq-list summary,
.sync-faq .sync-faq-list details[open] summary {
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 15px;
  min-height: 82px;
  padding: 15px 0;
  color: #f2f2f4;
  font-size: 17px;
  font-weight: 620;
  cursor: pointer;
}
.sync-faq .sync-faq-list summary:hover .sync-faq-question,
.sync-faq .sync-faq-list details[open] .sync-faq-question { color: #ff9a4b; }
.sync-faq .sync-faq-list summary::after { display: none; }
.sync-faq-number { color: #fc6901; font-size: 11px; font-weight: 750; letter-spacing: .06em; }
.sync-faq-icon { position: relative; display: block; width: 24px; height: 24px; }
.sync-faq-icon::before, .sync-faq-icon::after {
  content: "";
  position: absolute;
  top: 11px;
  left: 6px;
  width: 12px;
  height: 2px;
  border-radius: 2px;
  background: #ff8528;
  transition: transform .2s ease, opacity .2s ease;
}
.sync-faq-icon::after { transform: rotate(90deg); }
.sync-faq details[open] .sync-faq-icon::after { transform: rotate(0); opacity: 0; }
.sync-faq .sync-faq-list details > p {
  max-width: 670px;
  margin: -5px 0 0;
  padding: 0 34px 23px 42px;
  color: #aeb0b8;
  font-size: 13px;
  line-height: 1.75;
}
.sync-faq .sync-faq-links {
  justify-content: flex-start;
  gap: 14px 30px;
  margin-top: 29px;
}
.sync-faq .sync-faq-links a { font-size: 12px; font-weight: 700; }

@media (max-width: 850px) {
  .sync-faq { grid-template-columns: 1fr; gap: 35px; padding-top: 95px; }
  .sync-faq-lead { position: static; }
  .sync-faq-lead > p { max-width: 520px; }
}
@media (max-width: 640px) {
  .sync-faq { gap: 29px; padding-top: 80px; }
  .sync-faq-lead h2 { font-size: 34px; }
  .sync-faq .sync-faq-list summary,
  .sync-faq .sync-faq-list details[open] summary { grid-template-columns: 22px minmax(0,1fr) 22px; gap: 11px; min-height: 69px; padding: 12px 0; font-size: 14px; }
  .sync-faq .sync-faq-list details > p { padding: 0 18px 20px 33px; font-size: 12px; }
  .sync-faq .sync-faq-links { gap: 11px 22px; }
}

/* Product facts fill the review area until SellAuth has real feedback. */
.sync-proof-eyebrow {
  display: block;
  margin-bottom: 16px;
  color: #fc6901;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .17em;
}
.sync-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: -22px;
  padding-inline: 25px;
  border-top: 1px solid #353539;
  border-bottom: 1px solid #353539;
  text-align: left;
}
.sync-proof-item { padding: 32px 30px 30px; }
.sync-proof-item + .sync-proof-item { border-left: 1px solid #353539; }
.sync-proof-item i { color: #ff8429; font-size: 20px; }
.sync-proof-item h3 { margin-top: 21px; color: #f5f5f6; font-size: 17px; font-weight: 700; }
.sync-proof-item p { max-width: 310px; margin-top: 10px; color: #aaaab2; font-size: 13px; line-height: 1.65; }
@media (max-width: 750px) {
  .sync-proof-grid { grid-template-columns: 1fr; margin-top: -8px; padding-inline: 0; }
  .sync-proof-item { padding: 25px 5px; }
  .sync-proof-item + .sync-proof-item { border-left: 0; border-top: 1px solid #353539; }
  .sync-proof-item h3 { margin-top: 11px; }
  .sync-proof-item p { max-width: none; }
}

/* Footer: a quiet full-width close to the landing page. */
.sync-footer {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 100px 0 0;
  padding: 0;
  border-top: 1px solid #29292c;
  border-radius: 0;
  background: #09090a;
  box-shadow: none;
}
.sync-footer::before {
  content: "";
  position: absolute;
  top: -1px;
  left: max(28px, calc((100% - 1100px) / 2));
  width: 82px;
  height: 2px;
  background: #fc6901;
}
.sync-footer-inner { max-width: 1200px; margin-inline: auto; padding: 56px 42px 25px; }
.sync-footer-grid {
  display: grid;
  grid-template-columns: minmax(250px, 370px) repeat(3, minmax(145px, 180px));
  justify-content: center;
  gap: clamp(32px, 3.5vw, 62px);
  padding-bottom: 55px;
}
.sync-footer-grid--compact { grid-template-columns: minmax(260px, 370px) repeat(2, minmax(150px, 190px)); }
.sync-footer-brand-col .sync-brand { font-size: 23px; }
.sync-footer-brand-col .sync-brand img { width: 38px; height: 38px; }
.sync-footer-brand-col p { max-width: 300px; margin: 19px 0 0; color: #aaaab1; font-size: 13px; line-height: 1.75; }
.sync-footer-col { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.sync-footer-col h3 { margin: 0 0 9px; color: #f3f3f5; font-size: 11px; font-weight: 750; letter-spacing: .15em; text-transform: uppercase; }
.sync-footer-col a { display: inline-flex; align-items: center; min-height: 25px; color: #b5b5be; font-size: 13px; font-weight: 500; line-height: 1.45; transition: color .18s ease, transform .18s ease; }
.sync-footer-col a:hover { color: #ff984b; transform: translateX(3px); }
.sync-footer-bottom { min-height: 52px; padding-top: 22px; border-top: 1px solid #2a2a2e; color: #9a9aa2; font-size: 12px; }
.sync-footer-socials { gap: 9px; }
.sync-footer-socials a { width: 34px; height: 34px; border: 1px solid #37373b; border-radius: 10px; background: transparent; color: #d8d8dd; font-size: 14px; transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease; }
.sync-footer-socials a:hover { border-color: #fc6901; background: #fc690116; color: #ff984b; transform: translateY(-2px); }

@media (max-width: 900px) {
  .sync-footer-inner { padding: 46px 34px 24px; }
  .sync-footer-grid,
  .sync-footer-grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 30px; }
  .sync-footer-brand-col { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .sync-footer { width: 100%; margin: 74px 0 0; padding: 0; border-radius: 0; }
  .sync-footer-inner { padding: 41px 23px 25px; }
  .sync-footer-grid,
  .sync-footer-grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 33px 20px; padding-bottom: 37px; }
  .sync-footer-brand-col p { max-width: 330px; margin-top: 14px; }
  .sync-footer-col--legal { grid-column: 1 / -1; padding-top: 25px; border-top: 1px solid #29292d; }
  .sync-footer-bottom { flex-direction: column; align-items: flex-start; gap: 20px; }
}

/* Shared SellAuth footer on Guide, Showcase, FAQ, product and account pages. */
.sync-global-footer {
  position: relative;
  width: 100%;
  margin: 100px 0 0;
  border-top: 1px solid #29292c;
  background: #09090a;
  color: #f3f3f5;
}
.sync-global-footer::before {
  content: "";
  position: absolute;
  top: -1px;
  left: max(28px, calc((100% - 1100px) / 2));
  width: 82px;
  height: 2px;
  background: #fc6901;
}
.sync-global-footer .sync-global-footer__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  padding: 56px 42px 25px;
}
.sync-global-footer .sync-global-footer__grid {
  grid-template-columns: minmax(250px, 370px) repeat(var(--footer-cols, 3), minmax(145px, 180px));
  justify-content: center;
  gap: clamp(32px, 3.5vw, 62px);
}
.sync-global-footer__brand { min-width: 0; }
.sync-global-footer__brand a { color: #f7f7f8; font-size: 23px; font-weight: 700; line-height: 1; }
.sync-global-footer__brand img { width: 38px; height: 38px; }
.sync-global-footer__brand p { max-width: 300px; margin: 19px 0 0; color: #aaaab1; font-size: 13px; line-height: 1.75; }
.sync-global-footer__col h3 { margin: 0 0 20px; color: #f3f3f5; font-size: 11px; font-weight: 750; letter-spacing: .15em; text-transform: uppercase; }
.sync-global-footer__links { gap: 11px; align-items: flex-start; }
.sync-global-footer .sa-footer-link { display: inline-flex; align-items: center; min-height: 25px; color: #b5b5be; font-size: 13px; font-weight: 500; line-height: 1.45; transition: color .18s ease, transform .18s ease; }
.sync-global-footer .sa-footer-link:hover { color: #ff984b; transform: translateX(3px); }
.sync-global-footer .sync-global-footer__bottom { min-height: 74px; margin-top: 55px; padding-top: 22px; border-top: 1px solid #2a2a2e; color: #9a9aa2; }
.sync-global-footer__bottom p { color: #9a9aa2; font-size: 12px; }
.sync-global-footer__bottom-actions { display: flex; align-items: center; gap: 16px; }
.sync-global-footer__socials { gap: 9px; }
.sync-global-footer__socials a { width: 34px; height: 34px; padding: 0; display: grid; place-items: center; border: 1px solid #37373b; border-radius: 10px; background: transparent; color: #d8d8dd; transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease; }
.sync-global-footer__socials a:hover { border-color: #fc6901; background: #fc690116; color: #ff984b; transform: translateY(-2px); }
.sync-global-footer__socials i { font-size: 14px; }

@media (max-width: 900px) {
  .sync-global-footer .sync-global-footer__inner { padding: 46px 34px 24px; }
  .sync-global-footer .sync-global-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 30px; }
  .sync-global-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .sync-global-footer { margin-top: 74px; }
  .sync-global-footer .sync-global-footer__inner { padding: 41px 23px 25px; }
  .sync-global-footer .sync-global-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 33px 20px; }
  .sync-global-footer__brand p { max-width: 330px; margin-top: 14px; }
  .sync-global-footer__col--legal { grid-column: 1 / -1; padding-top: 25px; border-top: 1px solid #29292d; }
  .sync-global-footer .sync-global-footer__bottom { flex-direction: column; align-items: flex-start; gap: 20px; margin-top: 37px; }
}

/* Sync plans and the checkout review window on the shop home. */
.sync-pricing {
  width: min(100% - 40px, 1120px);
  padding: 106px 0 8px;
  text-align: center;
}
.sync-pricing-heading { max-width: 680px; margin: 0 auto; }
.sync-pricing-eyebrow,
.sync-pricing-modal-eyebrow,
.sync-pricing-summary-label {
  color: #ff8d3c;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
}
.sync-pricing-heading h2 {
  margin: 14px 0 11px;
  color: #f7f7f8;
  font: 750 clamp(35px, 3.9vw, 51px)/1.12 var(--ff-heading), Arial, sans-serif;
  letter-spacing: -.045em;
}
.sync-pricing-heading h2 span { color: #ff862f; }
.sync-pricing-heading p { color: #aba9b1; font-size: 14px; line-height: 1.6; }
.sync-pricing-billing {
  display: inline-flex;
  gap: 3px;
  margin: 31px auto 28px;
  padding: 4px;
  border: 1px solid #343439;
  border-radius: 13px;
  background: #19191c;
}
.sync-pricing-billing button {
  min-width: 116px;
  padding: 10px 19px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #aaa9b1;
  font-size: 12px;
  font-weight: 700;
  transition: background .18s, color .18s;
}
.sync-pricing-billing button:hover { color: #fff; }
.sync-pricing-billing button.is-active,
.sync-pricing-billing button[aria-pressed="true"] { background: #f97012; color: #14100d; box-shadow: 0 3px 10px #0006; }
.sync-pricing-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 20px;
  max-width: 860px;
  margin: 0 auto;
  text-align: left;
}
.sync-pricing-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 405px;
  padding: 28px 29px 26px;
  border: 1px solid #313136;
  border-radius: 18px;
  background: linear-gradient(155deg, #1a1a1d 0%, #121214 80%);
  box-shadow: 0 18px 48px #0005;
}
.sync-pricing-card--premium { border-color: #a84b1c; background: linear-gradient(155deg, #231912 0%, #151314 37%, #121214 80%); }
.sync-pricing-card--premium::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 29px;
  right: 29px;
  height: 2px;
  background: linear-gradient(90deg, #ff7115, #ffad57, transparent);
}
.sync-pricing-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sync-pricing-card-icon {
  display: grid;
  place-items: center;
  width: 39px;
  height: 39px;
  border: 1px solid #473527;
  border-radius: 11px;
  background: #ff77151b;
  color: #ff852a;
  font-size: 16px;
}
.sync-pricing-card-label { color: #8c8582; font-size: 10px; font-weight: 750; letter-spacing: .13em; }
.sync-pricing-card h3 { margin: 21px 0 4px; color: #fff; font-size: 25px; font-weight: 740; letter-spacing: -.025em; }
.sync-pricing-card-description { min-height: 22px; color: #a4a2aa; font-size: 13px; line-height: 1.5; }
.sync-pricing-card-price { display: flex; align-items: baseline; gap: 7px; margin: 23px 0 20px; }
.sync-pricing-card-price strong { color: #fafafa; font-size: clamp(37px, 3.2vw, 46px); font-weight: 750; letter-spacing: -.045em; line-height: 1; }
.sync-pricing-card-price span { color: #99979f; font-size: 12px; }
.sync-pricing-card-rule { height: 1px; margin-bottom: 18px; background: #343337; }
.sync-pricing-card-includes { margin: 0 0 12px; color: #f0eded; font-size: 11px; font-weight: 750; letter-spacing: .02em; }
.sync-pricing-features { display: grid; gap: 10px; margin: 0 0 28px; padding: 0; list-style: none; }
.sync-pricing-features li { display: flex; align-items: center; gap: 10px; color: #bdbbc1; font-size: 12px; line-height: 1.3; }
.sync-pricing-features li i { display: grid; place-items: center; width: 17px; height: 17px; flex: 0 0 17px; border-radius: 50%; background: #ff781823; color: #ff903f; font-size: 9px; }
.sync-pricing-card-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 43px;
  margin-top: auto;
  border: 1px solid #464347;
  border-radius: 9px;
  background: #27262a;
  color: #f4f2f4;
  font-size: 12px;
  font-weight: 750;
  transition: background .18s, border-color .18s, transform .18s;
}
.sync-pricing-card-button:hover { transform: translateY(-2px); border-color: #f97920; background: #302b28; }
.sync-pricing-card-button i { font-size: 10px; }
.sync-pricing-card-button--accent { border-color: #ff7a1d; background: linear-gradient(135deg, #ff952f, #fa6411); color: #15100b; }
.sync-pricing-card-button--accent:hover { background: linear-gradient(135deg, #ffaa55, #ff751f); }
.sync-pricing-disclaimer { max-width: 630px; margin: 18px auto 0; color: #85828a; font-size: 11px; line-height: 1.5; }

.sync-pricing-modal[hidden] { display: none !important; }
.sync-pricing-modal[open] {
  display: block;
  position: fixed;
  inset: 0;
  width: min(900px, calc(100vw - 34px));
  max-width: none;
  max-height: calc(100dvh - 34px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 1px solid #4a3830;
  border-radius: 20px;
  background: #111112;
  color: #f5f5f6;
  box-shadow: 0 35px 100px #000c;
}
.sync-pricing-modal::backdrop { background: #050506d9; backdrop-filter: blur(7px); }
.sync-pricing-modal-shell { min-width: 0; }
.sync-pricing-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 19px 25px; border-bottom: 1px solid #2b2b2f; }
.sync-pricing-modal-brand { display: flex; align-items: center; gap: 9px; color: #fff; font-size: 19px; font-weight: 750; }
.sync-pricing-modal-brand img { width: 34px; height: 34px; object-fit: contain; }
.sync-pricing-modal-close { display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid #38383c; border-radius: 9px; background: #1a1a1d; color: #bdbbc0; }
.sync-pricing-modal-close:hover { border-color: #ff872b; color: #fff; }
.sync-pricing-modal-body { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(290px, .9fr); }
.sync-pricing-modal-main { padding: 46px 37px 42px; }
.sync-pricing-modal-main h2 { margin: 13px 0 13px; color: #fff; font: 750 clamp(28px, 3vw, 37px)/1.13 var(--ff-heading), Arial, sans-serif; letter-spacing: -.035em; }
.sync-pricing-modal-main h2 span { color: #ff8a32; }
.sync-pricing-modal-main > p { max-width: 430px; color: #aeabb2; font-size: 13px; line-height: 1.65; }
.sync-pricing-modal-features { margin-top: 34px; padding-top: 28px; border-top: 1px solid #353438; }
.sync-pricing-modal-features h3 { margin: 0 0 19px; color: #f3f2f4; font-size: 13px; font-weight: 750; }
.sync-pricing-modal-features ul { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.sync-pricing-modal-features li { display: flex; gap: 11px; align-items: flex-start; color: #c4c2c7; font-size: 12px; line-height: 1.45; }
.sync-pricing-modal-features li i { display: grid; place-items: center; flex: 0 0 19px; height: 19px; border-radius: 6px; background: #ff7a1d1b; color: #ff903f; font-size: 10px; }
.sync-pricing-modal-features p { margin: 28px 0 0; color: #827f85; font-size: 11px; line-height: 1.6; }
.sync-pricing-modal-summary { padding: 44px 31px 32px; border-left: 1px solid #303035; background: #19191b; }
.sync-pricing-summary-plan { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 23px 0 29px; padding: 17px; border: 1px solid #464045; border-radius: 11px; background: #211d1d; }
.sync-pricing-summary-plan span:first-child { color: #eae8eb; font-size: 14px; }
.sync-pricing-summary-plan span:last-child { color: #ff9951; font-size: 11px; font-weight: 750; }
.sync-pricing-summary-line,
.sync-pricing-summary-total { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sync-pricing-summary-line { color: #aaa8ae; font-size: 12px; }
.sync-pricing-summary-line strong { color: #f2f1f3; font-size: 15px; }
.sync-pricing-summary-quantity { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 29px 0; }
.sync-pricing-summary-quantity label { color: #aaa8ae; font-size: 12px; }
.sync-pricing-quantity-control { display: flex; align-items: center; height: 37px; overflow: hidden; border: 1px solid #48484d; border-radius: 8px; background: #151517; }
.sync-pricing-quantity-control button { width: 36px; height: 36px; border: 0; background: transparent; color: #f4f2f5; font-size: 18px; }
.sync-pricing-quantity-control button:hover { background: #ff7b1a2a; }
.sync-pricing-quantity-control input { width: 40px; height: 36px; border: 0; border-inline: 1px solid #37373b; background: transparent; color: #fff; font-size: 13px; font-weight: 750; text-align: center; -moz-appearance: textfield; appearance: textfield; }
.sync-pricing-quantity-control input::-webkit-inner-spin-button,
.sync-pricing-quantity-control input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
.sync-pricing-summary-total { padding: 21px 0 23px; border-top: 1px solid #38383d; color: #e5e3e7; font-size: 13px; font-weight: 700; }
.sync-pricing-summary-total strong { color: #fff; font-size: 28px; letter-spacing: -.04em; }
.sync-pricing-buy { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 47px; border: 0; border-radius: 9px; background: linear-gradient(130deg, #ff982e, #f96912); color: #18100a; font-size: 13px; font-weight: 800; }
.sync-pricing-buy:hover { filter: brightness(1.1); }
.sync-pricing-feedback { margin: 12px 0 0; color: #ffad77; font-size: 11px; line-height: 1.5; text-align: center; }
.sync-pricing-feedback[hidden] { display: none !important; }
.sync-pricing-summary-note { margin: 15px 0 0; color: #929097; font-size: 10px; line-height: 1.6; text-align: center; }

@media (max-width: 700px) {
  .sync-pricing { width: calc(100% - 30px); padding-top: 75px; }
  .sync-pricing-heading p { font-size: 12px; }
  .sync-pricing-cards { grid-template-columns: 1fr; max-width: 470px; gap: 15px; }
  .sync-pricing-card { min-height: 0; padding: 24px; }
  .sync-pricing-card-price { margin: 20px 0 18px; }
  .sync-pricing-features { margin-bottom: 23px; }
  .sync-pricing-modal[open] { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 14px; }
  .sync-pricing-modal-header { padding: 14px 18px; }
  .sync-pricing-modal-body { grid-template-columns: 1fr; }
  .sync-pricing-modal-main { padding: 28px 22px 24px; }
  .sync-pricing-modal-features { margin-top: 22px; padding-top: 19px; }
  .sync-pricing-modal-features ul { gap: 11px; }
  .sync-pricing-modal-features p { margin-top: 18px; }
  .sync-pricing-modal-summary { padding: 28px 22px 25px; border-top: 1px solid #303035; border-left: 0; }
  .sync-pricing-summary-plan { margin: 17px 0 22px; }
  .sync-pricing-summary-quantity { margin: 21px 0; }
}