:root {
  color-scheme: light;
  --ink: #11172a;
  --muted: #687084;
  --line: rgba(17, 23, 42, 0.1);
  --green: #16c784;
  --green-dark: #078d60;
  --purple: #8b5cf6;
  --purple-dark: #6f3fdd;
  --blue: #4d8dff;
  --night: #090d1b;
  --surface: #ffffff;
  --soft: #f6f7fb;
  --shadow: 0 30px 90px rgba(45, 52, 91, 0.14);
  --radius: 30px;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { overflow-x: clip; scroll-behavior: smooth; }
h1, h2, h3, h4 { text-wrap: balance; }
p, li, small { text-wrap: balance; }
body {
  margin: 0;
  min-width: 0;
  overflow-x: clip;
  color: var(--ink);
  background: radial-gradient(circle at 78% 6%, rgba(91, 138, 255, 0.08), transparent 30%), radial-gradient(circle at 14% 32%, rgba(139, 92, 246, 0.06), transparent 27%), #fbfcfe;
  font-family: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
main { overflow: clip; }
body.nav-open, body.dialog-open, body.tool-dialog-open { overflow: hidden; }
main section[id] { scroll-margin-top: 112px; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; font: inherit; }
[data-open-program][role="button"] { cursor: pointer; }
[data-open-program][role="button"]:focus-visible, .online-preview:focus-visible, .online-feature-grid a:focus-visible, .contact-card:focus-visible, .platform-showcase a:focus-visible { outline: 3px solid rgba(49, 120, 255, 0.32); outline-offset: 4px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 1000; top: 10px; left: 10px; min-height: 44px; padding: 10px 16px; display: inline-flex; align-items: center; border-radius: 12px; color: #fff; background: var(--ink); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

.site-header {
  position: fixed;
  z-index: 100;
  top: 16px;
  left: 50%;
  width: min(calc(100% - 40px), 1320px);
  height: 78px;
  padding: 0 16px 0 22px;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);
  align-items: center;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 26px;
  color: #fff;
  background: linear-gradient(180deg, rgba(18, 21, 30, 0.72), rgba(5, 7, 12, 0.56));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.46), 0 24px 72px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(32px) saturate(170%);
  -webkit-backdrop-filter: blur(32px) saturate(170%);
  transform: translateX(-50%);
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
.site-header::before { content: ""; position: absolute; inset: 0; opacity: .22; border-radius: inherit; background: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .025) 42%, transparent 72%); pointer-events: none; }
.site-header::after { content: ""; position: absolute; left: -42%; bottom: 0; width: 42%; height: 1px; opacity: 0; background: linear-gradient(90deg, transparent, rgba(126, 103, 255, .9), rgba(92, 218, 239, .86), transparent); box-shadow: 0 0 16px rgba(100, 205, 238, .62); animation: nav-edge-flow 8.5s cubic-bezier(.16, 1, .3, 1) infinite; pointer-events: none; }
.site-header > * { position: relative; z-index: 1; }
.site-header.scrolled { border-color: rgba(255, 255, 255, 0.16); background: linear-gradient(180deg, rgba(13, 16, 24, 0.9), rgba(5, 7, 12, 0.82)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), 0 24px 72px rgba(0, 0, 0, 0.38); }
.brand { width: fit-content; display: inline-flex; align-items: center; gap: 12px; color: #fff; font-size: 22px; font-weight: 800; letter-spacing: -0.03em; }
.brand-mark { width: 46px; height: 46px; display: block; overflow: visible; border: 0; border-radius: 15px; background: transparent; }
.brand-mark img { width: 100%; height: 100%; padding: 0; object-fit: contain; }
.brand-mark.small { width: 34px; height: 34px; border-radius: 11px; }
.main-nav { width: clamp(640px, 50vw, 760px); min-height: 58px; padding: 5px; display: flex; align-items: center; justify-content: space-between; gap: 4px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.18)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 32px rgba(0, 0, 0, 0.18); backdrop-filter: blur(22px) saturate(155%); -webkit-backdrop-filter: blur(22px) saturate(155%); }
.main-nav a { position: relative; z-index: 0; min-width: 0; min-height: 48px; padding: 0 18px; display: flex; flex: 1 1 0; align-items: center; justify-content: center; overflow: hidden; border: 1px solid transparent; border-radius: 15px; color: rgba(239, 242, 248, 0.7); font-size: 15px; font-weight: 700; white-space: nowrap; isolation: isolate; transform-origin: center; transition: color 0.24s ease, border-color 0.24s ease, background 0.24s ease, box-shadow 0.24s ease, transform 0.24s cubic-bezier(.16, 1, .3, 1); }
.main-nav a::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: 0; border-radius: inherit; background: linear-gradient(112deg, transparent 12%, rgba(255, 255, 255, 0.86) 45%, transparent 72%); transform: translateX(-110%); transition: opacity 0.25s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1); pointer-events: none; }
.main-nav a:not([aria-current="page"]):hover, .main-nav a:not([aria-current="page"]):focus-visible { color: #fff; border-color: transparent; background: transparent; box-shadow: inset 0 -2px 0 rgba(96, 210, 235, 0.34); outline: none; transform: translateY(-1px); }
.main-nav a:hover::before, .main-nav a:focus-visible::before { opacity: 0.82; transform: translateX(105%); }
.main-nav a[aria-current="page"] { z-index: 1; color: #fff; border-color: rgba(138, 119, 255, 0.42); border-radius: 999px; background: linear-gradient(135deg, rgba(111, 83, 226, 0.31), rgba(59, 170, 202, 0.15)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), 0 12px 28px rgba(48, 32, 130, 0.24), 0 0 26px rgba(88, 193, 224, 0.08); backdrop-filter: blur(18px) saturate(180%); -webkit-backdrop-filter: blur(18px) saturate(180%); transform: scale(1.018); }
.main-nav a[aria-current="page"]::after { content: ""; position: absolute; left: 50%; bottom: 5px; width: 20px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, #8f73ff, #5cd8ec); box-shadow: 0 0 10px rgba(97, 207, 235, 0.6); transform: translateX(-50%); }
.main-nav a[aria-current="page"]:hover, .main-nav a[aria-current="page"]:focus-visible { transform: translateY(-1px) scale(1.018); }
.header-download { min-height: 50px; justify-self: end; padding: 0 22px; display: inline-flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.14); border-radius: 15px; color: #fff; background: rgba(255,255,255,.065); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); font-size: 15px; font-weight: 700; cursor: pointer; }
.header-download span { color: #a98cfb; }
.nav-toggle { display: none; }

.hero {
  position: relative;
  min-height: 860px;
  padding: 166px max(24px, calc((100vw - var(--max)) / 2)) 46px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  align-items: center;
  gap: 30px 36px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(250, 249, 255, 0.94) 0%, rgba(248, 251, 255, 0.9) 68%, #fff 100%);
}
.hero::before { content: ""; position: absolute; inset: -18%; background: radial-gradient(circle at 18% 38%, rgba(124, 77, 255, 0.18), transparent 31%), radial-gradient(circle at 82% 25%, rgba(22, 199, 132, 0.17), transparent 30%), radial-gradient(circle at 64% 72%, rgba(77, 141, 255, 0.11), transparent 28%); filter: blur(6px); animation: aurora-flow 16s ease-in-out infinite alternate; pointer-events: none; }
.hero::after { content: ""; position: absolute; width: 72vw; height: 220px; left: 18%; top: 26%; border-radius: 50%; background: linear-gradient(90deg, transparent, rgba(106, 190, 255, 0.11), rgba(178, 112, 255, 0.14), transparent); filter: blur(42px); transform: rotate(-12deg); animation: light-ribbon 13s ease-in-out infinite alternate; pointer-events: none; }
.hero-grid { position: absolute; inset: 0; opacity: 0.42; background-image: linear-gradient(rgba(17, 23, 42, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(17, 23, 42, 0.025) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 78%, transparent); animation: grid-flow 28s linear infinite; }
.hero-orb { position: absolute; border-radius: 50%; pointer-events: none; animation: ambient-drift 12s ease-in-out infinite alternate; }
.hero-orb-green { width: 520px; height: 520px; top: -230px; right: 9%; background: radial-gradient(circle, rgba(22, 199, 132, 0.18), transparent 68%); }
.hero-orb-purple { width: 520px; height: 520px; bottom: -330px; left: 5%; background: radial-gradient(circle, rgba(139, 92, 246, 0.17), transparent 70%); animation-delay: -6s; }
.hero-content { position: relative; z-index: 2; max-width: 670px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #737b8e; font-size: 13px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.eyebrow > span { width: 28px; height: 1px; background: linear-gradient(90deg, var(--green), var(--purple)); }
.hero h1 { margin: 25px 0 30px; font-size: clamp(50px, 4.65vw, 68px); line-height: 1.06; letter-spacing: -0.052em; }
.hero h1 span, .hero h1 em { display: block; white-space: nowrap; }
.hero h1 em { margin-top: 0.34em; }
h1 em, h2 em { color: transparent; background: linear-gradient(100deg, var(--green-dark) 4%, var(--green) 35%, var(--purple) 70%, var(--green) 100%); background-size: 180% 100%; background-clip: text; font-style: normal; animation: gradient-flow 8s ease-in-out infinite alternate; }
.hero-content > p { max-width: 620px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.78; text-wrap: balance; }
.hero-actions { margin-top: 36px; display: flex; flex-wrap: wrap; gap: 12px; }
.button { position: relative; min-height: 54px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; overflow: hidden; border: 1px solid transparent; border-radius: 16px; font-size: 15px; font-weight: 700; line-height: 1; white-space: nowrap; cursor: pointer; transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible { outline: 3px solid rgba(49, 120, 255, 0.28); outline-offset: 3px; }
.button-primary { color: #fff; background: linear-gradient(120deg, #11172a, #322651); box-shadow: 0 14px 34px rgba(17, 23, 42, 0.22); }
.button-primary::after { content: ""; position: absolute; inset: -40% auto -40% -35%; width: 28%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transform: skewX(-18deg); transition: left 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
.button-primary:hover::after { left: 115%; }
.button-primary:hover { box-shadow: 0 18px 42px rgba(17, 23, 42, 0.3); }
.button-secondary { border-color: var(--line); background: rgba(255, 255, 255, 0.78); }
.hero-meta { margin-top: 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 11px; color: #848b9d; font-size: 13px; }
.hero-meta i { width: 3px; height: 3px; border-radius: 50%; background: #b7bdc9; }

.hero-visual { position: relative; z-index: 2; min-height: 560px; display: flex; align-items: center; justify-content: flex-end; isolation: isolate; }
.hero-visual::before { content: ""; position: absolute; z-index: -2; inset: 6% -3% 3% 8%; opacity: 0.52; background-image: radial-gradient(circle, rgba(92, 76, 170, 0.24) 1.2px, transparent 1.2px); background-size: 20px 20px; mask-image: radial-gradient(ellipse, #000 22%, transparent 70%); transform: rotate(-4deg); }
.hero-visual::after { content: ""; position: absolute; z-index: -1; width: 430px; height: 430px; right: 3%; top: 8%; border: 1px solid rgba(139, 92, 246, 0.16); border-radius: 50%; box-shadow: 0 0 0 45px rgba(22, 199, 132, 0.035), 0 0 0 90px rgba(139, 92, 246, 0.028); }
.app-glow { position: absolute; z-index: -1; width: 540px; height: 540px; top: 0; right: -2%; border-radius: 50%; background: radial-gradient(circle at 60% 42%, rgba(35, 219, 143, 0.3), rgba(124, 77, 255, 0.14) 44%, transparent 70%); filter: blur(12px); animation: glow-breathe 9s ease-in-out infinite alternate; }
.app-window { position: relative; z-index: 2; width: min(720px, 96%); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.92); border-radius: 22px; background: #111425; box-shadow: 0 42px 90px rgba(34, 43, 87, 0.28), 0 0 0 9px rgba(255, 255, 255, 0.44); transform: perspective(1200px) rotateY(-4deg) rotateX(1deg); }
.app-screen { position: relative; aspect-ratio: 1.54; overflow: hidden; container: arvo-preview / inline-size; }
.arvo-workbench { width: 100%; height: 100%; min-height: 0; display: grid; grid-template-columns: 25% minmax(0, 1fr); overflow: hidden; color: #eef3ff; background: radial-gradient(circle at 72% 18%, rgba(81, 104, 255, 0.18), transparent 32%), linear-gradient(145deg, #080d19, #111629 58%, #0a1020); font-family: inherit; }
.arvo-workbench-sidebar { min-width: 0; padding: clamp(9px, 2.35cqw, 18px); display: flex; flex-direction: column; border-right: 1px solid rgba(150, 169, 230, 0.12); background: linear-gradient(180deg, rgba(4, 8, 16, 0.94), rgba(8, 14, 27, 0.9)); }
.arvo-workbench-brand { min-width: 0; display: flex; align-items: center; gap: clamp(5px, 1.1cqw, 9px); }
.arvo-workbench-brand img { width: clamp(20px, 4.2cqw, 34px); height: clamp(20px, 4.2cqw, 34px); flex: 0 0 auto; object-fit: contain; filter: drop-shadow(0 6px 13px rgba(97, 83, 255, 0.28)); }
.arvo-workbench-brand span, .arvo-workbench-brand strong, .arvo-workbench-brand small { min-width: 0; display: block; }
.arvo-workbench-brand strong { font-size: clamp(9px, 1.75cqw, 14px); letter-spacing: -0.02em; }
.arvo-workbench-brand small { margin-top: 2px; overflow: hidden; color: #73809b; font-size: clamp(6px, 1.05cqw, 9px); font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.arvo-workbench-steps { min-height: 0; margin-top: clamp(9px, 2.7cqw, 22px); display: grid; gap: clamp(3px, 0.72cqw, 6px); }
.arvo-workbench-steps > span { min-width: 0; min-height: clamp(21px, 4.3cqw, 35px); padding: 0 clamp(4px, 1cqw, 8px); display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: clamp(4px, 0.9cqw, 8px); border: 1px solid transparent; border-radius: clamp(6px, 1.35cqw, 11px); color: #7f8ba4; background: rgba(255, 255, 255, 0.025); }
.arvo-workbench-steps > span.is-active { color: #fff; border-color: rgba(110, 91, 255, 0.42); background: linear-gradient(100deg, rgba(104, 75, 255, 0.5), rgba(56, 111, 255, 0.21)); box-shadow: 0 8px 22px rgba(44, 40, 120, 0.2); }
.arvo-workbench-steps i { width: clamp(14px, 2.5cqw, 20px); height: clamp(14px, 2.5cqw, 20px); display: grid; place-items: center; border-radius: 50%; color: #8998b6; background: rgba(255, 255, 255, 0.07); font-size: clamp(5px, 0.85cqw, 7px); font-style: normal; font-weight: 900; }
.arvo-workbench-steps .is-active i { color: #dcd7ff; background: rgba(255, 255, 255, 0.14); }
.arvo-workbench-steps b { overflow: hidden; font-size: clamp(6px, 1.18cqw, 10px); font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.arvo-workbench-ready { margin-top: auto; padding-top: clamp(6px, 1.5cqw, 12px); display: flex; align-items: center; gap: 6px; color: #6f7c96; font-size: clamp(5px, 0.95cqw, 8px); font-weight: 750; }
.arvo-workbench-ready i, .arvo-workbench-toolbar em i { width: clamp(4px, 0.75cqw, 6px); height: clamp(4px, 0.75cqw, 6px); flex: 0 0 auto; border-radius: 50%; background: #35d49a; box-shadow: 0 0 0 4px rgba(53, 212, 154, 0.08), 0 0 12px rgba(53, 212, 154, 0.58); }
.arvo-workbench-stage { min-width: 0; min-height: 0; padding: clamp(9px, 2.3cqw, 18px); display: flex; flex-direction: column; }
.arvo-workbench-toolbar { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.arvo-workbench-toolbar > span, .arvo-workbench-toolbar strong, .arvo-workbench-toolbar small { min-width: 0; display: block; }
.arvo-workbench-toolbar strong { font-size: clamp(8px, 1.55cqw, 13px); }
.arvo-workbench-toolbar small { margin-top: 2px; color: #72809d; font-size: clamp(5px, 0.95cqw, 8px); font-weight: 700; }
.arvo-workbench-toolbar em { padding: clamp(3px, 0.55cqw, 5px) clamp(6px, 1.1cqw, 9px); display: flex; align-items: center; gap: 6px; border: 1px solid rgba(53, 212, 154, 0.18); border-radius: 99px; color: #68ddb8; background: rgba(53, 212, 154, 0.07); font-size: clamp(5px, 0.9cqw, 8px); font-style: normal; font-weight: 800; white-space: nowrap; }
.arvo-workbench-metrics { margin-top: clamp(7px, 1.7cqw, 14px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(4px, 0.8cqw, 7px); }
.arvo-workbench-metrics > span { position: relative; min-width: 0; padding: clamp(6px, 1.25cqw, 10px); overflow: hidden; border: 1px solid rgba(145, 164, 221, 0.11); border-radius: clamp(7px, 1.25cqw, 10px); background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)); }
.arvo-workbench-metrics > span::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: linear-gradient(90deg, #5b7cff, #8f63ff); }
.arvo-workbench-metrics > span:nth-child(2)::after { background: linear-gradient(90deg, #34d399, #28a8f8); }
.arvo-workbench-metrics > span:nth-child(3)::after { background: linear-gradient(90deg, #ffad48, #ff6c9b); }
.arvo-workbench-metrics small, .arvo-workbench-metrics strong { display: block; }
.arvo-workbench-metrics small { color: #73809b; font-size: clamp(5px, 0.9cqw, 8px); font-weight: 700; }
.arvo-workbench-metrics strong { margin-top: 3px; font-size: clamp(8px, 1.55cqw, 13px); }
.arvo-workbench-flow { min-height: 0; margin-top: clamp(6px, 1.3cqw, 11px); padding: clamp(7px, 1.35cqw, 11px); flex: 1; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(141, 160, 218, 0.12); border-radius: clamp(8px, 1.5cqw, 13px); background: radial-gradient(circle at 50% 42%, rgba(108, 76, 255, 0.12), transparent 37%), rgba(3, 7, 15, 0.38); }
.arvo-flow-label { color: #65728d; font-size: clamp(4px, 0.8cqw, 7px); font-weight: 900; letter-spacing: 0.13em; }
.arvo-flow-map { position: relative; min-height: 0; flex: 1; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.arvo-flow-line { position: absolute; top: 50%; height: 1px; overflow: hidden; background: rgba(124, 112, 214, 0.32); }
.arvo-flow-line::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, #7f6bff, #49d8b1, transparent); transform: translateX(-100%); animation: arvo-flow-scan 3.2s ease-in-out infinite; }
.arvo-flow-line-left { left: 17%; right: 50%; }
.arvo-flow-line-right { left: 50%; right: 17%; }
.arvo-flow-node { position: relative; z-index: 1; min-width: clamp(29px, 6.3cqw, 52px); padding: clamp(5px, 1cqw, 8px); display: grid; place-items: center; gap: 3px; border: 1px solid rgba(83, 126, 255, 0.3); border-radius: clamp(7px, 1.3cqw, 11px); color: #95abff; background: #101a31; box-shadow: 0 9px 24px rgba(10, 18, 42, 0.38); }
.arvo-flow-node-left { justify-self: start; }
.arvo-flow-node-right { justify-self: end; color: #66dfb9; border-color: rgba(52, 211, 153, 0.29); background: #0d1e25; }
.arvo-flow-node i { width: clamp(7px, 1.35cqw, 11px); height: clamp(7px, 1.35cqw, 11px); border: 1px solid currentColor; border-radius: 3px; }
.arvo-flow-node b { font-size: clamp(5px, 0.88cqw, 7px); }
.arvo-flow-core { position: relative; z-index: 2; width: clamp(30px, 6.6cqw, 54px); height: clamp(30px, 6.6cqw, 54px); display: grid; place-items: center; border: 1px solid rgba(143, 112, 255, 0.5); border-radius: 50%; background: radial-gradient(circle, rgba(118, 76, 255, 0.28), rgba(13, 18, 36, 0.96) 67%); box-shadow: 0 0 0 5px rgba(119, 91, 255, 0.07), 0 0 28px rgba(103, 75, 255, 0.27); }
.arvo-flow-core img { width: 64%; height: 64%; object-fit: contain; }
.arvo-flow-core small { position: absolute; right: -5px; bottom: -2px; padding: 2px 3px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 4px; color: #c9c1ff; background: #171d34; font-size: clamp(4px, 0.68cqw, 6px); }
.arvo-flow-progress { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 5px 12px; }
.arvo-flow-progress > span, .arvo-flow-progress strong, .arvo-flow-progress small { min-width: 0; display: block; }
.arvo-flow-progress strong { font-size: clamp(6px, 1.1cqw, 9px); }
.arvo-flow-progress small { margin-top: 2px; overflow: hidden; color: #6d7b97; font-size: clamp(4px, 0.76cqw, 7px); text-overflow: ellipsis; white-space: nowrap; }
.arvo-flow-progress em { color: #7c9cff; font-size: clamp(6px, 1.05cqw, 9px); font-style: normal; font-weight: 900; }
.arvo-flow-progress > i { grid-column: 1 / -1; height: clamp(3px, 0.5cqw, 4px); overflow: hidden; border-radius: 99px; background: rgba(255, 255, 255, 0.07); }
.arvo-flow-progress > i b { width: 68%; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #4d78ff, #8b5cf6, #37d6aa); box-shadow: 0 0 14px rgba(91, 124, 255, 0.45); }
@keyframes arvo-flow-scan { 0%, 16% { transform: translateX(-100%); opacity: 0; } 40%, 70% { opacity: 1; } 100% { transform: translateX(100%); opacity: 0; } }
.window-bar { height: 44px; padding: 0 15px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; background: rgba(249, 250, 253, 0.96); border-bottom: 1px solid rgba(17, 23, 42, 0.08); }
.mac-window-controls { display: flex; gap: 8px; }
.mac-window-controls span { width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.12); }
.mac-window-controls span:nth-child(1) { background: #ff5f57; }
.mac-window-controls span:nth-child(2) { background: #febc2e; }
.mac-window-controls span:nth-child(3) { background: #28c840; }
.window-brand { display: flex; align-items: center; gap: 7px; color: #343a49; font-size: 12px; font-weight: 700; }
.window-brand img { width: 22px; height: 22px; border-radius: 7px; }
.window-bar-spacer { justify-self: end; width: 52px; }
.floating-card { position: absolute; z-index: 4; padding: 14px 17px; display: flex; align-items: center; gap: 12px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 17px; background: rgba(255, 255, 255, 0.88); box-shadow: 0 18px 42px rgba(39, 48, 91, 0.16); backdrop-filter: blur(18px); animation: card-float 5s ease-in-out infinite alternate; }
.floating-card strong, .floating-card small { display: block; }
.floating-card strong { font-size: 15px; }
.floating-card small { margin-top: 4px; color: #7c8394; font-size: 13px; }
.floating-card-top { top: -25px; left: -8px; }
.floating-card-bottom { right: -10px; bottom: 46px; animation-delay: -2.5s; }
.status-dot { width: 12px; height: 12px; border: 3px solid #b9f4dc; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(22, 199, 132, 0.1); }
.mini-icon { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(111, 63, 221, 0.15); border-radius: 50%; color: var(--purple-dark); background: radial-gradient(circle, rgba(139, 92, 246, 0.12), rgba(255, 255, 255, 0.72) 68%); box-shadow: 0 8px 18px rgba(76, 72, 140, 0.12); }
.mini-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.trust-strip { position: relative; z-index: 3; grid-column: 1 / -1; width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.trust-item { min-width: 0; min-height: 112px; padding: 22px; display: flex; align-items: center; gap: 16px; border: 1px solid rgba(17, 23, 42, 0.07); border-radius: 25px; background: rgba(255, 255, 255, 0.82); box-shadow: 0 16px 42px rgba(41, 50, 88, 0.055); transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; }
.trust-icon { position: relative; width: 54px; height: 54px; flex: 0 0 54px; display: grid; place-items: center; border-radius: 50%; color: #313a55; background: radial-gradient(circle, rgba(77, 141, 255, 0.11), transparent 67%); }
.trust-item:nth-child(2) .trust-icon { color: #5856d6; background: radial-gradient(circle, rgba(88, 86, 214, 0.11), transparent 67%); }
.trust-item:nth-child(3) .trust-icon { color: #8b5cf6; background: radial-gradient(circle, rgba(139, 92, 246, 0.11), transparent 67%); }
.trust-item:nth-child(4) .trust-icon { color: #078d60; background: radial-gradient(circle, rgba(22, 199, 132, 0.12), transparent 67%); }
.trust-icon::before { content: ""; position: absolute; inset: 5px; border: 1px solid currentColor; border-radius: 50%; opacity: 0.14; }
.trust-icon svg { position: relative; z-index: 1; width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 6px 10px rgba(53, 68, 112, 0.14)); }
.trust-item strong, .trust-item small { display: block; }
.trust-item strong { overflow: hidden; font-size: 15px; letter-spacing: -0.01em; text-overflow: ellipsis; white-space: nowrap; }
.trust-item small { margin-top: 6px; color: var(--muted); font-size: 13px; white-space: nowrap; }
.section { width: min(calc(100% - 48px), var(--max)); margin: 0 auto; padding: 126px 0; }
.section-heading { max-width: 750px; margin-bottom: 54px; }
.section-heading.centered { margin-left: auto; margin-right: auto; text-align: center; }
.section-heading.centered .eyebrow { justify-content: center; }
.section-heading h2, .release-copy h2, .featured-copy h2 { margin: 18px 0 20px; font-size: clamp(40px, 4.2vw, 64px); line-height: 1.08; letter-spacing: -0.052em; }
.section-heading p, .release-copy > p, .featured-copy > p { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.8; text-wrap: balance; }
.programs .section-heading { max-width: 900px; }
.programs { padding-bottom: 72px; }

.program-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 20px; }
.program-assurances { margin-top: 20px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; overflow: visible; border: 0; background: transparent; box-shadow: none; }
.assurance-card { --assurance-accent: #0ca777; --assurance-soft: rgba(12, 167, 119, 0.09); min-width: 0; min-height: 74px; padding: 12px 15px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(112,125,166,.13); border-radius: 16px; background: rgba(255,255,255,.72); box-shadow: inset 0 1px 0 rgba(255,255,255,.82),0 14px 34px rgba(41,50,88,.06); backdrop-filter: blur(18px) saturate(145%); transition: border-color .24s ease, background 0.24s ease, transform 0.24s ease; }
.assurance-card + .assurance-card { border-left: 1px solid rgba(112,125,166,.13); }
.assurance-latest { --assurance-accent: #7657e8; --assurance-soft: rgba(118, 87, 232, 0.09); }
.assurance-resume { --assurance-accent: #3978dc; --assurance-soft: rgba(57, 120, 220, 0.09); }
.assurance-icon { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--assurance-accent) 20%, transparent); border-radius: 12px; color: var(--assurance-accent); background: var(--assurance-soft); }
.assurance-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.assurance-copy, .assurance-copy strong, .assurance-copy span { min-width: 0; display: block; }
.assurance-copy strong { color: #252c3d; font-size: 14px; }
.assurance-copy span { margin-top: 3px; overflow: hidden; color: #7b8497; font-size: 11px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.program-card { min-width: 0; display: grid; grid-template-rows: auto 1fr; border: 1px solid rgba(17, 23, 42, 0.08); border-radius: 30px; overflow: hidden; background: #fff; box-shadow: 0 22px 62px rgba(41, 50, 88, 0.08); transition: transform 0.35s ease, box-shadow 0.35s ease; }
.program-preview { position: relative; min-height: 300px; padding: 30px 24px 0; display: flex; align-items: flex-end; overflow: hidden; background: linear-gradient(145deg, #edf9f5, #f3efff); }
.program-pending .program-preview { background: radial-gradient(circle at 78% 12%, rgba(107, 82, 232, 0.18), transparent 32%), linear-gradient(145deg, #edf3ff, #f4efff); }
.program-preview::before { content: ""; position: absolute; width: 340px; height: 340px; top: -170px; right: -70px; border-radius: 50%; background: radial-gradient(circle, rgba(22, 199, 132, 0.2), rgba(139, 92, 246, 0.08) 54%, transparent 70%); }
.program-preview::after { content: ""; position: absolute; inset: 24px; opacity: 0.42; background-image: radial-gradient(circle, rgba(95, 76, 165, 0.24) 1px, transparent 1px); background-size: 17px 17px; mask-image: linear-gradient(120deg, transparent, #000 38%, transparent 84%); }
.mac-preview { position: relative; z-index: 2; width: 100%; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.94); border-radius: 20px; background: #111425; box-shadow: 0 24px 60px rgba(40, 45, 84, 0.22), 0 0 0 6px rgba(255, 255, 255, 0.34); transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease; }
.mac-preview-bar { height: 40px; padding: 0 13px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; background: rgba(249, 250, 253, 0.97); border-bottom: 1px solid rgba(17, 23, 42, 0.08); }
.mac-preview-title { display: flex; align-items: center; gap: 7px; color: #343a49; font-size: 11px; }
.mac-preview-title img { width: 20px; height: 20px; border-radius: 6px; }
.mac-preview-status, .mac-preview-badge { justify-self: end; color: #7c8394; font-size: 9px; font-weight: 700; }
.mac-preview-badge { padding: 5px 8px; border-radius: 99px; color: var(--green-dark); background: #e6f8f0; }
.mac-preview-screen { position: relative; aspect-ratio: 1.54; overflow: hidden; container: arvo-preview / inline-size; }
@container arvo-preview (max-width: 430px) {
  .arvo-workbench { grid-template-columns: 28% minmax(0, 1fr); }
  .arvo-workbench-brand small, .arvo-workbench-ready span { display: none; }
  .arvo-workbench-metrics > span { padding-inline: 5px; }
  .arvo-workbench-metrics small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .arvo-workbench-flow { padding: 6px; }
}
.program-body { min-height: 0; padding: 28px; display: flex; flex-direction: column; }
.program-identity { display: flex; align-items: center; gap: 14px; }
.program-identity > img { width: 54px; height: 54px; border-radius: 0; object-fit: contain; }
img:is([src*="icon-muse-transparent"], [src*="icon-flow-transparent"], [src*="icon-earn-transparent"]) { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; filter: none !important; object-fit: contain; }
.program-identity span { color: var(--purple-dark); font-size: 13px; font-weight: 800; letter-spacing: 0.08em; }
.program-identity h3 { margin: 4px 0 0; font-size: 30px; letter-spacing: -0.04em; }
.program-body > p { min-height: 54px; margin: 19px 0 0; max-width: 760px; color: var(--muted); font-size: 14px; line-height: 1.72; }
.program-features { margin-top: 17px; display: flex; flex-wrap: wrap; gap: 7px; }
.program-features span { padding: 8px 12px; border-radius: 99px; color: #5f6575; background: var(--soft); font-size: 13px; font-weight: 700; }
.program-footer { margin-top: auto; padding-top: 21px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid var(--line); }
.program-footer > div strong, .program-footer > div span { display: block; }
.program-footer > div strong { font-size: 13px; }
.program-footer > div span { margin-top: 4px; color: var(--muted); font-size: 13px; }
.mac-preview-coming { box-shadow: 0 20px 48px rgba(40, 45, 84, 0.14), 0 0 0 5px rgba(255, 255, 255, 0.36); }
.program-pending-button { min-width: 104px; color: #7564b7; border-color: rgba(117, 100, 183, 0.13); background: #f2effd; cursor: default; }
.arvotool-workbench { width: 100%; height: 100%; min-height: 0; display: grid; grid-template-columns: 24% minmax(0, 1fr); overflow: hidden; color: #f6f3ff; background: radial-gradient(circle at 46% 0, rgba(91, 37, 204, 0.42), transparent 39%), linear-gradient(145deg, #090614, #120725 45%, #050408 84%); font-family: inherit; }
.arvotool-sidebar { min-width: 0; padding: clamp(7px, 1.7cqw, 13px); display: flex; flex-direction: column; border-right: 1px solid rgba(190, 158, 255, 0.12); background: rgba(7, 5, 13, 0.72); }
.arvotool-brand { min-width: 0; display: flex; align-items: center; gap: clamp(5px, 1cqw, 8px); }
.arvotool-brand img { width: clamp(21px, 4cqw, 32px); height: clamp(21px, 4cqw, 32px); flex: 0 0 auto; border-radius: clamp(6px, 1.2cqw, 10px); object-fit: cover; }
.arvotool-brand span, .arvotool-brand strong, .arvotool-brand small { min-width: 0; display: block; }
.arvotool-brand strong { font-size: clamp(8px, 1.55cqw, 13px); }
.arvotool-brand small { margin-top: 2px; overflow: hidden; color: #7d6d97; font-size: clamp(4px, 0.75cqw, 6px); font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.arvotool-nav { margin-top: clamp(5px, 1.2cqw, 10px); display: grid; gap: clamp(1px, 0.32cqw, 3px); }
.arvotool-nav span { min-width: 0; min-height: clamp(14px, 2.8cqw, 23px); padding: 0 clamp(3px, 0.75cqw, 6px); display: grid; grid-template-columns: clamp(11px, 2.4cqw, 19px) minmax(0, 1fr); align-items: center; gap: clamp(3px, 0.65cqw, 5px); border-radius: clamp(4px, 0.85cqw, 7px); color: #91899e; }
.arvotool-nav span.is-active { color: #17101e; background: rgba(255, 255, 255, 0.96); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.26); }
.arvotool-nav i { overflow: hidden; color: currentColor; font-size: clamp(4px, 0.72cqw, 6px); font-style: normal; font-weight: 900; text-align: center; white-space: nowrap; }
.arvotool-nav b { overflow: hidden; font-size: clamp(5px, 0.9cqw, 7.5px); text-overflow: ellipsis; white-space: nowrap; }
.arvotool-local { margin-top: auto; display: flex; align-items: center; gap: 5px; color: #776d82; font-size: clamp(4px, 0.72cqw, 6px); font-weight: 800; }
.arvotool-local i { width: 4px; height: 4px; flex: 0 0 auto; border-radius: 50%; background: #b58cff; box-shadow: 0 0 9px rgba(181, 140, 255, 0.8); }
.arvotool-stage { min-width: 0; min-height: 0; padding: clamp(8px, 1.9cqw, 15px); display: flex; flex-direction: column; }
.arvotool-toolbar { min-width: 0; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; }
.arvotool-toolbar span, .arvotool-toolbar strong, .arvotool-toolbar small, .arvotool-toolbar em { min-width: 0; display: block; }
.arvotool-toolbar small { width: max-content; padding: 3px 6px; border: 1px solid rgba(185, 142, 255, 0.24); border-radius: 99px; color: #ba91ff; font-size: clamp(4px, 0.72cqw, 6px); font-weight: 850; letter-spacing: 0.08em; }
.arvotool-toolbar strong { margin-top: clamp(3px, 0.65cqw, 5px); font-size: clamp(9px, 1.8cqw, 15px); }
.arvotool-toolbar em { margin-top: 2px; color: #8e8499; font-size: clamp(4px, 0.74cqw, 6px); font-style: normal; }
.arvotool-toolbar > b { min-width: clamp(62px, 15cqw, 118px); padding: 0 2px 4px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(205, 183, 230, 0.26); color: #796f84; font-size: clamp(4px, 0.72cqw, 6px); font-weight: 650; }
.arvotool-toolbar > b i { width: 7px; height: 7px; border: 1px solid #a68fb9; border-radius: 50%; }
.arvotool-tool-list { min-height: 0; margin-top: clamp(7px, 1.5cqw, 12px); display: grid; gap: clamp(4px, 0.8cqw, 7px); }
.arvotool-tool-list > span { min-width: 0; min-height: clamp(30px, 6.5cqw, 52px); padding: clamp(4px, 0.9cqw, 7px) clamp(5px, 1.1cqw, 9px); display: grid; grid-template-columns: clamp(19px, 4.5cqw, 36px) minmax(0, 1fr) auto; align-items: center; gap: clamp(5px, 0.9cqw, 8px); border: 1px solid rgba(202, 173, 232, 0.15); border-radius: clamp(6px, 1.25cqw, 10px); background: linear-gradient(110deg, rgba(255, 255, 255, 0.045), rgba(99, 47, 137, 0.035)); }
.arvotool-tool-list > span > i { width: clamp(19px, 4.5cqw, 36px); height: clamp(19px, 4.5cqw, 36px); display: grid; place-items: center; border-radius: clamp(5px, 1.05cqw, 8px); color: #f6efff; background: linear-gradient(145deg, rgba(177, 127, 234, 0.27), rgba(255, 255, 255, 0.08)); font-size: clamp(7px, 1.45cqw, 12px); font-style: normal; }
.arvotool-tool-list b, .arvotool-tool-list strong, .arvotool-tool-list small { min-width: 0; display: block; }
.arvotool-tool-list strong { overflow: hidden; font-size: clamp(6px, 1.1cqw, 9px); text-overflow: ellipsis; white-space: nowrap; }
.arvotool-tool-list small { margin-top: 2px; overflow: hidden; color: #867c90; font-size: clamp(4px, 0.72cqw, 6px); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.arvotool-tool-list em { padding: 2px 4px; border-radius: 4px; color: #cbb8df; background: rgba(255, 255, 255, 0.08); font-size: clamp(4px, 0.68cqw, 5.5px); font-style: normal; font-weight: 800; }
@container arvo-preview (max-width: 430px) { .arvotool-brand small, .arvotool-local span, .arvotool-toolbar em, .arvotool-toolbar > b, .arvotool-tool-list small { display: none; } .arvotool-sidebar, .arvotool-stage { padding: 7px; } .arvotool-tool-list { margin-top: 6px; gap: 3px; } }

.release-section { position: relative; min-height: 680px; padding: 120px max(24px, calc((100vw - var(--max)) / 2)); display: grid; grid-template-columns: 0.88fr 1.12fr; align-items: center; gap: 72px; isolation: isolate; overflow: hidden; color: #fff; background: radial-gradient(circle at 12% 18%, rgba(139, 92, 246, 0.3), transparent 31%), radial-gradient(circle at 82% 22%, rgba(77, 141, 255, 0.27), transparent 34%), radial-gradient(circle at 68% 88%, rgba(22, 199, 132, 0.16), transparent 31%), linear-gradient(135deg, #16122f, #080d1d 52%, #10243a); }
.release-section::before { content: ""; position: absolute; width: 780px; height: 240px; right: -120px; top: -60px; z-index: 0; border-radius: 50%; background: linear-gradient(90deg, transparent, rgba(135, 111, 255, 0.28), rgba(71, 169, 255, 0.2), transparent); filter: blur(36px); transform: rotate(-12deg); animation: light-ribbon 14s ease-in-out infinite alternate-reverse; }
.release-section::after { content: ""; position: absolute; inset: 0; z-index: 0; opacity: 0.46; background-image: radial-gradient(circle, rgba(255, 255, 255, 0.32) 0 1px, transparent 1.3px); background-size: 48px 48px; mask-image: linear-gradient(120deg, transparent 4%, #000 38%, #000 72%, transparent 96%); animation: star-drift 34s linear infinite; }
.dark-meteors { position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; }
.dark-meteors span { position: absolute; left: var(--meteor-x); top: var(--meteor-y); width: var(--meteor-size); height: 1px; border-radius: 999px; opacity: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0.82), rgba(224, 235, 255, 0.36) 38%, rgba(171, 155, 255, 0.13) 66%, transparent); filter: drop-shadow(0 0 8px rgba(167, 211, 255, 0.22)) drop-shadow(0 0 20px rgba(173, 150, 255, 0.1)); transform: translate3d(92px, -40px, 0) rotate(-22deg) scaleX(0.34); transform-origin: left center; animation: meteor-flight var(--meteor-duration) ease-out var(--meteor-delay) infinite; }
.release-meteors span:nth-child(1) { --meteor-x: 72%; --meteor-y: 15%; --meteor-size: clamp(150px, 17vw, 250px); --meteor-duration: 12.4s; --meteor-delay: -2.6s; }
.release-meteors span:nth-child(2) { --meteor-x: 84%; --meteor-y: 47%; --meteor-size: clamp(120px, 14vw, 210px); --meteor-duration: 14.8s; --meteor-delay: -8.2s; }
.release-meteors span:nth-child(3) { --meteor-x: 42%; --meteor-y: 78%; --meteor-size: clamp(180px, 21vw, 310px); --meteor-duration: 17.2s; --meteor-delay: -12.4s; }
.online-meteors span:nth-child(1) { --meteor-x: 78%; --meteor-y: 13%; --meteor-size: clamp(150px, 17vw, 250px); --meteor-duration: 13.2s; --meteor-delay: -4.4s; }
.online-meteors span:nth-child(2) { --meteor-x: 56%; --meteor-y: 48%; --meteor-size: clamp(120px, 14vw, 210px); --meteor-duration: 15.6s; --meteor-delay: -10.1s; }
.online-meteors span:nth-child(3) { --meteor-x: 88%; --meteor-y: 75%; --meteor-size: clamp(180px, 21vw, 310px); --meteor-duration: 18.4s; --meteor-delay: -14.7s; }
.release-copy, .release-map { position: relative; z-index: 2; }
.eyebrow.light { color: #aeb6c8; }
.release-copy h2 em { background-image: linear-gradient(100deg, #64e3b2, #b9a0ff); }
.release-copy h2 span, .release-copy h2 em { display: block; white-space: nowrap; }
.release-copy > p { color: #b2bacb; }
.release-assurances { margin: 32px 0 0; padding: 0; display: grid; gap: 11px; list-style: none; }
.release-assurances li { position: relative; max-width: 520px; padding: 13px 15px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 13px; overflow: hidden; isolation: isolate; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 16px; background: rgba(255, 255, 255, 0.045); backdrop-filter: blur(12px); }
.release-assurances b { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid rgba(125, 213, 255, 0.18); border-radius: 9px; color: #91d9ff; background: rgba(78, 153, 255, 0.08); font-size: 9px; letter-spacing: 0.05em; }
.release-assurances strong, .release-assurances small { display: block; }
.release-assurances strong { color: #f5f7fc; font-size: 15px; }
.release-assurances small { margin-top: 3px; color: #9fa9bd; font-size: 13px; line-height: 1.5; }
.release-map { padding: 35px; display: grid; gap: 18px; overflow: hidden; isolation: isolate; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 30px; background: rgba(255, 255, 255, 0.07); box-shadow: 0 38px 90px rgba(0, 0, 0, 0.28); backdrop-filter: blur(18px); }
.release-root, .release-program, .release-platforms article { border: 1px solid rgba(255, 255, 255, 0.11); background: rgba(255, 255, 255, 0.08); }
.release-root { position: relative; padding: 14px 16px; display: flex; align-items: center; gap: 12px; overflow: hidden; isolation: isolate; border-radius: 17px; }
.release-program { position: relative; padding: 18px; display: flex; align-items: center; gap: 14px; overflow: hidden; isolation: isolate; border-radius: 18px; }
.release-program > img { width: 50px; height: 50px; border-radius: 15px; }
.release-program strong, .release-program span { display: block; }
.release-program span { margin-top: 4px; color: #aeb6c8; font-size: 13px; }
.release-platforms { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.release-platforms article { position: relative; padding: 20px; display: flex; align-items: center; gap: 14px; overflow: hidden; isolation: isolate; border-radius: 18px; transition: transform 0.28s ease, border-color 0.28s ease, background 0.28s ease; }
.release-assurances li > *, .release-map > *, .release-root > *, .release-program > *, .release-platforms article > *, .online-feature-grid a > * { position: relative; z-index: 2; }
.release-assurances li::after, .release-map::after, .release-root::after, .release-program::after, .release-platforms article::after, .online-feature-grid a::after { content: ""; position: absolute; z-index: 1; top: -38%; bottom: -38%; left: -42%; width: 24%; pointer-events: none; opacity: 0; background: linear-gradient(90deg, transparent, rgba(127, 208, 255, 0.08), rgba(255, 255, 255, 0.26), rgba(185, 151, 255, 0.08), transparent); filter: blur(7px); transform: translate3d(-180%, 0, 0) skewX(-18deg); animation: dark-card-sheen 13.6s cubic-bezier(0.2, 0.58, 0.38, 1) infinite; }
.release-map::after { animation-delay: -1s; }
.release-assurances li:nth-child(1)::after { animation-delay: -3.4s; }
.release-assurances li:nth-child(2)::after { animation-delay: -7.8s; }
.release-assurances li:nth-child(3)::after { animation-delay: -11.6s; }
.release-root::after { animation-delay: -2.1s; }
.release-program::after { animation-delay: -6.4s; }
.release-platforms article:nth-child(1)::after { animation-delay: -10.2s; }
.release-platforms article:nth-child(2)::after { animation-delay: -13s; }
.release-platforms article > span { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(121, 157, 255, 0.18); border-radius: 50%; color: #8fb7ff; background: radial-gradient(circle, rgba(83, 130, 255, 0.16), transparent 68%); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12); }
.release-platforms article:nth-child(2) > span { color: #9ee8cc; border-color: rgba(82, 211, 164, 0.17); background: radial-gradient(circle, rgba(54, 203, 151, 0.14), transparent 68%); }
.release-platform-icon svg { width: 22px; height: 22px; fill: currentColor; }
.release-platforms strong, .release-platforms small { display: block; }
.release-platforms small { margin-top: 5px; color: #aeb6c8; font-size: 13px; }

.featured-program { padding-top: 72px; display: grid; grid-template-columns: 1.14fr 0.86fr; align-items: center; gap: 78px; }
.featured-preview { position: relative; padding: 38px; border: 1px solid var(--line); border-radius: 30px; overflow: hidden; background: linear-gradient(145deg, #effaf6, #f4f0ff); box-shadow: var(--shadow); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.featured-preview::before { content: ""; position: absolute; width: 330px; height: 330px; top: -170px; right: -80px; border-radius: 50%; background: radial-gradient(circle, rgba(22, 199, 132, 0.24), rgba(139, 92, 246, 0.08) 58%, transparent 72%); }
.featured-preview::after { content: ""; position: absolute; inset: 24px; opacity: 0.4; background-image: radial-gradient(circle, rgba(95, 76, 165, 0.24) 1px, transparent 1px); background-size: 18px 18px; mask-image: linear-gradient(135deg, transparent, #000 42%, transparent 90%); }
.featured-copy ul { margin: 28px 0 32px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; list-style: none; }
.featured-copy li { display: flex; align-items: center; gap: 9px; color: #4f5669; font-size: 13px; }
.featured-copy li::before { content: ""; width: 18px; height: 1px; margin-right: 3px; flex: 0 0 18px; background: linear-gradient(90deg, var(--green), var(--blue)); }
.pricing-section { padding-top: 78px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 18px; }
.pricing-card { position: relative; min-width: 0; padding: 34px; overflow: hidden; border: 1px solid rgba(17, 23, 42, 0.09); border-radius: 28px; background: radial-gradient(circle at 100% 0%, rgba(139, 92, 246, 0.09), transparent 34%), #fff; box-shadow: 0 20px 58px rgba(44, 53, 88, 0.08); }
.pricing-card > span { color: var(--purple-dark); font-size: 11px; font-weight: 850; letter-spacing: 0.1em; }
.pricing-card > strong { margin-top: 18px; display: block; color: var(--ink); font-size: 52px; letter-spacing: -0.055em; }
.pricing-card > strong small { color: #70798c; font-size: 14px; letter-spacing: 0; }
.pricing-card h3 { margin: 8px 0 0; font-size: 22px; }
.pricing-card p { min-height: 54px; margin: 14px 0 26px; color: var(--muted); font-size: 15px; line-height: 1.75; }
.pricing-card .button { width: 100%; }
.pricing-trial { background: radial-gradient(circle at 100% 0%, rgba(22, 199, 132, 0.11), transparent 34%), #fff; }
.pricing-trial > span { color: var(--green-dark); }
.pricing-featured { color: #fff; border-color: rgba(255, 255, 255, 0.12); background: radial-gradient(circle at 88% 0%, rgba(139, 92, 246, 0.34), transparent 34%), radial-gradient(circle at 0% 100%, rgba(22, 199, 132, 0.17), transparent 36%), linear-gradient(145deg, #11172a, #181431); box-shadow: 0 28px 72px rgba(27, 31, 58, 0.22); transform: translateY(-8px); }
.pricing-featured > b { position: absolute; top: 20px; right: 20px; padding: 6px 9px; border-radius: 999px; color: #dffaf1; background: rgba(22, 199, 132, 0.15); font-size: 9px; }
.pricing-featured > span { color: #ad9cff; }
.pricing-featured > strong, .pricing-featured h3 { color: #fff; }
.pricing-featured > strong small, .pricing-featured p { color: #aeb8ca; }

.online-section { position: relative; padding: 128px max(24px, calc((100vw - var(--max)) / 2)) 88px; overflow: hidden; color: #fff; background: radial-gradient(circle at 14% 16%, rgba(108, 86, 255, 0.36), transparent 31%), radial-gradient(circle at 76% 18%, rgba(32, 188, 224, 0.28), transparent 34%), radial-gradient(circle at 91% 52%, rgba(255, 157, 45, 0.17), transparent 27%), radial-gradient(circle at 54% 88%, rgba(24, 199, 143, 0.13), transparent 30%), linear-gradient(135deg, #0b0a1c, #071329 52%, #15101f); }
.online-section::before { content: ""; position: absolute; inset: 0; opacity: 0.5; background-image: radial-gradient(circle, rgba(255, 255, 255, 0.22) 1px, transparent 1px); background-size: 34px 34px; mask-image: radial-gradient(ellipse at 62% 42%, #000 8%, transparent 68%); animation: star-drift 28s linear infinite; }
.online-aurora { position: absolute; width: 660px; height: 240px; border-radius: 50%; filter: blur(48px); opacity: 0.54; pointer-events: none; animation: light-ribbon 14s ease-in-out infinite alternate; }
.online-aurora-left { left: -170px; bottom: -40px; background: linear-gradient(90deg, transparent, rgba(196, 105, 255, 0.44), rgba(91, 131, 255, 0.22), transparent); transform: rotate(18deg); }
.online-aurora-right { right: -120px; top: -20px; background: linear-gradient(90deg, transparent, rgba(48, 213, 231, 0.25), rgba(255, 159, 50, 0.28), transparent); transform: rotate(-16deg); animation-delay: -7s; }
.online-inner { position: relative; z-index: 2; width: min(100%, var(--max)); min-width: 0; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); align-items: center; gap: 56px; }
.home-online-preview { position: relative; min-width: 0; width: 100%; max-width: 100%; overflow: hidden; }
.home-online-preview::before { position: absolute; inset: 15% 8% 8%; content: ""; border-radius: 50%; background: radial-gradient(circle,rgba(54,214,230,.2),rgba(121,95,255,.09) 48%,transparent 72%); filter: blur(42px); pointer-events: none; }
.home-online-preview .online-tools-preview { position: relative; z-index: 1; }
.home-online-preview .program-device-stage { padding-inline: 0; }
.home-online-preview .program-device-gallery .product-macbook { max-width: none; }
.home-online-preview .program-device-gallery .product-macbook-lid { padding: 5px 5px 7px; }
.home-online-preview .program-device-gallery .product-macbook-bezel { padding: 5px; }
.home-online-preview .program-device-gallery .product-screen-viewport { aspect-ratio: 16 / 9; }
.home-online-preview .program-device-meta { width: 100%; margin-top: 10px; font-size: 12px; }
.home-online-preview .program-device-meta strong { font-size: 12px; }
.home-online-preview .program-device-meta b { font-size: 11px; }
@media (min-width: 1181px) {
  .cinema-home { --cinema-content-max: 1480px; }
  .cinema-home .online-section { padding-inline: max(24px, calc((100vw - var(--cinema-content-max)) / 2)); }
  .cinema-home .online-inner,
  .cinema-home .online-feature-grid { width: min(100%, var(--cinema-content-max)); }
}
.online-copy h2 { margin: 20px 0 24px; font-size: clamp(40px, 4.1vw, 62px); line-height: 1.12; letter-spacing: -0.052em; }
.online-copy h2 span, .online-copy h2 em { display: block; white-space: nowrap; }
.online-copy h2 em { color: transparent; background: linear-gradient(100deg, #7ce8be, #81b7ff 52%, #c7a4ff); background-size: 180% 100%; background-clip: text; font-style: normal; animation: gradient-flow 8s ease-in-out infinite alternate; }
.online-copy > p { max-width: 610px; margin: 0; color: #c3cbdb; font-size: 16px; line-height: 1.85; text-wrap: balance; }
.online-actions { margin-top: 34px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.online-actions > span { color: #9faac1; font-size: 14px; }
.button-light { color: #151a2d; background: linear-gradient(120deg, #fff, #dff7ff 48%, #e9e1ff); box-shadow: 0 18px 42px rgba(4, 8, 24, 0.28), inset 0 1px 0 #fff; }
.button-light svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.service-platforms { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 9px; }
.service-platforms span { padding: 8px 11px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 99px; color: #d0d7e5; background: rgba(255, 255, 255, 0.055); font-size: 13px; backdrop-filter: blur(12px); }
.service-platforms b { width: 6px; height: 6px; border-radius: 50%; background: #39d59e; box-shadow: 0 0 0 4px rgba(57, 213, 158, 0.09); }
.service-platforms .coming b { background: #aab2c3; box-shadow: none; }
.online-preview { position: relative; width: 100%; max-width: 100%; box-sizing: border-box; padding: 48px 26px 46px; display: block; overflow: hidden; isolation: isolate; border: 1px solid rgba(132, 214, 255, 0.24); border-radius: 34px; background: radial-gradient(circle at 4% 4%, rgba(35, 215, 232, 0.16), transparent 31%), radial-gradient(circle at 96% 96%, rgba(255, 152, 43, 0.15), transparent 34%), linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.025)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 42px 90px rgba(0, 0, 0, 0.36), -22px 0 76px rgba(25, 208, 231, 0.08), 22px 0 76px rgba(255, 149, 43, 0.08); backdrop-filter: blur(22px) saturate(145%); transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }
.online-preview::before { content: ""; position: absolute; z-index: 1; top: -38%; bottom: -38%; left: -42%; width: 24%; pointer-events: none; opacity: 0; background: linear-gradient(90deg, transparent, rgba(71, 219, 255, 0.1), rgba(255, 255, 255, 0.28), rgba(255, 166, 58, 0.08), transparent); filter: blur(8px); transform: translate3d(-180%, 0, 0) skewX(-18deg); animation: dark-card-sheen 15.2s cubic-bezier(0.2, 0.58, 0.38, 1) -4.8s infinite; }
.online-preview::after { z-index: 0; width: 480px; height: 480px; background: radial-gradient(circle, rgba(38, 205, 231, 0.22), rgba(116, 96, 255, 0.11) 42%, transparent 70%); opacity: 0.82; }
.preview-orbit { position: absolute; z-index: 1; border-radius: 50%; pointer-events: none; animation: preview-orbit 18s linear infinite; }
.preview-orbit::before { content: ""; position: absolute; width: 8px; height: 8px; left: 50%; top: -4px; border-radius: 50%; background: currentColor; box-shadow: 0 0 18px currentColor, 0 0 34px currentColor; }
.preview-orbit-cyan { width: 430px; height: 430px; top: -290px; right: -90px; border: 1px dashed rgba(55, 218, 235, 0.3); color: #36d8ea; }
.preview-orbit-amber { width: 360px; height: 360px; left: -230px; bottom: -250px; border: 1px dashed rgba(255, 160, 44, 0.3); color: #ffa02c; animation-direction: reverse; animation-duration: 22s; }
.preview-hud { position: absolute; z-index: 5; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(255, 255, 255, 0.15); color: #dfe8f6; background: rgba(5, 10, 22, 0.76); box-shadow: 0 14px 36px rgba(0, 0, 0, 0.26); backdrop-filter: blur(16px); }
.preview-hud-top { top: 10px; right: 26px; padding: 8px 12px; border-radius: 99px; font-size: 8px; font-weight: 800; letter-spacing: 0.13em; }
.preview-hud-top i { width: 6px; height: 6px; border-radius: 50%; background: #37dbe9; box-shadow: 0 0 14px #37dbe9; }
.preview-hud-bottom { left: 18px; bottom: 10px; padding: 9px 12px; border-radius: 13px; font-size: 9px; }
.preview-hud-bottom b { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; color: #09111d; background: linear-gradient(135deg, #34d9e8, #ff9c2f); font-size: 9px; }
.browser-window { position: relative; z-index: 2; overflow: hidden; border: 1px solid transparent; border-radius: 22px; background: linear-gradient(#0b1020, #0b1020) padding-box, linear-gradient(118deg, rgba(54, 218, 234, 0.86), rgba(255, 255, 255, 0.34) 48%, rgba(255, 157, 46, 0.8)) border-box; box-shadow: 0 34px 72px rgba(2, 5, 18, 0.46), -14px 0 38px rgba(35, 211, 232, 0.12), 14px 0 38px rgba(255, 155, 42, 0.1), 0 0 0 7px rgba(255, 255, 255, 0.045); transform: perspective(1200px) rotateY(-2deg) rotateX(1deg); animation: browser-float 7s ease-in-out infinite; }
.browser-bar { height: 46px; padding: 0 14px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; background: rgba(10, 15, 28, 0.94); border-bottom: 1px solid rgba(106, 228, 244, 0.14); }
.browser-address { min-width: 210px; padding: 7px 14px; display: flex; justify-content: center; align-items: center; gap: 7px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 9px; color: #a9b6c9; background: rgba(255, 255, 255, 0.045); font-size: 10px; }
.browser-status { justify-self: end; display: flex; align-items: center; gap: 6px; color: #91a2ba; font-size: 9px; font-weight: 700; }
.browser-status i { width: 6px; height: 6px; border-radius: 50%; background: #30d8c0; box-shadow: 0 0 0 3px rgba(48, 216, 192, 0.1), 0 0 12px rgba(48, 216, 192, 0.7); }
.browser-screen-real { position: relative; aspect-ratio: 1801 / 928; min-height: 0; overflow: hidden; background: #080b12; }
.browser-screen-real::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(180deg, transparent 0 3px, rgba(76, 225, 239, 0.025) 4px), radial-gradient(circle at 18% 14%, rgba(43, 213, 229, 0.08), transparent 30%), radial-gradient(circle at 88% 82%, rgba(255, 154, 41, 0.06), transparent 28%); mix-blend-mode: screen; }
.browser-screen-real img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.browser-scan { position: absolute; z-index: 2; top: -20%; bottom: -20%; left: -45%; width: 34%; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(76, 225, 239, 0.16), rgba(255, 255, 255, 0.11), transparent); filter: blur(8px); transform: skewX(-12deg); animation: browser-scan 7.5s ease-in-out infinite; }
.online-preview-badge { position: absolute; z-index: 5; right: 14px; bottom: 10px; padding: 10px 13px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255, 173, 63, 0.22); border-radius: 13px; background: rgba(8, 14, 26, 0.8); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28), 0 0 28px rgba(255, 155, 42, 0.08); backdrop-filter: blur(16px); }
.online-preview-badge strong { color: #ffac3e; font-size: 18px; letter-spacing: -0.04em; }
.online-preview-badge span { color: #b7c0d2; font-size: 9px; }
.online-feature-grid { position: relative; z-index: 2; width: min(100%, var(--max)); margin: 40px auto 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.online-feature-grid a { position: relative; min-width: 0; min-height: 116px; padding: 20px; display: flex; align-items: center; gap: 14px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.095); border-radius: 22px; color: inherit; background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)); backdrop-filter: blur(16px); transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; }
.online-feature-grid a::before { content: ""; position: absolute; width: 180px; height: 180px; right: -100px; bottom: -110px; border-radius: 50%; background: radial-gradient(circle, rgba(53, 216, 234, 0.12), rgba(255, 158, 43, 0.045) 46%, transparent 70%); transition: transform 0.35s ease; }
.online-feature-grid a:nth-child(1)::after { animation-delay: -2.8s; }
.online-feature-grid a:nth-child(2)::after { animation-delay: -6.2s; }
.online-feature-grid a:nth-child(3)::after { animation-delay: -9.6s; }
.online-feature-grid a:nth-child(4)::after { animation-delay: -13s; }
.online-feature-grid strong { display: block; color: #f4f7fc; font-size: 16px; }
.online-feature-grid p { margin: 6px 0 0; color: #aeb9cc; font-size: 13px; line-height: 1.65; }
.feature-glyph { position: relative; width: 42px; height: 42px; flex: 0 0 42px; display: block; border: 1px solid rgba(141, 169, 255, 0.2); border-radius: 50%; background: radial-gradient(circle, rgba(87, 142, 255, 0.16), transparent 68%); }
.feature-glyph::before, .feature-glyph::after { content: ""; position: absolute; }
.feature-glyph-chat::before { width: 18px; height: 13px; left: 11px; top: 11px; border: 1.5px solid #8ec9ff; border-radius: 7px; }
.feature-glyph-chat::after { width: 5px; height: 5px; left: 14px; top: 22px; border-left: 1.5px solid #8ec9ff; border-bottom: 1.5px solid #8ec9ff; transform: skewY(-28deg); }
.feature-glyph-image::before { width: 19px; height: 19px; left: 10px; top: 10px; border: 1.5px solid #b79cff; border-radius: 5px; }
.feature-glyph-image::after { width: 13px; height: 13px; left: 14px; top: 17px; border-left: 1.5px solid #b79cff; border-top: 1.5px solid #b79cff; transform: rotate(45deg); }
.feature-glyph-video::before { width: 21px; height: 21px; left: 9px; top: 9px; border: 1.5px solid #73e0ba; border-radius: 50%; }
.feature-glyph-video::after { left: 18px; top: 15px; border-left: 7px solid #73e0ba; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.feature-glyph-agent { background: radial-gradient(circle at 50% 32%, #8ec9ff 0 2px, transparent 3px), radial-gradient(circle at 31% 67%, #73e0ba 0 2px, transparent 3px), radial-gradient(circle at 69% 67%, #b79cff 0 2px, transparent 3px), radial-gradient(circle, rgba(87, 142, 255, 0.16), transparent 68%); }
.feature-glyph-agent::before { width: 18px; height: 15px; left: 11px; top: 13px; border-left: 1px solid rgba(142, 201, 255, 0.72); border-right: 1px solid rgba(183, 156, 255, 0.72); border-bottom: 1px solid rgba(115, 224, 186, 0.72); transform: rotate(45deg); }

[data-pointer-glow]::after { content: ""; position: absolute; width: 260px; height: 260px; left: calc(var(--pointer-x, 72%) - 130px); top: calc(var(--pointer-y, 18%) - 130px); border-radius: 50%; background: radial-gradient(circle, rgba(92, 123, 255, 0.13), rgba(139, 92, 246, 0.06) 42%, transparent 70%); opacity: 0.72; pointer-events: none; transition: left 0.12s linear, top 0.12s linear; }

.faq { padding-top: 80px; }
.faq-list { border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { padding: 25px 4px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; font-size: 18px; font-weight: 700; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary span { width: 28px; height: 28px; position: relative; flex: 0 0 28px; border: 1px solid var(--line); border-radius: 50%; }
.faq summary span::before, .faq summary span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 1px; background: var(--ink); transform: translate(-50%, -50%); transition: transform 0.2s ease; }
.faq summary span::after { transform: translate(-50%, -50%) rotate(90deg); }
.faq details[open] summary span::after { transform: translate(-50%, -50%); }
.faq details p { max-width: 780px; margin: -5px 0 25px; color: var(--muted); line-height: 1.8; }

.contact { padding-top: 76px; }
.contact-panel { position: relative; padding: 70px; overflow: hidden; border: 1px solid rgba(17, 23, 42, 0.08); border-radius: 38px; background: radial-gradient(circle at 92% 0%, rgba(139, 92, 246, 0.13), transparent 28%), radial-gradient(circle at 6% 82%, rgba(22, 199, 132, 0.11), transparent 26%), linear-gradient(145deg, #f9faff, #f5f7fc); box-shadow: 0 32px 90px rgba(40, 50, 90, 0.1); }
.contact-panel::before { content: ""; position: absolute; width: 580px; height: 150px; right: -120px; top: 20px; border-radius: 50%; background: linear-gradient(90deg, transparent, rgba(98, 148, 255, 0.12), rgba(165, 99, 255, 0.15), transparent); filter: blur(30px); transform: rotate(-15deg); animation: light-ribbon 14s ease-in-out infinite alternate; }
.contact-copy { position: relative; z-index: 1; max-width: 820px; }
.contact-copy h2 { margin: 18px 0 20px; font-size: clamp(38px, 4.2vw, 62px); line-height: 1.12; letter-spacing: -0.052em; }
.contact-copy h2 span, .contact-copy h2 em { display: block; white-space: nowrap; }
.contact-copy h2 em { color: transparent; background: linear-gradient(100deg, var(--green-dark), var(--blue) 52%, var(--purple)); background-size: 180% 100%; background-clip: text; font-style: normal; animation: gradient-flow 8s ease-in-out infinite alternate; }
.contact-copy > p { max-width: 720px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.8; text-wrap: balance; }
.contact-grid { position: relative; z-index: 1; margin-top: 38px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.contact-card { position: relative; min-width: 0; padding: 24px; overflow: hidden; display: flex; align-items: flex-start; gap: 16px; border: 1px solid rgba(17, 23, 42, 0.07); border-radius: 24px; background: rgba(255, 255, 255, 0.78); box-shadow: none; backdrop-filter: blur(18px); transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease; }
.contact-card::after { z-index: 0; width: 220px; height: 220px; background: radial-gradient(circle, rgba(91, 139, 255, 0.12), rgba(139, 92, 246, 0.05) 42%, transparent 70%); }
.contact-card > * { position: relative; z-index: 1; }
.contact-icon { width: 50px; height: 50px; flex: 0 0 50px; display: grid; place-items: center; border: 1px solid rgba(49, 120, 255, 0.15); border-radius: 50%; color: #0071e3; background: radial-gradient(circle, rgba(49, 120, 255, 0.1), transparent 68%); }
.contact-card:nth-child(2) .contact-icon { color: #5856d6; border-color: rgba(88, 86, 214, 0.14); background: radial-gradient(circle, rgba(88, 86, 214, 0.1), transparent 68%); }
.contact-card:nth-child(3) .contact-icon { color: #078d60; border-color: rgba(22, 199, 132, 0.16); background: radial-gradient(circle, rgba(22, 199, 132, 0.1), transparent 68%); }
.contact-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.contact-card h3 { margin: 1px 0 7px; font-size: 18px; letter-spacing: -0.02em; }
.contact-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.contact-card span { margin-top: 12px; display: inline-block; color: var(--purple-dark); font-size: 13px; font-weight: 800; }
.platform-showcase { position: relative; z-index: 1; margin-top: 34px; padding-top: 28px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; border-top: 1px solid rgba(17, 23, 42, 0.08); }
.platform-entry { --platform-accent: #5b8cff; --platform-glow: rgba(91, 140, 255, 0.21); position: relative; min-width: 0; min-height: 164px; padding: 23px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 16px; overflow: hidden; border: 1px solid rgba(145, 166, 224, 0.14); border-radius: 24px; color: #fff; background: radial-gradient(circle at 100% 0%, var(--platform-glow), transparent 43%), linear-gradient(145deg, #0a1120, #11182c 62%, #0b1020); box-shadow: 0 18px 44px rgba(26, 33, 66, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.06); transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.32s ease, box-shadow 0.32s ease; }
.platform-entry::before { content: ""; position: absolute; width: 120px; height: 120px; right: -52px; bottom: -62px; border: 1px solid color-mix(in srgb, var(--platform-accent) 25%, transparent); border-radius: 50%; box-shadow: 0 0 0 18px color-mix(in srgb, var(--platform-accent) 4%, transparent), 0 0 0 38px color-mix(in srgb, var(--platform-accent) 2%, transparent); }
.platform-entry::after { content: "↗"; position: absolute; right: 18px; top: 16px; width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 50%; color: color-mix(in srgb, var(--platform-accent) 76%, white); background: rgba(255, 255, 255, 0.045); font-size: 12px; font-weight: 900; }
.platform-entry-assets { --platform-accent: #a383ff; --platform-glow: rgba(139, 92, 246, 0.22); }
.platform-entry-ai { --platform-accent: #39d5a2; --platform-glow: rgba(42, 207, 155, 0.2); }
.platform-entry-icon { position: relative; z-index: 1; width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--platform-accent) 35%, transparent); border-radius: 16px; color: var(--platform-accent); background: color-mix(in srgb, var(--platform-accent) 12%, rgba(255, 255, 255, 0.03)); box-shadow: 0 13px 28px color-mix(in srgb, var(--platform-accent) 12%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
.platform-entry-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.platform-entry-copy, .platform-entry-copy strong, .platform-entry-copy small, .platform-entry-copy em { min-width: 0; display: block; }
.platform-entry-copy { position: relative; z-index: 1; padding-right: 20px; }
.platform-entry-copy strong { overflow: hidden; color: #f4f6ff; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.platform-entry-copy small { min-height: 42px; margin-top: 8px; color: #8995ae; font-size: 13px; font-weight: 600; line-height: 1.62; text-wrap: balance; }
.platform-entry-copy em { margin-top: 10px; color: var(--platform-accent); font-size: 12px; font-style: normal; font-weight: 850; }
.platform-showcase i { width: 6px; height: 6px; margin-right: 6px; display: inline-block; border-radius: 50%; background: #bcc1cc; }
.platform-showcase i.online { background: var(--green); box-shadow: 0 0 0 4px rgba(22, 199, 132, 0.08); }

.support-page main { overflow: visible; }
.support-hero { position: relative; min-height: 720px; padding: 176px max(24px, calc((100vw - var(--max)) / 2)) 92px; overflow: hidden; background: radial-gradient(circle at 14% 28%, rgba(22, 199, 132, 0.11), transparent 30%), radial-gradient(circle at 86% 18%, rgba(139, 92, 246, 0.14), transparent 31%), linear-gradient(180deg, #fbfbff, #f7f9fd 72%, #fff); }
.support-hero::before { content: ""; position: absolute; inset: 0; opacity: 0.38; background-image: linear-gradient(rgba(17, 23, 42, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(17, 23, 42, 0.025) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, #000, transparent 88%); animation: grid-flow 28s linear infinite; }
.support-hero-glow { position: absolute; border-radius: 50%; filter: blur(18px); pointer-events: none; animation: ambient-drift 13s ease-in-out infinite alternate; }
.support-hero-glow-blue { width: 440px; height: 440px; right: 5%; top: 80px; background: radial-gradient(circle, rgba(77, 141, 255, 0.18), transparent 68%); }
.support-hero-glow-purple { width: 480px; height: 480px; left: -180px; bottom: -260px; background: radial-gradient(circle, rgba(139, 92, 246, 0.15), transparent 70%); animation-delay: -6s; }
.support-hero-copy { position: relative; z-index: 1; max-width: 900px; }
.support-hero h1 { margin: 24px 0; font-size: clamp(46px, 5.4vw, 76px); line-height: 1.12; letter-spacing: -0.055em; }
.support-hero h1 span, .support-hero h1 em { display: block; white-space: nowrap; }
.support-hero h1 em { margin-top: 0.12em; }
.support-hero-copy > p { max-width: 730px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.8; }
.support-shortcuts { position: relative; z-index: 1; margin-top: 58px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.support-shortcut { min-width: 0; min-height: 178px; padding: 26px; display: block; border: 1px solid rgba(17, 23, 42, 0.08); border-radius: 25px; background: rgba(255, 255, 255, 0.74); box-shadow: 0 18px 50px rgba(45, 52, 91, 0.07); backdrop-filter: blur(18px); transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }
.support-shortcut > span { color: var(--purple-dark); font-size: 13px; font-weight: 800; letter-spacing: 0.12em; }
.support-shortcut strong, .support-shortcut p { display: block; }
.support-shortcut strong { margin-top: 20px; font-size: 21px; letter-spacing: -0.03em; }
.support-shortcut p { margin: 9px 0 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
.support-section, .support-form-section { scroll-margin-top: 110px; }
.help-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.help-card { align-self: start; overflow: hidden; border: 1px solid var(--line); border-radius: 23px; background: #fff; box-shadow: 0 16px 42px rgba(45, 52, 91, 0.055); transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease; }
.help-card summary { padding: 22px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 15px; cursor: pointer; list-style: none; }
.help-card summary::-webkit-details-marker { display: none; }
.help-card summary > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; color: var(--purple-dark); background: #f0ebff; font-size: 10px; font-weight: 900; }
.help-card summary strong, .help-card summary small { display: block; text-wrap: balance; }
.help-card summary strong { font-size: 17px; }
.help-card summary small { margin-top: 5px; color: #747d90; font-size: 13px; font-weight: 500; }
.help-card summary i { position: relative; width: 28px; height: 28px; border: 1px solid var(--line); border-radius: 50%; }
.help-card summary i::before, .help-card summary i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 1px; background: var(--ink); transform: translate(-50%, -50%); transition: transform 0.2s ease; }
.help-card summary i::after { transform: translate(-50%, -50%) rotate(90deg); }
.help-card[open] summary i::after { transform: translate(-50%, -50%); }
.help-card > p { margin: 0 22px 18px 79px; color: var(--muted); font-size: 15px; line-height: 1.85; text-wrap: balance; }
.help-card > a { margin: 0 22px 22px 79px; display: inline-flex; color: var(--purple-dark); font-size: 14px; font-weight: 800; }
.support-form-section { display: grid; grid-template-columns: 0.72fr 1.28fr; align-items: start; gap: 70px; }
.support-single-form { padding-top: 86px; }
.support-form-section-alt { border-top: 1px solid var(--line); }
.support-form-copy { position: sticky; top: 118px; }
.support-product-context { width: fit-content; max-width: 100%; min-height: 62px; margin-bottom: 22px; padding: 9px 13px 9px 9px; display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 11px; border: 1px solid color-mix(in srgb, var(--support-product-accent) 28%, var(--line)); border-radius: 14px; color: var(--ink); background: color-mix(in srgb, var(--support-product-accent) 7%, rgba(255,255,255,.72)); transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.support-product-context:hover, .support-product-context:focus-visible { border-color: color-mix(in srgb, var(--support-product-accent) 58%, transparent); box-shadow: 0 14px 34px color-mix(in srgb, var(--support-product-accent) 15%, transparent); outline: none; transform: translateY(-2px); }
.support-product-context > img { width: 44px; height: 44px; display: block; object-fit: contain; }
.support-product-context > span { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 3px 8px; }
.support-product-context em { grid-row: 1 / 3; padding: 5px 7px; color: var(--support-product-accent); border: 1px solid color-mix(in srgb, var(--support-product-accent) 26%, transparent); border-radius: 6px; font-size: 10px; font-style: normal; font-weight: 800; white-space: nowrap; }
.support-product-context strong, .support-product-context small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-product-context strong { font-size: 14px; }
.support-product-context small { color: var(--muted); font-size: 11px; }
.support-form-copy h2 { margin: 18px 0; font-size: clamp(38px, 4.1vw, 58px); letter-spacing: -0.05em; }
.support-form-copy > p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.8; }
.support-note { margin-top: 28px; padding: 19px; border: 1px solid rgba(22, 199, 132, 0.13); border-radius: 17px; background: rgba(232, 250, 243, 0.62); }
.support-note strong, .support-note span { display: block; }
.support-note strong { color: var(--green-dark); font-size: 15px; }
.support-note span { margin-top: 6px; color: #5d6677; font-size: 14px; line-height: 1.7; }
.support-form { padding: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; border: 1px solid var(--line); border-radius: 28px; background: #fff; box-shadow: var(--shadow); }
.support-form label { min-width: 0; display: grid; gap: 9px; }
.support-form label > span { color: #525a6d; font-size: 14px; font-weight: 700; }
.support-form input, .support-form select, .support-form textarea { width: 100%; border: 1px solid rgba(17, 23, 42, 0.12); border-radius: 14px; color: var(--ink); background: #f8f9fc; font: inherit; font-size: 15px; outline: none; transition: border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease; }
.support-form input, .support-form select { height: 50px; padding: 0 14px; }
.support-form textarea { min-height: 150px; padding: 14px; resize: vertical; line-height: 1.7; }
.support-form input:focus, .support-form select:focus, .support-form textarea:focus { border-color: rgba(77, 141, 255, 0.55); background: #fff; box-shadow: 0 0 0 4px rgba(77, 141, 255, 0.1); }
.form-wide { grid-column: 1 / -1; }
.contact-website { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-submit { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.form-submit p { margin: 0; color: #777f90; font-size: 13px; line-height: 1.6; }
.form-submit button:disabled { opacity: 0.62; cursor: wait; }
.form-status { min-height: 18px; margin: -5px 0 0; font-size: 14px; font-weight: 700; }
.form-status[data-state="loading"] { color: #667085; }
.form-status[data-state="success"] { color: var(--green-dark); }
.form-status[data-state="error"] { color: #c73333; }
.support-detail-hero { position: relative; min-height: 580px; padding: 176px max(24px, calc((100vw - var(--max)) / 2)) 86px; display: flex; align-items: center; overflow: hidden; background: linear-gradient(180deg, #fbfbff, #f7f9fd 76%, #fff); }
.support-detail-hero::before { content: ""; position: absolute; inset: 0; opacity: 0.34; background-image: linear-gradient(rgba(17, 23, 42, 0.024) 1px, transparent 1px), linear-gradient(90deg, rgba(17, 23, 42, 0.024) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, #000, transparent 92%); animation: grid-flow 28s linear infinite; }
.support-detail-help { min-height: 760px; padding-top: 150px; background: radial-gradient(circle at 86% 18%, rgba(77, 141, 255, 0.17), transparent 29%), radial-gradient(circle at 10% 84%, rgba(22, 199, 132, 0.12), transparent 27%), radial-gradient(circle at 54% 42%, rgba(139, 92, 246, 0.07), transparent 30%), linear-gradient(180deg, #fbfbff, #f6f9fe 76%, #fff); }
.support-detail-help::after { content: ""; position: absolute; width: 680px; height: 180px; right: 2%; top: 27%; border-radius: 50%; background: linear-gradient(90deg, transparent, rgba(69, 207, 255, 0.13), rgba(157, 111, 255, 0.17), transparent); filter: blur(38px); transform: rotate(-12deg); animation: light-ribbon 13s ease-in-out infinite alternate; pointer-events: none; }
.help-hero-layout { position: relative; z-index: 1; width: min(100%, var(--max)); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(460px, 1.08fr); align-items: center; gap: 36px 58px; }
.help-hero-layout .support-hero-copy { max-width: 650px; }
.help-hero-layout .support-hero-copy > p { max-width: 620px; font-size: 18px; line-height: 1.85; }
.support-detail-help h1 { margin: 24px 0 28px; font-size: clamp(48px, 4.55vw, 66px); line-height: 1.09; }
.support-detail-help h1 em { margin-top: 0.25em; }
.help-hero-visual { position: relative; min-width: 0; padding: 26px; isolation: isolate; }
.help-hero-visual::before { content: ""; position: absolute; z-index: -2; inset: 2% -2%; opacity: 0.62; background-image: radial-gradient(circle, rgba(95, 93, 183, 0.3) 1px, transparent 1.2px); background-size: 20px 20px; mask-image: radial-gradient(ellipse, #000 18%, transparent 68%); transform: rotate(-4deg); }
.help-hero-visual::after { content: ""; position: absolute; z-index: -1; width: 360px; height: 360px; right: -10px; top: -18px; border: 1px solid rgba(77, 141, 255, 0.16); border-radius: 50%; box-shadow: 0 0 0 42px rgba(22, 199, 132, 0.035), 0 0 0 84px rgba(139, 92, 246, 0.025); }
.help-hero-window { position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 28px; color: #fff; background: radial-gradient(circle at 92% 3%, rgba(91, 144, 255, 0.2), transparent 34%), radial-gradient(circle at 5% 95%, rgba(28, 210, 157, 0.14), transparent 28%), linear-gradient(145deg, #111829, #0c1120 62%, #17142c); box-shadow: 0 42px 90px rgba(30, 38, 76, 0.28), 0 0 0 8px rgba(255, 255, 255, 0.5); transform: perspective(1200px) rotateY(-3deg) rotateX(1deg); animation: browser-float 7s ease-in-out infinite; }
.help-hero-window::before { content: ""; position: absolute; top: -36%; bottom: -36%; left: -44%; width: 25%; opacity: 0; background: linear-gradient(90deg, transparent, rgba(79, 220, 255, 0.1), rgba(255, 255, 255, 0.28), rgba(168, 125, 255, 0.1), transparent); filter: blur(8px); transform: translate3d(-180%, 0, 0) skewX(-18deg); animation: dark-card-sheen 12.8s cubic-bezier(0.2, 0.58, 0.38, 1) -4s infinite; pointer-events: none; }
.help-hero-windowbar { height: 54px; padding: 0 17px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.09); background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(18px); }
.help-hero-windowbar .mac-window-controls { display: flex; gap: 7px; }
.help-hero-windowbar .mac-window-controls i { width: 10px; height: 10px; border-radius: 50%; box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.18); }
.help-hero-windowbar .mac-window-controls i:nth-child(1) { background: #ff5f57; }
.help-hero-windowbar .mac-window-controls i:nth-child(2) { background: #febc2e; }
.help-hero-windowbar .mac-window-controls i:nth-child(3) { background: #28c840; }
.help-hero-windowbar > strong { display: flex; align-items: center; gap: 8px; color: #edf2fb; font-size: 14px; }
.help-hero-windowbar > strong img { width: 25px; height: 25px; border: 0; border-radius: 8px; background: transparent; object-fit: contain; }
.help-hero-windowbar > b { justify-self: end; display: flex; align-items: center; gap: 7px; color: #94a5bb; font-size: 12px; font-weight: 700; }
.help-hero-windowbar > b i { width: 7px; height: 7px; border-radius: 50%; background: #45ddb2; box-shadow: 0 0 0 4px rgba(69, 221, 178, 0.09), 0 0 14px rgba(69, 221, 178, 0.7); }
.help-hero-flow { position: relative; padding: 22px; display: grid; gap: 9px; }
.help-hero-flow::before { content: ""; position: absolute; left: 47px; top: 47px; bottom: 47px; width: 1px; background: linear-gradient(#46ddb0, #a78bfa 34%, #60a5fa 62%, #fb923c 82%, #fff); opacity: 0.36; }
.help-hero-flow article { --hero-step: #46ddb0; position: relative; min-width: 0; padding: 12px 14px; display: flex; align-items: center; gap: 14px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.085); border-radius: 16px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045); transition: transform 0.28s ease, border-color 0.28s ease, background 0.28s ease; }
.help-hero-flow article:nth-child(2) { --hero-step: #a78bfa; }
.help-hero-flow article:nth-child(3) { --hero-step: #60a5fa; }
.help-hero-flow article:nth-child(4) { --hero-step: #fb923c; }
.help-hero-flow article:nth-child(5) { --hero-step: #f7f8fc; }
.help-hero-flow article > span { position: relative; z-index: 1; width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--hero-step) 50%, transparent); border-radius: 11px; color: var(--hero-step); background: color-mix(in srgb, var(--hero-step) 10%, transparent); box-shadow: 0 0 20px color-mix(in srgb, var(--hero-step) 10%, transparent); font-size: 12px; font-weight: 900; }
.help-hero-flow article > div, .help-hero-flow article strong, .help-hero-flow article small { min-width: 0; display: block; }
.help-hero-flow article strong { color: #f7f9fd; font-size: 15px; }
.help-hero-flow article small { margin-top: 3px; color: #9eacc2; font-size: 12px; }
.help-hero-status { margin: 0 22px 22px; padding: 13px 15px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid rgba(70, 221, 176, 0.18); border-radius: 14px; color: #b8c5d8; background: linear-gradient(90deg, rgba(24, 196, 140, 0.11), rgba(96, 165, 250, 0.07)); font-size: 13px; }
.help-hero-status span { display: flex; align-items: center; gap: 8px; }
.help-hero-status i { width: 7px; height: 7px; border-radius: 50%; background: #46ddb0; box-shadow: 0 0 12px rgba(70, 221, 176, 0.72); }
.help-hero-status strong { color: #70e1bd; font-size: 14px; }
.help-hero-layout .help-jump-nav { grid-column: 1 / -1; width: 100%; margin-top: 2px; }
.support-detail-business { background: radial-gradient(circle at 86% 22%, rgba(139, 92, 246, 0.15), transparent 32%), radial-gradient(circle at 9% 80%, rgba(77, 141, 255, 0.09), transparent 28%), linear-gradient(180deg, #fbfbff, #f7f9fd 76%, #fff); }
.support-detail-feedback { background: radial-gradient(circle at 84% 24%, rgba(22, 199, 132, 0.13), transparent 31%), radial-gradient(circle at 10% 82%, rgba(77, 141, 255, 0.09), transparent 28%), linear-gradient(180deg, #fbfbff, #f7f9fd 76%, #fff); }
.support-detail-hero h1 { margin: 24px 0; font-size: clamp(48px, 5vw, 72px); line-height: 1.08; letter-spacing: -0.055em; }
.support-detail-hero h1 span, .support-detail-hero h1 em { display: block; white-space: nowrap; }
.support-detail-hero h1 em { margin-top: 0.2em; }
.support-detail-feedback .support-hero-copy > p { max-width: 820px; text-wrap: balance; }
.support-next { margin-top: 30px; padding: 26px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(135deg, #f5fbf8, #f7f4ff); }
.support-next strong, .support-next span { display: block; }
.support-next strong { font-size: 17px; }
.support-next span { margin-top: 6px; color: var(--muted); font-size: 14px; text-wrap: balance; }
.help-jump-nav { width: min(1100px, 100%); margin-top: 34px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.help-jump-nav a { --help-jump-accent: #2563eb; --help-jump-soft: #eff6ff; min-width: 0; min-height: 82px; padding: 15px 16px; display: flex; align-items: center; gap: 12px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--help-jump-accent) 22%, transparent); border-radius: 20px; color: #252c3d; background: linear-gradient(145deg, var(--help-jump-soft), rgba(255, 255, 255, 0.9)); box-shadow: 0 12px 30px color-mix(in srgb, var(--help-jump-accent) 9%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.82); transition: transform 0.24s ease, color 0.24s ease, border-color 0.24s ease, background 0.24s ease, box-shadow 0.24s ease; }
.help-jump-nav a:nth-child(2) { --help-jump-accent: #7c3aed; --help-jump-soft: #f5f3ff; }
.help-jump-nav a:nth-child(3) { --help-jump-accent: #07836c; --help-jump-soft: #ecfdf5; }
.help-jump-nav a:nth-child(4) { --help-jump-accent: #c66a0a; --help-jump-soft: #fff7ed; }
.help-jump-nav a:nth-child(5) { --help-jump-accent: #11172a; --help-jump-soft: #f1f3f7; }
.help-jump-index { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: var(--help-jump-accent); font-size: 12px; font-weight: 900; box-shadow: 0 8px 20px color-mix(in srgb, var(--help-jump-accent) 24%, transparent); }
.help-jump-copy, .help-jump-copy strong, .help-jump-copy small { min-width: 0; display: block; }
.help-jump-copy strong { font-size: 16px; line-height: 1.25; white-space: nowrap; }
.help-jump-copy small { margin-top: 5px; color: color-mix(in srgb, var(--help-jump-accent) 74%, #5f687a); font-size: 13px; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.help-guide-section, .help-faq-section, #api-setup { scroll-margin-top: 108px; }
.help-guide-section { padding-top: 108px; }
.help-section-heading { max-width: 800px; margin-bottom: 42px; }
.help-section-heading h2 { margin: 18px 0 15px; font-size: 42px; line-height: 1.18; letter-spacing: 0; }
.help-section-heading > p { max-width: 760px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.85; }
.help-onboarding-panel { display: grid; grid-template-columns: minmax(0, 1fr) 310px; overflow: hidden; border: 1px solid var(--line); border-radius: 26px; background: #fff; box-shadow: 0 20px 54px rgba(45, 52, 91, 0.06); }
.help-onboarding-list { min-width: 0; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; }
.help-onboarding-list li { --help-onboard-accent: #7c3aed; --help-onboard-soft: #f5f3ff; min-width: 0; padding: 26px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 15px; border-bottom: 1px solid var(--line); }
.help-onboarding-list li:nth-child(1) { --help-onboard-accent: #2563eb; --help-onboard-soft: #eff6ff; }
.help-onboarding-list li:nth-child(2) { --help-onboard-accent: #07836c; --help-onboard-soft: #ecfdf5; }
.help-onboarding-list li:nth-child(4) { --help-onboard-accent: #c66a0a; --help-onboard-soft: #fff7ed; }
.help-onboarding-list li:nth-child(odd) { border-right: 1px solid var(--line); }
.help-onboarding-list li:nth-last-child(-n + 2) { border-bottom: 0; }
.help-onboarding-list li > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: var(--help-onboard-accent); background: var(--help-onboard-soft); font-size: 10px; font-weight: 900; }
.help-onboarding-list strong, .help-onboarding-list p { display: block; }
.help-onboarding-list strong { font-size: 17px; }
.help-onboarding-list p { margin: 8px 0 0; color: var(--muted); font-size: 15px; line-height: 1.8; }
.help-first-tip { padding: 34px 30px; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid rgba(255, 255, 255, 0.12); color: #fff; background: linear-gradient(155deg, #131a2d, #101522 58%, #13283b); }
.help-first-tip strong, .help-first-tip span { display: block; }
.help-first-tip strong { color: #70e1bd; font-size: 17px; }
.help-first-tip span { margin-top: 12px; color: #c7d2e6; font-size: 15px; line-height: 1.8; }
.help-processing-map { position: relative; padding: 28px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 32px; color: #fff; background: radial-gradient(circle at 8% 0%, rgba(36, 199, 146, 0.2), transparent 31%), radial-gradient(circle at 92% 100%, rgba(103, 88, 235, 0.24), transparent 33%), linear-gradient(145deg, #101728, #111426 58%, #17132b); box-shadow: 0 30px 80px rgba(24, 31, 55, 0.18); }
.help-processing-map::before { content: ""; position: absolute; inset: 0; opacity: 0.26; background-image: linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(135deg, #000, transparent 78%); pointer-events: none; }
.help-processing-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.help-processing-step { --process-accent: #6ee7bd; position: relative; min-width: 0; min-height: 228px; padding: 22px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; background: linear-gradient(155deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08); backdrop-filter: blur(16px); }
.help-processing-step:nth-child(2) { --process-accent: #a78bfa; }
.help-processing-step:nth-child(3) { --process-accent: #60a5fa; }
.help-processing-step:nth-child(4) { --process-accent: #fb923c; }
.help-processing-step::after { content: ""; position: absolute; width: 120px; height: 120px; right: -70px; bottom: -76px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--process-accent) 22%, transparent), transparent 70%); }
.help-processing-step > span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--process-accent) 50%, transparent); border-radius: 12px; color: var(--process-accent); background: color-mix(in srgb, var(--process-accent) 10%, transparent); font-size: 10px; font-weight: 900; }
.help-processing-step > strong { margin-top: 28px; display: block; color: #fff; font-size: 18px; }
.help-processing-step > p { margin: 9px 0 0; color: #bdc8d9; font-size: 15px; line-height: 1.8; }
.help-visual-signals { margin: 14px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; list-style: none; }
.help-visual-signals li { padding: 6px 9px; border: 1px solid rgba(96, 165, 250, 0.2); border-radius: 999px; color: #bfdbfe; background: rgba(96, 165, 250, 0.08); font-size: 12px; }
.help-processing-branches { position: relative; z-index: 1; margin-top: 14px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.help-processing-branch { min-width: 0; padding: 22px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; background: rgba(255, 255, 255, 0.055); }
.help-processing-branch.template { border-color: rgba(250, 204, 21, 0.22); background: linear-gradient(140deg, rgba(250, 204, 21, 0.1), rgba(255, 255, 255, 0.035)); }
.help-processing-branch.material { border-color: rgba(251, 146, 60, 0.24); background: linear-gradient(140deg, rgba(251, 146, 60, 0.11), rgba(255, 255, 255, 0.035)); }
.help-processing-branch header { display: flex; align-items: center; gap: 12px; }
.help-processing-branch header span { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; color: #11172a; background: #fde68a; font-size: 12px; font-weight: 900; }
.help-processing-branch.material header span { background: #fdba74; }
.help-processing-branch header strong { font-size: 17px; }
.help-processing-branch > p { margin: 12px 0 0; color: #bdc8d9; font-size: 15px; line-height: 1.8; }
.help-processing-human { position: relative; z-index: 1; margin-top: 14px; padding: 18px 22px; display: flex; align-items: center; gap: 18px; border: 1px solid rgba(110, 231, 189, 0.22); border-radius: 18px; background: linear-gradient(90deg, rgba(16, 185, 129, 0.13), rgba(96, 165, 250, 0.08)); }
.help-processing-human > span { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; color: #073f31; background: #6ee7bd; font-size: 12px; font-weight: 900; }
.help-processing-human strong, .help-processing-human p { display: block; }
.help-processing-human strong { font-size: 17px; }
.help-processing-human p { margin: 5px 0 0; color: #bdc8d9; font-size: 14px; line-height: 1.7; }
.help-learning-section { padding: 82px 0 48px; background: linear-gradient(180deg, #fff, #f6f7ff); }
.help-learning-section + .help-guide-section { padding-top: 56px; }
.help-learning-heading { max-width: none; margin-bottom: 28px; display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); align-items: end; gap: 48px; }
.help-learning-heading h2 { margin-bottom: 0; }
.help-learning-heading > p { max-width: none; }
.help-learning-panel { position: relative; padding: 30px; overflow: hidden; border: 1px solid rgba(117, 132, 205, 0.24); border-radius: 34px; color: #f6f8ff; background: radial-gradient(circle at 84% -8%, rgba(105, 76, 255, 0.34), transparent 31%), radial-gradient(circle at -3% 104%, rgba(0, 207, 175, 0.17), transparent 34%), linear-gradient(145deg, #0a1020, #12182b 54%, #0b1121); box-shadow: 0 34px 80px rgba(20, 27, 59, 0.2); isolation: isolate; }
.help-learning-panel::before { content: ""; position: absolute; top: -45%; left: -25%; width: 24%; height: 190%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.085), transparent); transform: rotate(18deg); animation: help-learning-sheen 8s ease-in-out infinite; pointer-events: none; z-index: -1; }
.help-learning-orbit { position: absolute; width: 330px; height: 330px; top: -210px; right: 8%; border: 1px solid rgba(139, 123, 255, 0.2); border-radius: 50%; box-shadow: 0 0 0 48px rgba(108, 88, 255, 0.035), 0 0 0 96px rgba(108, 88, 255, 0.02); pointer-events: none; }
.help-learning-intro { position: relative; display: grid; grid-template-columns: minmax(310px, 0.95fr) minmax(260px, 1.05fr); align-items: center; gap: 34px; padding-bottom: 25px; border-bottom: 1px solid rgba(164, 178, 226, 0.13); }
.help-learning-intro-copy { min-width: 0; display: flex; align-items: center; gap: 15px; }
.help-learning-intro-copy > div, .help-learning-intro-copy small, .help-learning-intro-copy strong { min-width: 0; display: block; }
.help-learning-intro-copy small, .help-learning-stage-heading span, .help-learning-safety small, .help-learning-note small { color: #8fa0c0; font-size: 11px; font-weight: 850; letter-spacing: 0.13em; }
.help-learning-intro-copy strong { margin-top: 5px; color: #fff; font-size: clamp(19px, 1.8vw, 25px); letter-spacing: -0.03em; }
.help-learning-mark { position: relative; width: 48px; height: 48px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(114, 238, 210, 0.24); border-radius: 16px; background: linear-gradient(145deg, rgba(14, 189, 153, 0.22), rgba(91, 104, 255, 0.12)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 14px 28px rgba(0, 0, 0, 0.2); }
.help-learning-mark::before { content: ""; width: 20px; height: 24px; border: 2px solid #69e5c1; border-radius: 7px 7px 10px 10px; clip-path: polygon(0 0, 100% 0, 100% 72%, 50% 100%, 0 72%); }
.help-learning-mark i { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #71efc9; box-shadow: 0 0 14px #45dbb2; }
.help-learning-intro > p { margin: 0; color: #aeb9cf; font-size: 15px; line-height: 1.75; }
.help-learning-formats { grid-column: 1 / -1; margin-top: -10px; display: flex; flex-wrap: wrap; gap: 8px; }
.help-learning-formats span { padding: 7px 11px; border: 1px solid rgba(149, 166, 221, 0.14); border-radius: 999px; color: #cdd5e7; background: rgba(255, 255, 255, 0.045); font-size: 12px; font-weight: 750; }
.help-learning-stage { position: relative; margin-top: 24px; }
.help-learning-stage-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.help-learning-stage-heading span { color: #8f7dff; }
.help-learning-stage-heading em { color: #7f8ba5; font-size: 12px; font-style: normal; font-weight: 750; }
.help-learning-flow { position: relative; margin: 17px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; list-style: none; }
.help-learning-flow::before { content: ""; position: absolute; top: 26px; left: 7%; right: 7%; height: 1px; background: linear-gradient(90deg, #3478ff, #10b99b 34%, #8756ff 68%, #e78621); opacity: 0.52; }
.help-learning-flow li { --learning-accent: #3478ff; position: relative; min-width: 0; min-height: 185px; padding: 17px; overflow: hidden; border: 1px solid rgba(146, 164, 220, 0.12); border-radius: 20px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.025)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045); transition: transform 0.24s ease, border-color 0.24s ease, background 0.24s ease, box-shadow 0.24s ease; }
.help-learning-flow li::after { content: ""; position: absolute; inset: auto 12% 0; height: 2px; background: var(--learning-accent); box-shadow: 0 0 18px var(--learning-accent); opacity: 0.7; }
.help-learning-flow li:nth-child(2) { --learning-accent: #10b99b; }
.help-learning-flow li:nth-child(3) { --learning-accent: #8756ff; }
.help-learning-flow li:nth-child(4) { --learning-accent: #e78621; }
.help-learning-step-head { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; z-index: 1; }
.help-learning-step-head > span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--learning-accent) 52%, transparent); border-radius: 12px; color: #fff; background: color-mix(in srgb, var(--learning-accent) 30%, #10172a); box-shadow: 0 0 22px color-mix(in srgb, var(--learning-accent) 18%, transparent); font-size: 11px; font-weight: 900; }
.help-learning-step-head em { color: color-mix(in srgb, var(--learning-accent) 72%, #fff); font-size: 11px; font-style: normal; font-weight: 800; }
.help-learning-flow strong { margin-top: 19px; display: block; color: #f7f8fc; font-size: 17px; }
.help-learning-flow p { margin: 8px 0 0; color: #97a4bd; font-size: 13px; line-height: 1.68; }
.help-learning-footer { margin-top: 14px; display: grid; grid-template-columns: minmax(250px, 0.72fr) minmax(0, 1.28fr); gap: 12px; }
.help-learning-safety, .help-learning-note { min-width: 0; padding: 17px 18px; border: 1px solid rgba(149, 166, 221, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.035); }
.help-learning-safety { display: flex; align-items: center; gap: 14px; }
.help-learning-safety > span { width: 40px; height: 40px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 13px; background: rgba(32, 207, 159, 0.11); }
.help-learning-safety > span::before { content: ""; width: 16px; height: 19px; border: 2px solid #44dbb1; border-radius: 5px 5px 8px 8px; clip-path: polygon(0 0, 100% 0, 100% 72%, 50% 100%, 0 72%); }
.help-learning-safety small, .help-learning-safety strong, .help-learning-safety p, .help-learning-note small, .help-learning-note strong, .help-learning-note p { display: block; }
.help-learning-safety small { color: #55ddb7; }
.help-learning-safety strong, .help-learning-note strong { margin-top: 4px; color: #f4f6fb; font-size: 15px; }
.help-learning-safety p, .help-learning-note p { margin: 5px 0 0; color: #8f9bb3; font-size: 12px; line-height: 1.6; }
.help-learning-note { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; }
.help-learning-note small { color: #9d8cff; }
.help-learning-note > span { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.help-learning-note > span em { padding: 7px 9px; border: 1px solid rgba(145, 124, 255, 0.2); border-radius: 10px; color: #d7d0ff; background: rgba(117, 86, 255, 0.09); font-size: 11px; font-style: normal; font-weight: 800; }
.help-learning-note > span i { color: #64718b; font-size: 12px; font-style: normal; font-weight: 900; }
@keyframes help-learning-sheen { 0%, 58% { left: -30%; opacity: 0; } 66% { opacity: 1; } 82%, 100% { left: 116%; opacity: 0; } }
@media (hover: hover) and (pointer: fine) { .help-learning-flow li:hover { border-color: color-mix(in srgb, var(--learning-accent) 38%, transparent); background: linear-gradient(145deg, color-mix(in srgb, var(--learning-accent) 12%, rgba(255, 255, 255, 0.07)), rgba(255, 255, 255, 0.028)); box-shadow: 0 20px 34px rgba(1, 5, 14, 0.2); transform: translateY(-5px); } }
.help-workflow { margin: 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.help-workflow > li { min-width: 0; padding: 30px 0; display: grid; grid-template-columns: 72px minmax(0, 1fr) minmax(210px, 0.34fr); align-items: start; gap: 28px; border-bottom: 1px solid var(--line); }
.help-workflow > li:nth-child(1) { --help-step-accent: #07836c; --help-step-soft: #ecfdf5; }
.help-workflow > li:nth-child(2) { --help-step-accent: #7c3aed; --help-step-soft: #f5f3ff; }
.help-workflow > li:nth-child(3) { --help-step-accent: #2563eb; --help-step-soft: #eff6ff; }
.help-workflow > li:nth-child(4) { --help-step-accent: #c66a0a; --help-step-soft: #fff7ed; }
.help-workflow > li:nth-child(5) { --help-step-accent: #11172a; --help-step-soft: #eef1f6; }
.help-step-number { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--help-step-accent); font-size: 11px; font-weight: 900; box-shadow: 0 0 0 6px var(--help-step-soft); }
.help-step-copy { min-width: 0; }
.help-step-copy > strong { display: block; font-size: 21px; }
.help-step-copy > p { margin: 9px 0 0; color: #5f687a; font-size: 16px; line-height: 1.85; text-wrap: balance; }
.help-step-copy ul { margin: 13px 0 0; padding: 0; display: grid; gap: 7px; list-style: none; }
.help-step-copy li { position: relative; padding-left: 17px; color: #6f788a; font-size: 15px; line-height: 1.75; }
.help-step-copy li::before { content: ""; position: absolute; left: 0; top: 0.68em; width: 5px; height: 5px; border-radius: 50%; background: var(--help-step-accent); }
.help-workflow > li > em { align-self: center; padding-left: 18px; border-left: 2px solid var(--help-step-accent); color: #5f687a; font-size: 14px; font-style: normal; font-weight: 700; line-height: 1.75; }
.help-workflow > li > em .help-completion-line { display: block; white-space: nowrap; }
.help-api-section { padding: 108px 24px; color: #fff; background: radial-gradient(circle at 12% 22%, rgba(22, 199, 132, 0.17), transparent 28%), radial-gradient(circle at 88% 82%, rgba(77, 141, 255, 0.18), transparent 31%), #0d1322; }
.help-api-inner { width: min(var(--max), calc(100% - 8px)); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr); align-items: start; gap: 78px; }
.help-api-copy { position: sticky; top: 120px; }
.help-api-copy .eyebrow { color: #86e9c8; }
.help-api-copy h2 { margin: 20px 0; font-size: 42px; line-height: 1.2; letter-spacing: 0; white-space: nowrap; }
.help-api-copy > p { margin: 0; color: #c5cedd; font-size: 17px; line-height: 1.85; }
.help-api-safety { margin-top: 28px; padding: 19px 0 0 18px; border-top: 1px solid rgba(255, 255, 255, 0.12); border-left: 3px solid #39d7a8; }
.help-api-safety strong, .help-api-safety span { display: block; }
.help-api-safety strong { color: #79e3c2; font-size: 15px; }
.help-api-safety span { margin-top: 7px; color: #aebbd0; font-size: 14px; line-height: 1.75; }
.help-api-order { margin: 0; padding: 0; border-top: 1px solid rgba(255, 255, 255, 0.12); list-style: none; }
.help-api-order li { min-width: 0; padding: 22px 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 17px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.help-api-order li > span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(112, 225, 189, 0.48); border-radius: 50%; color: #70e1bd; font-size: 10px; font-weight: 900; }
.help-api-order strong, .help-api-order p { display: block; }
.help-api-order strong { font-size: 17px; }
.help-api-order p { margin: 7px 0 0; color: #aebbd0; font-size: 14px; line-height: 1.8; }
.help-faq-section { padding-top: 110px; }
.help-group { --help-accent: #7c3aed; --help-soft: #f5f3ff; --help-edge: rgba(124, 58, 237, 0.25); --help-shadow: rgba(124, 58, 237, 0.1); --help-muted: #8272a8; }
.help-group-install { --help-accent: #2563eb; --help-soft: #eff6ff; --help-edge: rgba(37, 99, 235, 0.25); --help-shadow: rgba(37, 99, 235, 0.1); --help-muted: #6d7fa6; }
.help-group-api { --help-accent: #07836c; --help-soft: #ecfdf5; --help-edge: rgba(7, 131, 108, 0.25); --help-shadow: rgba(7, 131, 108, 0.1); --help-muted: #628d83; }
.help-group-project { --help-accent: #7c3aed; --help-soft: #f5f3ff; --help-edge: rgba(124, 58, 237, 0.25); --help-shadow: rgba(124, 58, 237, 0.1); --help-muted: #8272a8; }
.help-group-output { --help-accent: #c66a0a; --help-soft: #fff7ed; --help-edge: rgba(198, 106, 10, 0.27); --help-shadow: rgba(198, 106, 10, 0.1); --help-muted: #9a7957; }
.help-group-workspace { --help-accent: #0891b2; --help-soft: #ecfeff; --help-edge: rgba(8, 145, 178, 0.25); --help-shadow: rgba(8, 145, 178, 0.1); --help-muted: #5f8a95; }
.help-group + .help-group { margin-top: 60px; }
.help-group-heading { position: relative; margin-bottom: 17px; padding-bottom: 14px; display: flex; align-items: end; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); }
.help-group-heading::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 88px; height: 2px; border-radius: 2px; background: var(--help-accent); }
.help-group-heading span { color: var(--help-accent); font-size: 20px; font-weight: 900; }
.help-group-heading p { margin: 0; color: var(--help-muted); font-size: 14px; }
.help-group .help-card summary > span { color: var(--help-accent); background: var(--help-soft); }
.help-group .help-card summary i { border-color: var(--help-edge); background: var(--help-soft); }
.help-group .help-card summary i::before, .help-group .help-card summary i::after { background: var(--help-accent); }
.help-group .help-card[open] { border-color: var(--help-edge); box-shadow: 0 18px 46px var(--help-shadow); }
.help-group .help-card[open] summary { background: linear-gradient(90deg, var(--help-soft), #fff 46%); }
.help-card > p b { color: #343b4d; }
@media (hover: hover) {
  .help-jump-nav a:hover { color: #fff; border-color: var(--help-jump-accent); background: var(--help-jump-accent); box-shadow: 0 18px 38px color-mix(in srgb, var(--help-jump-accent) 23%, transparent); transform: translateY(-4px); }
  .help-jump-nav a:hover .help-jump-index { color: var(--help-jump-accent); background: #fff; }
  .help-jump-nav a:hover .help-jump-copy small { color: rgba(255, 255, 255, 0.76); }
  .help-group .help-card:hover { transform: translateY(-2px); border-color: var(--help-edge); box-shadow: 0 18px 46px var(--help-shadow); }
}
.help-jump-nav a:focus-visible { color: #fff; border-color: var(--help-jump-accent); background: var(--help-jump-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--help-jump-accent) 20%, transparent); outline: none; transform: translateY(-2px); }
.help-jump-nav a:focus-visible .help-jump-index { color: var(--help-jump-accent); background: #fff; }
.help-jump-nav a:focus-visible .help-jump-copy small { color: rgba(255, 255, 255, 0.76); }
.social-contact-section { padding-top: 76px; border-top: 1px solid var(--line); }
.social-contact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.home-social-grid { position: relative; z-index: 1; margin-top: 14px; }
.social-contact-card { position: relative; width: 100%; min-width: 0; min-height: 78px; padding: 15px; display: flex; align-items: center; gap: 10px; overflow: visible; border: 1px solid var(--line); border-radius: 18px; color: var(--ink); background: #fff; box-shadow: 0 12px 32px rgba(45, 52, 91, 0.055); font: inherit; text-align: left; cursor: pointer; transition: transform 0.28s ease, color 0.28s ease, border-color 0.28s ease, background 0.28s ease, box-shadow 0.28s ease; }
.social-letter { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(77, 141, 255, 0.15); border-radius: 13px; color: #296dcc; background: linear-gradient(145deg, #edf5ff, #f7f2ff); font-size: 13px; font-weight: 900; }
.social-letter img { width: 100%; height: 100%; display: block; border-radius: 11px; object-fit: cover; }
.social-contact-card[data-platform="official"] { --social-active: linear-gradient(135deg, #14cf73, #07c160); --social-border: #07a952; --social-ink: #fff; --social-shadow: rgba(7, 193, 96, 0.28); }
.social-contact-card[data-platform="channels"] { --social-active: linear-gradient(135deg, #ffb03a, #ff7a00); --social-border: #e86b00; --social-ink: #fff; --social-shadow: rgba(255, 122, 0, 0.3); }
.social-contact-card[data-platform="douyin"] { --social-active: linear-gradient(135deg, #252525, #050505); --social-border: #050505; --social-ink: #fff; --social-shadow: rgba(0, 0, 0, 0.28); }
.social-contact-card[data-platform="xiaohongshu"] { --social-active: linear-gradient(135deg, #ff4963, #ff2442); --social-border: #e81331; --social-ink: #fff; --social-shadow: rgba(255, 36, 66, 0.28); }
.social-contact-card[data-platform="official"] .social-letter { color: #07c160; background: #e7faef; }
.social-contact-card[data-platform="channels"] .social-letter { color: #ff7a00; background: #fff1e2; }
.social-contact-card[data-platform="douyin"] .social-letter { color: #000; background: #f0f0f0; }
.social-contact-card[data-platform="xiaohongshu"] .social-letter { color: #ff2442; background: #fff0f2; }
.social-contact-card[aria-pressed="true"] { color: var(--social-ink); border-color: var(--social-border); background: var(--social-active); box-shadow: 0 18px 42px var(--social-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.7); transform: translateY(-3px); }
.social-contact-card[aria-pressed="true"] .social-letter { color: var(--social-ink); border-color: rgba(255, 255, 255, 0.72); background: rgba(255, 255, 255, 0.76); box-shadow: 0 8px 18px rgba(40, 48, 80, 0.09); }
.social-contact-card strong, .social-contact-card small { display: block; }
.social-contact-card strong, .social-contact-card small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.social-contact-card strong { font-size: 15px; }
.social-contact-card small { margin-top: 4px; color: #757e90; font-size: 12px; line-height: 1.4; }
.social-contact-card[aria-pressed="true"] small { color: color-mix(in srgb, var(--social-ink) 72%, transparent); }

@media (hover: hover) {
  .social-contact-card:hover, .social-contact-card:focus-visible { color: var(--social-ink); border-color: var(--social-border); background: var(--social-active); box-shadow: 0 18px 42px var(--social-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.7); outline: none; transform: translateY(-3px); }
  .social-contact-card:hover .social-letter, .social-contact-card:focus-visible .social-letter { color: var(--social-ink); border-color: rgba(255, 255, 255, 0.72); background: rgba(255, 255, 255, 0.76); box-shadow: 0 8px 18px rgba(40, 48, 80, 0.09); }
  .social-contact-card:hover small, .social-contact-card:focus-visible small { color: color-mix(in srgb, var(--social-ink) 72%, transparent); }
}

/* 全站统一深蓝主题：悬浮工具条基础样式直接采用深蓝面板，禁止白色背景冲突 */
.quick-toolbar { position: fixed; z-index: 96; right: 18px; top: auto; bottom: 112px; width: 76px; overflow: hidden; display: grid; border: 1px solid rgba(148, 170, 255, 0.16); border-radius: 21px; background: rgba(7, 15, 38, 0.85); box-shadow: 0 20px 60px rgba(0, 2, 12, 0.5); backdrop-filter: blur(22px) saturate(160%); transform: none; }
.quick-toolbar button { min-height: 72px; padding: 10px 6px; display: grid; place-items: center; align-content: center; gap: 6px; border: 0; color: #9aa7c7; background: transparent; cursor: pointer; transition: color 0.24s ease, background 0.24s ease, transform 0.24s ease; }
.quick-toolbar button + button { border-top: 1px solid rgba(148, 170, 255, 0.12); }
.quick-toolbar button:hover, .quick-toolbar button:focus-visible { color: #f2f5ff; background: rgba(139, 115, 255, 0.16); outline: none; }
.quick-toolbar button:active { transform: scale(0.96); }
.quick-tool-icon { width: 27px; height: 27px; display: grid; place-items: center; }
.quick-tool-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.quick-toolbar strong { max-width: 64px; font-size: 11px; font-weight: 750; line-height: 1.25; text-align: center; }

.tool-dialog { width: min(calc(100% - 32px), 660px); max-height: min(86vh, 760px); padding: 0; overflow: auto; border: 0; border-radius: 28px; color: var(--ink); background: transparent; box-shadow: 0 42px 120px rgba(15, 20, 40, 0.32); }
.tool-dialog::backdrop { background: rgba(12, 17, 30, 0.55); backdrop-filter: blur(9px); }
.tool-dialog-shell { position: relative; padding: 42px; background: radial-gradient(circle at 92% 0%, rgba(139, 92, 246, 0.11), transparent 32%), linear-gradient(145deg, #fff, #f7f9fd); }
.tool-dialog-close { position: absolute; top: 18px; right: 18px; width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 13px; color: #51596a; background: rgba(255, 255, 255, 0.76); font-size: 24px; cursor: pointer; }
.tool-dialog-heading > span { color: var(--purple-dark); font-size: 10px; font-weight: 850; letter-spacing: 0.12em; text-transform: uppercase; }
.tool-dialog-heading h2 { margin: 7px 0 8px; font-size: 32px; letter-spacing: -0.045em; }
.tool-dialog-heading p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
.site-search-field { margin-top: 24px; padding: 0 15px; height: 56px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(77, 141, 255, 0.24); border-radius: 17px; background: rgba(255, 255, 255, 0.88); box-shadow: 0 12px 30px rgba(45, 52, 91, 0.07); }
.site-search-field svg { width: 21px; height: 21px; flex: 0 0 21px; fill: none; stroke: #6d7587; stroke-width: 1.7; stroke-linecap: round; }
.site-search-field input { width: 100%; min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font: inherit; font-size: 14px; }
.site-search-results { margin-top: 14px; display: grid; gap: 8px; }
.site-search-results a { padding: 15px 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid rgba(17, 23, 42, 0.075); border-radius: 15px; background: rgba(255, 255, 255, 0.72); transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease; }
.site-search-results a:hover, .site-search-results a:focus-visible { border-color: rgba(77, 141, 255, 0.28); background: #fff; outline: none; transform: translateX(3px); }
.site-search-results strong, .site-search-results small { display: block; }
.site-search-results strong { font-size: 15px; }
.site-search-results small { margin-top: 4px; color: var(--muted); font-size: 13px; }
.site-search-results b { color: var(--purple-dark); font-size: 16px; }
.site-search-empty { margin: 18px 0 0; color: #7d8596; font-size: 14px; text-align: center; }
.creator-contact-card { margin-top: 26px; padding: 20px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; border: 1px solid rgba(22, 199, 132, 0.16); border-radius: 21px; background: linear-gradient(135deg, rgba(231, 250, 243, 0.9), rgba(245, 241, 255, 0.86)); }
.creator-wechat-mark { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 17px; color: #078d60; background: rgba(255, 255, 255, 0.76); box-shadow: 0 11px 28px rgba(22, 199, 132, 0.13); }
.creator-wechat-mark svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.creator-contact-card strong, .creator-contact-card span { display: block; }
.creator-contact-card strong { font-size: 16px; }
.creator-contact-card span { margin-top: 6px; color: #667083; font-size: 14px; line-height: 1.65; }
.creator-qr { width: 142px; padding: 8px 8px 7px; display: grid; gap: 6px; border: 1px solid rgba(7, 141, 96, 0.18); border-radius: 18px; background: rgba(255, 255, 255, 0.88); box-shadow: 0 12px 30px rgba(22, 96, 70, 0.1); text-align: center; transition: transform 0.24s ease, box-shadow 0.24s ease; }
.creator-qr:hover, .creator-qr:focus-visible { outline: none; transform: translateY(-2px); box-shadow: 0 16px 36px rgba(22, 96, 70, 0.16); }
.creator-qr img { width: 126px; height: 126px; display: block; border-radius: 11px; object-fit: contain; image-rendering: auto; }
.creator-qr small { color: #4f6b61; font-size: 12px; font-weight: 750; }
.creator-feedback-link { margin-top: 16px; display: inline-flex; color: var(--purple-dark); font-size: 14px; font-weight: 800; }

.download-dialog { width: min(calc(100% - 32px), 820px); max-height: min(88vh, 860px); padding: 0; overflow: auto; border: 0; border-radius: 30px; color: var(--ink); background: transparent; box-shadow: 0 42px 120px rgba(15, 20, 40, 0.32); }
.download-dialog::backdrop { background: rgba(14, 18, 32, 0.62); backdrop-filter: blur(8px); }
.dialog-shell { position: relative; padding: 54px 34px 34px; background: #fff; }
.dialog-window-controls { position: absolute; top: 21px; left: 24px; display: flex; gap: 7px; }
.dialog-window-controls span { width: 11px; height: 11px; border-radius: 50%; }
.dialog-window-controls span:nth-child(1) { background: #ff5f57; }
.dialog-window-controls span:nth-child(2) { background: #febc2e; }
.dialog-window-controls span:nth-child(3) { background: #28c840; }
.dialog-close { position: absolute; z-index: 2; top: 20px; right: 20px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 14px; background: var(--soft); font-size: 25px; cursor: pointer; }
.dialog-heading { padding-right: 54px; display: flex; align-items: center; gap: 16px; }
.dialog-heading > img { width: 64px; height: 64px; border: 0; border-radius: 19px; background: transparent; object-fit: contain; }
.dialog-heading span { color: var(--purple-dark); font-size: 11px; font-weight: 800; letter-spacing: 0.1em; }
.dialog-heading h2 { margin: 3px 0 2px; font-size: 32px; letter-spacing: -0.04em; }
.dialog-heading p { margin: 0; color: var(--muted); font-size: 13px; }
.platform-list { margin-top: 28px; display: grid; gap: 16px; }
.platform-card { padding: 22px; border: 1px solid var(--line); border-radius: 22px; background: #fff; }
.platform-card.coming-soon { background: #fafafd; }
.platform-heading { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; }
.platform-symbol { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(17, 23, 42, 0.12); border-radius: 50%; color: #1d1d1f; background: #f5f5f7; box-shadow: none; }
.platform-card.coming-soon .platform-symbol { color: #737b8e; background: #efeff2; }
.platform-symbol svg { width: 23px; height: 23px; fill: currentColor; }
.platform-heading h3 { margin: 0; font-size: 19px; }
.platform-heading p { margin: 3px 0 0; color: var(--muted); font-size: 14px; }
.platform-heading b { padding: 7px 10px; border-radius: 99px; color: var(--green-dark); background: #e8faf3; font-size: 10px; }
.platform-card.coming-soon .platform-heading b { color: #7b8191; background: #eceef2; }
.package-list { margin-top: 18px; display: grid; gap: 10px; }
.package-row { padding: 14px 15px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid rgba(17, 23, 42, 0.08); border-radius: 15px; background: var(--soft); }
.package-row strong, .package-row span { display: block; }
.package-row strong { font-size: 13px; }
.package-row div > span { margin-top: 4px; color: var(--muted); font-size: 13px; }
.package-title-line { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.package-release-inline { margin-top: 0 !important; padding: 4px 8px; display: inline-flex !important; align-items: center; gap: 6px; border: 1px solid rgba(139, 92, 246, 0.15); border-radius: 999px; color: #514179 !important; background: linear-gradient(135deg, #eefaf5, #f3edff); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82); white-space: nowrap; }
.package-release-inline[hidden] { display: none !important; }
.package-release-inline b { color: #1f6c52; font-size: 9px; letter-spacing: -0.01em; }
.package-release-inline small { color: #7a7191; font-size: 8px; }
.package-action { min-width: 96px; padding: 10px 13px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-radius: 11px; color: #fff; background: var(--ink); font-size: 14px; font-weight: 800; }
.package-action small { padding: 3px 5px; border-radius: 5px; color: #4f2fa1; background: #cdbdfc; font-size: 8px; }
.package-action.disabled { color: #858b99; background: #e7e9ee; cursor: not-allowed; }
.dialog-note { margin: 18px 0 0; color: #757e90; font-size: 13px; line-height: 1.65; }

footer { width: min(calc(100% - 48px), var(--max)); margin: 0 auto; padding: 34px 0 46px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 24px; border-top: 1px solid var(--line); }
.footer-brand { grid-column: 1; grid-row: 2; display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
.footer-brand strong, .footer-brand div > span { display: block; }
.footer-brand strong { font-size: 19px; }
.footer-brand div > span { display: none; }
.footer-admin-entry { margin: 0; padding: 0; color: inherit; font: inherit; appearance: none; cursor: default; touch-action: manipulation; }
.footer-admin-entry:focus-visible { outline: 2px solid rgba(104, 211, 239, .72); outline-offset: 6px; border-radius: 8px; }
.footer-links { grid-column: 3; grid-row: 2; display: flex; gap: 24px; color: var(--muted); font-size: 13px; }
.footer-links a { min-height: 44px; display: inline-flex; align-items: center; }
.footer-links a:hover { color: var(--ink); }
footer > p { grid-column: 2; grid-row: 2; margin: 0; color: #8b93a3; font-size: 13px; text-align: left; }
.footer-product-hub { grid-column: 1 / -1; width: 100%; margin-bottom: 12px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.footer-product-hub a { position: relative; min-width: 0; min-height: 92px; padding: 16px 17px; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; align-content: center; column-gap: 10px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .1); border-radius: 18px; color: #eef1f6; background: linear-gradient(145deg, rgba(30, 38, 58, .82), rgba(14, 20, 33, .78)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .065), 0 14px 34px rgba(0, 0, 0, .18); transition: transform .24s cubic-bezier(.16, 1, .3, 1), border-color .24s ease, background .24s ease; }
.footer-product-hub a::after { content: ""; position: absolute; top: -70%; bottom: -70%; left: -38%; width: 24%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .13), transparent); transform: skewX(-17deg); transition: left .7s cubic-bezier(.16, 1, .3, 1); pointer-events: none; }
.footer-product-hub a > span { grid-row: 1 / 3; align-self: center; color: #9480ff; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.footer-product-hub a:nth-child(2) > span { color: #4ed3b8; }
.footer-product-hub a:nth-child(3) > span { color: #67c9ef; }
.footer-product-hub a:nth-child(4) > span { color: #b083ff; }
.footer-product-hub a:nth-child(5) > span { color: #e9ad4e; }
.footer-product-hub strong, .footer-product-hub small { min-width: 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.footer-product-hub strong { font-size: 14px; }
.footer-product-hub small { margin-top: 5px; color: #818a9d; font-size: 11px; }
.footer-product-hub a:hover, .footer-product-hub a:focus-visible { border-color: rgba(139, 117, 255, .32); background: linear-gradient(145deg, rgba(35, 32, 58, .9), rgba(9, 13, 20, .84)); outline: none; transform: translateY(-3px); }
.footer-product-hub a:hover::after, .footer-product-hub a:focus-visible::after { left: 118%; }

.reveal { opacity: 1; transform: none; }
.js .reveal { opacity: 0; transform: translateY(22px); transition: opacity 0.7s ease var(--reveal-delay, 0ms), transform 0.7s ease var(--reveal-delay, 0ms); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.reveal-delay { transition-delay: 0.12s; }

@keyframes ambient-drift {
  from { transform: translate3d(-12px, -6px, 0) scale(0.96); opacity: 0.72; }
  to { transform: translate3d(18px, 12px, 0) scale(1.06); opacity: 1; }
}

@keyframes grid-flow {
  to { background-position: 54px 54px, 54px 54px; }
}

@keyframes gradient-flow {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}

@keyframes glass-sheen {
  0%, 68%, 100% { transform: translateX(-120%); }
  82% { transform: translateX(120%); }
}

@keyframes nav-edge-flow {
  0%, 34%, 100% { opacity: 0; transform: translateX(0); }
  48% { opacity: .9; }
  78% { opacity: .72; transform: translateX(340%); }
  88% { opacity: 0; transform: translateX(420%); }
}

@keyframes cinemaLightSweep {
  0%, 46%, 100% { opacity: 0; transform: translate3d(0, 0, 0) rotate(-14deg); }
  58% { opacity: .12; }
  68% { opacity: .38; }
  84% { opacity: 0; transform: translate3d(145vw, 18vh, 0) rotate(-14deg); }
}

@keyframes aurora-flow {
  0% { transform: translate3d(-2%, -1%, 0) scale(0.96) rotate(-2deg); }
  50% { transform: translate3d(3%, 2%, 0) scale(1.04) rotate(1deg); }
  100% { transform: translate3d(-1%, 4%, 0) scale(1.08) rotate(3deg); }
}

@keyframes light-ribbon {
  from { translate: -3% -2%; scale: 0.92; opacity: 0.48; }
  to { translate: 6% 5%; scale: 1.1; opacity: 0.9; }
}

@keyframes star-drift {
  to { background-position: 68px 34px; }
}

@keyframes meteor-flight {
  0%, 42%, 100% { opacity: 0; transform: translate3d(92px, -40px, 0) rotate(-22deg) scaleX(0.34); }
  46% { opacity: 0.32; transform: translate3d(68px, -30px, 0) rotate(-22deg) scaleX(0.55); }
  50% { opacity: 0.96; transform: translate3d(46px, -20px, 0) rotate(-22deg) scaleX(1); }
  60% { opacity: 0.62; transform: translate3d(-18px, 8px, 0) rotate(-22deg) scaleX(0.88); }
  70% { opacity: 0; transform: translate3d(-92px, 40px, 0) rotate(-22deg) scaleX(0.55); }
}

@keyframes dark-card-sheen {
  0%, 72%, 100% { opacity: 0; transform: translate3d(-180%, 0, 0) skewX(-18deg); }
  76% { opacity: 0.18; }
  84% { opacity: 0.62; }
  92% { opacity: 0; transform: translate3d(620%, 0, 0) skewX(-18deg); }
}

@keyframes orbit-pulse {
  0%, 100% { transform: rotate(0deg) scale(0.94); opacity: 0.56; }
  50% { transform: rotate(7deg) scale(1.08); opacity: 0.92; }
}

@keyframes glow-breathe {
  from { transform: scale(0.92) translate3d(-10px, 4px, 0); opacity: 0.72; }
  to { transform: scale(1.08) translate3d(8px, -6px, 0); opacity: 1; }
}

@keyframes card-float {
  from { transform: translateY(-2px); }
  to { transform: translateY(6px); }
}

@keyframes skeleton-flow {
  0%, 100% { background-position: 100% 50%; opacity: 0.72; }
  50% { background-position: 0% 50%; opacity: 1; }
}

@keyframes window-float {
  0%, 100% { transform: perspective(1200px) rotateY(-4deg) rotateX(1deg) translateY(0); }
  50% { transform: perspective(1200px) rotateY(-3deg) rotateX(0.5deg) translateY(-8px); }
}

@keyframes browser-float {
  0%, 100% { transform: perspective(1200px) rotateY(-2deg) rotateX(1deg) translateY(0); }
  50% { transform: perspective(1200px) rotateY(-1deg) rotateX(0.5deg) translateY(-8px); }
}

@keyframes preview-orbit {
  to { transform: rotate(360deg); }
}

@keyframes browser-scan {
  0%, 58% { left: -45%; opacity: 0; }
  66% { opacity: 1; }
  92%, 100% { left: 118%; opacity: 0; }
}

@media (min-width: 721px) {
  .app-window { animation: window-float 7s ease-in-out infinite; }
}

@media (hover: hover) {
  .trust-item:hover { transform: translateY(-3px); background: #fff; box-shadow: 0 18px 38px rgba(41, 50, 88, 0.09); }
  .program-card:hover { transform: translateY(-6px); box-shadow: 0 30px 76px rgba(41, 50, 88, 0.13); }
  .program-card:hover .mac-preview, .featured-preview:hover .mac-preview { transform: translateY(-4px) scale(1.008); box-shadow: 0 30px 72px rgba(40, 45, 84, 0.28), 0 0 0 6px rgba(255, 255, 255, 0.42); }
  .featured-preview:hover { transform: translateY(-5px); box-shadow: 0 34px 94px rgba(45, 52, 91, 0.18); }
  .release-platforms article[role="button"]:hover { transform: translateY(-3px); border-color: rgba(143, 183, 255, 0.3); background: rgba(255, 255, 255, 0.12); }
  .button-light:hover { box-shadow: 0 22px 48px rgba(4, 8, 24, 0.38), 0 0 0 5px rgba(255, 255, 255, 0.08); }
  .online-preview:hover { transform: translateY(-5px); border-color: rgba(132, 214, 255, 0.38); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.17), 0 50px 104px rgba(0, 0, 0, 0.42), -22px 0 86px rgba(25, 208, 231, 0.11), 22px 0 86px rgba(255, 149, 43, 0.11); }
  .online-feature-grid a:hover { transform: translateY(-7px) scale(1.025); border-color: rgba(85, 219, 235, 0.34); background: rgba(255, 255, 255, 0.095); box-shadow: 0 24px 52px rgba(0, 0, 0, 0.22), 0 0 34px rgba(69, 203, 235, 0.08); }
  .online-feature-grid a:hover::before { transform: scale(1.35); }
  .contact-card:hover { transform: translateY(-5px); border-color: rgba(108, 92, 246, 0.18); box-shadow: 0 25px 60px rgba(41, 50, 88, 0.11); }
  .assurance-card:hover { border-color: color-mix(in srgb, var(--assurance-accent) 27%, transparent); background: linear-gradient(145deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.035)); transform: translateY(-3px); }
  .platform-entry:hover { border-color: color-mix(in srgb, var(--platform-accent) 38%, transparent); box-shadow: 0 26px 58px color-mix(in srgb, var(--platform-accent) 15%, rgba(19, 25, 52, 0.2)); transform: translateY(-6px) scale(1.008); }
  .support-shortcut:hover { transform: translateY(-5px); border-color: rgba(108, 92, 246, 0.18); box-shadow: 0 26px 64px rgba(45, 52, 91, 0.12); }
  .help-hero-flow article:hover { border-color: color-mix(in srgb, var(--hero-step) 32%, transparent); background: linear-gradient(145deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.035)); transform: translateX(5px); }
}

@media (min-width: 1081px) {
  .programs .section-heading p { white-space: nowrap; }
}

@media (max-width: 1180px) {
  .site-header { grid-template-columns: 1fr auto; }
  .nav-open .site-header { overflow: visible; }
  .main-nav { display: none; }
  .nav-toggle { justify-self: end; width: 46px; height: 46px; padding: 13px; display: grid; align-content: center; gap: 5px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.065); }
  .nav-toggle span:not(.sr-only) { display: block; width: 100%; height: 2px; border-radius: 2px; background: #fff; transition: transform 0.2s ease, opacity 0.2s ease; }
  .nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .main-nav.open { position: fixed; top: 104px; left: 16px; right: 16px; width: auto; padding: 14px; display: grid; gap: 5px; border-radius: 20px; border-color: rgba(255,255,255,.13); background: rgba(6,8,13,.94); box-shadow: 0 30px 70px rgba(0,0,0,.5); }
  .main-nav.open a { min-height: 50px; padding: 0 14px; color: rgba(239,242,248,.76); }
  .main-nav.open a:hover, .main-nav.open a:focus-visible, .main-nav.open a[aria-current="page"], .main-nav.open a[aria-current="page"]:hover { transform: none; }
  .header-download { display: none; }
  .hero { min-height: auto; grid-template-columns: 1fr; padding-top: 150px; }
  .hero-content { max-width: 800px; }
  .hero-visual { min-height: 610px; justify-content: center; }
  .app-window { width: min(760px, 92%); }
  .floating-card-top { left: 5%; }
  .floating-card-bottom { right: 3%; }
  .program-grid { grid-template-columns: 1fr; }
  .release-section { min-height: 0; grid-template-columns: 1fr; }
  .release-copy { max-width: 760px; }
  .featured-program { grid-template-columns: 1fr; }
  .featured-copy { max-width: 760px; }
  .pricing-grid { grid-template-columns: 1fr; }
  .pricing-featured { transform: none; }
  .online-inner { grid-template-columns: 1fr; }
  .online-copy { max-width: 780px; }
  .online-preview { width: min(100%, 820px); }
  .home-online-preview { width: min(100%,900px); }
  .online-feature-grid { grid-template-columns: 1fr 1fr; }
  .contact-panel { padding: 54px; }
  .contact-grid { grid-template-columns: 1fr 1fr; }
  .contact-card:last-child { grid-column: 1 / -1; }
  .platform-showcase { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .support-form-section { grid-template-columns: 1fr; gap: 38px; }
  .support-form-copy { position: static; max-width: 760px; }
  .social-contact-grid { grid-template-columns: repeat(3, 1fr); }
  .help-jump-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .help-processing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .help-learning-intro { grid-template-columns: 1fr; gap: 12px; }
  .help-learning-formats { margin-top: 0; }
  .help-learning-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .help-learning-flow::before { display: none; }
  .help-learning-footer { grid-template-columns: 1fr; }
  .help-hero-layout { grid-template-columns: 1fr; }
  .help-hero-layout .support-hero-copy { max-width: 760px; }
  .help-hero-layout .support-hero-copy > p { max-width: 720px; }
  .help-hero-visual { width: min(100%, 760px); margin: 0 auto; }
  .quick-toolbar { right: 12px; width: 68px; }
}

@media (max-width: 720px) {
  .site-header { top: 10px; width: calc(100% - 20px); height: 62px; padding-left: 12px; border-radius: 19px; }
  .brand { font-size: 18px; }
  .brand-mark { width: 38px; height: 38px; }
  .hero { padding: 124px 20px 30px; gap: 18px; }
  .hero-content { text-align: center; }
  .hero-content .eyebrow { justify-content: center; }
  .hero h1 { margin-top: 18px; font-size: clamp(32px, 9.2vw, 42px); line-height: 1.08; letter-spacing: -0.045em; }
  .hero h1 em { margin-top: 0.24em; }
  .hero-content > p { font-size: 16px; line-height: 1.75; }
  .hero-actions { align-items: stretch; }
  .hero-actions .button { width: 100%; }
  .hero-meta { justify-content: center; }
  .hero-visual { min-height: 410px; margin-top: 10px; }
  .app-glow { width: 300px; height: 300px; }
  .app-window { width: 96%; border-radius: 14px; box-shadow: 0 24px 56px rgba(34, 43, 87, 0.24), 0 0 0 5px rgba(255, 255, 255, 0.5); transform: none; }
  .app-screen img { height: calc(100% + 14px); transform: translateY(-14px); }
  .window-bar { height: 34px; padding: 0 10px; }
  .mac-window-controls { gap: 5px; }
  .mac-window-controls span { width: 8px; height: 8px; }
  .window-brand { font-size: 9px; }
  .window-brand img { width: 17px; height: 17px; }
  .window-bar-spacer { width: 34px; }
  .floating-card { padding: 9px 10px; gap: 8px; border-radius: 12px; }
  .floating-card strong { font-size: 10px; }
  .floating-card small { font-size: 8px; }
  .floating-card-top { top: 34px; left: -2px; }
  .floating-card-bottom { right: -2px; bottom: 18px; }
  .mini-icon { width: 25px; height: 25px; border-radius: 8px; }
  .status-dot { width: 9px; height: 9px; }
  .trust-strip { grid-template-columns: 1fr 1fr; }
  .section { width: calc(100% - 40px); padding: 90px 0; }
  .section-heading { margin-bottom: 40px; }
  .section-heading h2, .release-copy h2, .featured-copy h2 { font-size: 39px; }
  .section-heading p, .release-copy > p, .featured-copy > p { font-size: 15px; }
  .program-preview { min-height: 230px; padding: 26px 18px 0; }
  .mac-preview { border-radius: 15px; box-shadow: 0 18px 44px rgba(40, 45, 84, 0.2), 0 0 0 4px rgba(255, 255, 255, 0.35); }
  .mac-preview-bar { height: 32px; padding: 0 9px; }
  .mac-preview-title { font-size: 9px; }
  .mac-preview-title img { width: 16px; height: 16px; }
  .mac-preview-status, .mac-preview-badge { font-size: 7px; }
  .program-body { padding: 24px; }
  .program-identity > img { width: 48px; height: 48px; }
  .program-identity h3 { font-size: 27px; }
  .program-footer { align-items: stretch; flex-direction: column; }
  .program-footer .button { width: 100%; }
  .program-body > p { min-height: 0; }
  .release-section { padding: 88px 20px; gap: 42px; }
  .release-copy h2 span, .release-copy h2 em { white-space: normal; }
  .release-assurances { margin-top: 26px; }
  .release-assurances li { max-width: none; }
  .release-map { padding: 20px; }
  .release-platforms { grid-template-columns: 1fr; }
  .featured-program { gap: 44px; }
  .featured-preview { padding: 24px 18px; border-radius: 24px; }
  .featured-copy ul { grid-template-columns: 1fr; }
  .featured-copy .button { width: 100%; }
  .pricing-section { padding-top: 54px; }
  .pricing-card { padding: 28px 24px; }
  .pricing-card p { min-height: 0; }
  .online-section { padding: 88px 20px; }
  .online-inner { gap: 44px; }
  .online-copy h2 { font-size: 36px; line-height: 1.18; }
  .online-copy > p { font-size: 15px; }
  .online-actions { align-items: stretch; flex-direction: column; }
  .online-actions .button { width: 100%; }
  .online-actions > span { text-align: center; }
  .online-preview { padding: 40px 18px 42px; border-radius: 25px; }
  .browser-window { border-radius: 16px; transform: none; animation: none; }
  .browser-bar { height: 36px; padding: 0 9px; }
  .browser-address { min-width: 0; padding: 5px 10px; font-size: 8px; }
  .browser-status { font-size: 7px; }
  .preview-orbit { display: none; }
  .preview-hud-top { top: 7px; right: 18px; }
  .preview-hud-bottom { left: 12px; bottom: 8px; }
  .online-preview-badge { right: 10px; bottom: 8px; padding: 9px 11px; border-radius: 12px; }
  .online-preview-badge strong { font-size: 16px; }
  .online-feature-grid { margin-top: 28px; grid-template-columns: 1fr; }
  .online-feature-grid a { min-height: 0; padding: 20px; }
  .faq summary { gap: 16px; font-size: 16px; }
  .download-dialog { width: calc(100% - 20px); max-height: 92vh; border-radius: 24px; }
  .dialog-shell { padding: 50px 18px 25px; }
  .dialog-close { top: 14px; right: 14px; }
  .dialog-heading { padding-right: 46px; align-items: flex-start; }
  .dialog-heading > img { width: 54px; height: 54px; border-radius: 16px; }
  .dialog-heading h2 { font-size: 27px; }
  .platform-card { padding: 17px; }
  .platform-heading { grid-template-columns: auto 1fr; }
  .platform-heading b { grid-column: 2; width: fit-content; }
  .package-row { align-items: stretch; flex-direction: column; }
  .package-action { width: 100%; }
  .contact { padding-top: 50px; }
  .contact-panel { padding: 38px 22px; border-radius: 28px; }
  .contact-copy h2 { font-size: 34px; line-height: 1.18; }
  .contact-copy > p { font-size: 15px; }
  .contact-grid { grid-template-columns: 1fr; }
  .contact-card:last-child { grid-column: auto; }
  .platform-showcase { grid-template-columns: 1fr; }
  .support-hero { min-height: auto; padding: 130px 20px 72px; }
  .support-hero h1 { font-size: clamp(36px, 10vw, 46px); line-height: 1.12; }
  .support-hero-copy > p { font-size: 15px; }
  .support-shortcuts { margin-top: 38px; grid-template-columns: 1fr; }
  .support-shortcut { min-height: 0; padding: 22px; }
  .support-shortcut strong { margin-top: 13px; }
  .help-grid { grid-template-columns: 1fr; }
  .help-card summary { padding: 18px; gap: 12px; }
  .help-card summary > span { width: 36px; height: 36px; }
  .help-card > p, .help-card > a { margin-left: 66px; }
  .support-form-section { width: calc(100% - 40px); padding: 76px 0; }
  .support-form { padding: 22px; grid-template-columns: 1fr; border-radius: 22px; }
  .support-form label, .form-wide { grid-column: 1; }
  .form-submit { align-items: stretch; flex-direction: column; }
  .form-submit .button { width: 100%; }
  .support-detail-hero { min-height: 500px; padding: 130px 20px 70px; }
  .support-detail-help { min-height: auto; padding: 128px 20px 76px; }
  .help-hero-layout { gap: 34px; }
  .help-hero-layout .support-hero-copy > p { font-size: 16px; }
  .help-hero-visual { padding: 10px; }
  .help-hero-window { border-radius: 22px; transform: none; animation: none; }
  .help-hero-windowbar { height: 48px; padding: 0 13px; }
  .help-hero-windowbar > strong { font-size: 13px; }
  .help-hero-windowbar > b { font-size: 11px; }
  .help-hero-flow { padding: 15px; }
  .help-hero-flow::before { left: 39px; top: 39px; bottom: 39px; }
  .help-hero-flow article { padding: 11px 12px; }
  .help-hero-flow article > span { width: 30px; height: 30px; flex-basis: 30px; }
  .help-hero-flow article strong { font-size: 14px; }
  .help-hero-flow article small { font-size: 12px; }
  .help-hero-status { margin: 0 15px 15px; }
  .support-detail-hero h1 { font-size: clamp(34px, 9.5vw, 44px); line-height: 1.1; }
  .support-detail-hero h1 em { margin-top: 0.22em; }
  .support-next { align-items: stretch; flex-direction: column; }
  .support-next .button { width: 100%; }
  .support-detail-help h1 { font-size: clamp(36px, 9.6vw, 42px); line-height: 1.12; }
  .support-detail-help h1 span, .support-detail-help h1 em { white-space: normal; }
  .help-jump-nav { margin-top: 26px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .help-jump-nav a { width: 100%; min-height: 74px; padding: 12px; gap: 10px; border-radius: 17px; }
  .help-jump-index { width: 34px; height: 34px; flex-basis: 34px; border-radius: 11px; }
  .help-jump-copy strong { font-size: 15px; }
  .help-jump-copy small { font-size: 12px; }
  .help-guide-section, .help-faq-section { padding-top: 78px; }
  .help-section-heading { margin-bottom: 30px; }
  .help-section-heading h2 { font-size: 32px; line-height: 1.22; }
  .help-section-heading > p { font-size: 16px; }
  .help-onboarding-panel { grid-template-columns: 1fr; border-radius: 22px; }
  .help-onboarding-list { grid-template-columns: 1fr; }
  .help-onboarding-list li { padding: 22px 19px; border-right: 0; border-bottom: 1px solid var(--line); }
  .help-onboarding-list li:nth-child(odd) { border-right: 0; }
  .help-onboarding-list li:nth-last-child(-n + 2) { border-bottom: 1px solid var(--line); }
  .help-onboarding-list li:last-child { border-bottom: 0; }
  .help-first-tip { padding: 28px 22px; border-top: 1px solid rgba(255, 255, 255, 0.12); border-left: 0; }
  .help-processing-map { padding: 18px; border-radius: 24px; }
  .help-processing-grid, .help-processing-branches { grid-template-columns: 1fr; }
  .help-processing-step { min-height: 0; padding: 20px; }
  .help-processing-step > strong { margin-top: 20px; font-size: 17px; }
  .help-processing-branch header { align-items: flex-start; flex-direction: column; gap: 9px; }
  .help-processing-human { align-items: flex-start; flex-direction: column; gap: 10px; }
  .help-learning-heading { grid-template-columns: 1fr; gap: 14px; }
  .help-learning-panel { padding: 19px; border-radius: 25px; }
  .help-learning-orbit { right: -160px; }
  .help-learning-intro { padding-bottom: 20px; }
  .help-learning-intro-copy { align-items: flex-start; }
  .help-learning-intro-copy strong { font-size: 20px; line-height: 1.4; }
  .help-learning-intro > p { font-size: 14px; }
  .help-learning-formats { gap: 6px; }
  .help-learning-formats span { padding: 6px 9px; font-size: 11px; }
  .help-learning-flow { grid-template-columns: 1fr; padding-left: 18px; gap: 10px; }
  .help-learning-flow::before { display: block; top: 16px; bottom: 16px; left: 5px; right: auto; width: 1px; height: auto; background: linear-gradient(180deg, #3478ff, #10b99b 34%, #8756ff 68%, #e78621); }
  .help-learning-flow li { min-height: 0; padding: 16px; }
  .help-learning-step-head { justify-content: flex-start; }
  .help-learning-step-head em { margin-left: auto; }
  .help-learning-flow strong { margin-top: 14px; }
  .help-learning-safety { align-items: flex-start; }
  .help-learning-note { grid-template-columns: 1fr; gap: 12px; }
  .help-learning-note > span { white-space: normal; }
  .help-workflow > li { padding: 25px 0; grid-template-columns: 54px minmax(0, 1fr); gap: 16px; }
  .help-step-number { width: 42px; height: 42px; }
  .help-step-copy > strong { font-size: 18px; }
  .help-step-copy > p { font-size: 15px; }
  .help-workflow > li > em { grid-column: 2; align-self: start; margin-top: 3px; }
  .help-api-section { padding: 78px 20px; }
  .help-api-inner { width: 100%; grid-template-columns: 1fr; gap: 42px; }
  .help-api-copy { position: static; }
  .help-api-copy h2 { font-size: 32px; }
  .help-group + .help-group { margin-top: 46px; }
  .help-group-heading { align-items: flex-start; flex-direction: column; gap: 6px; }
  .social-contact-section { width: calc(100% - 40px); }
  .social-contact-grid { grid-template-columns: 1fr; }
  .quick-toolbar { top: auto; right: 12px; bottom: 12px; left: 12px; width: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); border-radius: 18px; opacity: 0; pointer-events: none; transform: translateY(calc(100% + 24px)); transition: opacity 0.24s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); }
  .quick-toolbar.mobile-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
  .quick-toolbar button { min-height: 58px; padding: 7px 8px; gap: 3px; }
  .quick-toolbar button + button { border-top: 0; border-left: 1px solid rgba(17, 23, 42, 0.07); }
  .quick-tool-icon { width: 23px; height: 23px; }
  .quick-tool-icon svg { width: 20px; height: 20px; }
  .quick-toolbar strong { max-width: none; font-size: 11px; line-height: 1.15; }
  .tool-dialog { width: calc(100% - 20px); border-radius: 22px; }
  .tool-dialog-shell { padding: 36px 20px 24px; }
  .tool-dialog-close { top: 12px; right: 12px; }
  .tool-dialog-heading h2 { font-size: 27px; }
  .site-search-field { height: 52px; }
  .creator-contact-card { grid-template-columns: auto 1fr; padding: 16px; }
  .creator-qr { grid-column: 1 / -1; width: min(100%, 220px); margin: 4px auto 0; }
  .creator-qr img { width: 100%; height: auto; }
  footer { width: calc(100% - 40px); grid-template-columns: 1fr; }
  footer .footer-brand, footer .footer-links, footer > p { grid-column: 1; grid-row: auto; }
  footer > p { text-align: left; }
  .footer-product-hub { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-product-hub a:last-child { grid-column: 1 / -1; }
  .footer-links { flex-wrap: wrap; gap: 14px 22px; }
}

@media (max-width: 420px) {
  .hero h1 { font-size: clamp(30px, 9.2vw, 36px); }
  .trust-strip { grid-template-columns: 1fr; }
  .online-copy h2, .contact-copy h2 { font-size: 31px; }
  .service-platforms { display: grid; }
  .platform-showcase { grid-template-columns: 1fr; }
}

@media (max-width: 360px) {
  .hero h1 { font-size: 29px; }
  .online-copy h2, .contact-copy h2 { font-size: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .reveal { opacity: 1; transform: none; }
}

@media (prefers-reduced-transparency: reduce) {
  .site-header, .main-nav, .header-download { background: rgba(7, 9, 14, .97); backdrop-filter: none; -webkit-backdrop-filter: none; }
}

@media (max-width: 720px) {
  .program-assurances { grid-template-columns: 1fr; }
  .assurance-card { min-height: 62px; padding: 9px 11px; }
  .assurance-card + .assurance-card { border: 1px solid rgba(112,125,166,.13); }
}

/* Arvo cinematic home — 2026-08-02 */
.cinema-home {
  --cinema-bg: #05060a;
  --cinema-panel: rgba(13, 16, 25, 0.78);
  --cinema-line: rgba(255, 255, 255, 0.11);
  --cinema-muted: #9ba3b7;
  --cinema-text: #f8f9fc;
  --cinema-violet: #8b5cf6;
  --cinema-cyan: #54d7f0;
  color: var(--cinema-text);
  background: var(--cinema-bg);
}

.cinema-home::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    radial-gradient(circle at 74% 8%, rgba(105, 62, 221, 0.16), transparent 31%),
    radial-gradient(circle at 18% 26%, rgba(43, 174, 209, 0.09), transparent 26%),
    linear-gradient(180deg, #07080d 0%, #040509 58%, #07070b 100%);
}

.cinema-home .cinema-ambient { position: fixed; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; opacity: 0.75; }
.cinema-home .cinema-ambient::before { content: ""; position: absolute; inset: 0; opacity: 0.28; background-image: radial-gradient(rgba(255,255,255,.32) .55px, transparent .55px); background-size: 44px 44px; mask-image: linear-gradient(180deg, #000, transparent 72%); }
.cinema-home .cinema-ambient::after { content: ""; position: absolute; top: 18%; left: -58vw; width: 68vw; height: 180px; border-radius: 999px; opacity: 0; background: linear-gradient(90deg, transparent, rgba(104, 212, 241, .16), rgba(142, 112, 255, .22), transparent); filter: blur(28px); transform: rotate(-14deg); animation: cinemaLightSweep 16s cubic-bezier(.16, 1, .3, 1) infinite; }
.cinema-home .cinema-ambient span { position: absolute; width: 320px; height: 2px; border-radius: 999px; opacity: 0; transform: rotate(-28deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.98), rgba(102,214,244,.5), transparent); filter: drop-shadow(0 0 9px rgba(141,224,255,.72)); animation: cinemaMeteor 11s linear infinite; }
.cinema-home .cinema-ambient span:nth-child(1) { top: 12%; left: 75%; }
.cinema-home .cinema-ambient span:nth-child(2) { top: 42%; left: 12%; animation-delay: 3.6s; animation-duration: 12s; }
.cinema-home .cinema-ambient span:nth-child(3) { top: 72%; left: 82%; animation-delay: 6.7s; animation-duration: 11s; }
@keyframes cinemaMeteor { 0%, 66% { opacity: 0; translate: 220px -140px; } 71% { opacity: .9; } 82% { opacity: 0; translate: -980px 560px; } 100% { opacity: 0; translate: -980px 560px; } }

.cinema-home .site-header {
  top: 16px;
  width: min(1320px, calc(100% - 40px));
  height: 78px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  background: rgba(10, 12, 18, 0.63);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.26), inset 0 1px rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(28px) saturate(150%);
}
.cinema-home .site-header.scrolled { background: rgba(7, 9, 14, 0.84); border-color: rgba(255,255,255,.14); }
.cinema-home .brand, .cinema-home .main-nav a { color: rgba(255, 255, 255, 0.72); }
.cinema-home .brand > span:last-child { color: #fff; }
.cinema-home .brand-mark { box-shadow: 0 0 26px rgba(103, 81, 226, 0.42); }
.cinema-home .main-nav { border-color: rgba(255,255,255,.12); background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(0,0,0,.22)); }
.cinema-home .main-nav a::after { background: linear-gradient(90deg, var(--cinema-violet), var(--cinema-cyan)); }
.cinema-home .main-nav a:not([aria-current="page"]):hover, .cinema-home .main-nav a:not([aria-current="page"]):focus-visible { color: #fff; transform: translateY(-1px); }
.cinema-home .main-nav a[aria-current="page"] { border-color: rgba(139, 119, 255, .46); background: linear-gradient(135deg, rgba(113, 82, 226, .28), rgba(70, 186, 213, .14)); }
.cinema-home .header-download { border: 1px solid rgba(255,255,255,.18); background: linear-gradient(135deg, #7257f4, #8a5cf6 55%, #52cde6); box-shadow: 0 10px 28px rgba(101, 72, 225, 0.28); }

.cinema-home main { overflow: clip; background: transparent; }
.cinema-home .hero { min-height: 940px; padding-top: 176px; color: #fff; background: transparent; grid-template-columns: minmax(500px, .92fr) minmax(560px, 1.08fr); column-gap: 58px; }
.cinema-home .hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(5,6,10,.98) 0%, rgba(5,6,10,.76) 38%, transparent 70%), radial-gradient(circle at 72% 42%, rgba(120,77,255,.16), transparent 34%); }
.cinema-home .hero-grid { opacity: .14; mask-image: linear-gradient(180deg, #000, transparent 84%); }
.cinema-home .hero-orb { filter: blur(20px); opacity: .45; }
.cinema-home .hero-content { position: relative; z-index: 3; width: 100%; max-width: 650px; }
.cinema-home .eyebrow { color: #a9dcec; letter-spacing: .18em; }
.cinema-home .eyebrow span { box-shadow: 0 0 18px rgba(85,215,240,.72); background: var(--cinema-cyan); }
.cinema-home .hero h1 { max-width: 680px; margin-top: 26px; padding-bottom: .1em; display: grid; gap: .2em; overflow: visible; color: #fff; font-size: clamp(54px, 5vw, 72px); line-height: 1.08; letter-spacing: -.045em; text-wrap: balance; }
.cinema-home .hero h1 span, .cinema-home .hero h1 em { display: block; }
.cinema-home .hero h1 em { margin-top: 0; padding-bottom: .08em; color: transparent; background: linear-gradient(104deg, #fff 0%, #b7b1ff 40%, #69def3 100%); -webkit-background-clip: text; background-clip: text; }
.cinema-home .hero-content > p { max-width: 610px; color: #aeb5c6; font-size: 19px; line-height: 1.9; }
.cinema-home .button-primary { color: #fff; background: linear-gradient(125deg, #6f52ed, #8b5cf6 54%, #3fbbd7); box-shadow: 0 18px 40px rgba(101, 72, 225, 0.27); }
.cinema-home .button-primary::after, .cinema-home .program-card::after, .cinema-home .contact-card::after { content: ""; position: absolute; top: -60%; bottom: -60%; left: -45%; width: 28%; pointer-events: none; transform: skewX(-18deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent); transition: left .85s cubic-bezier(.22,1,.36,1); }
.cinema-home .button-primary:hover::after, .cinema-home .program-card:hover::after, .cinema-home .contact-card:hover::after { left: 125%; }
.cinema-home .button-secondary { color: #e7e9f1; border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.055); backdrop-filter: blur(14px); }
.cinema-home .button-secondary:hover { color: #fff; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.09); }
.cinema-home .hero-meta { color: #8d96aa; }
.cinema-home .hero-meta i { background: rgba(255,255,255,.22); }

.cinema-home .hero-visual { z-index: 2; width: min(620px, 44vw); min-height: 0; right: auto; justify-self: end; display: grid; grid-template-columns: minmax(0, 1fr); align-content: center; justify-content: stretch; gap: 14px; perspective: none; }
.cinema-home .cinema-product-window { width: 100%; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 24px; background: rgba(7,9,15,.9); box-shadow: 0 48px 120px rgba(0,0,0,.58), 0 0 0 1px rgba(132,98,255,.1), 0 0 90px rgba(91,68,217,.15); transform: none; transition: transform .3s cubic-bezier(.16,1,.3,1), border-color .3s ease, box-shadow .3s ease; }
.cinema-home .cinema-product-window:hover { transform: translateY(-4px); border-color: rgba(139,119,255,.36); box-shadow: 0 54px 130px rgba(0,0,0,.62), 0 0 80px rgba(91,68,217,.18); }
.cinema-home .cinema-product-caption { height: 54px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.09); color: #858da0; font-size: 11px; letter-spacing: .15em; text-transform: uppercase; }
.cinema-home .cinema-product-caption span { display: flex; align-items: center; gap: 9px; }
.cinema-home .cinema-product-caption i { width: 7px; height: 7px; border-radius: 50%; background: #55d7f0; box-shadow: 0 0 14px #55d7f0; }
.cinema-home .cinema-product-caption strong { color: #dfe2eb; font-size: 11px; }
.cinema-home .cinema-real-screen { aspect-ratio: 16 / 10; overflow: hidden; border-radius: 0 0 23px 23px; background: #05070b; }
.cinema-home .cinema-real-screen img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.cinema-home .cinema-platform-window { cursor: default; }
.cinema-home .cinema-platform-map { position: relative; min-height: 372px; padding: 24px; display: grid; grid-template-columns: minmax(210px, .95fr) repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(88px, 1fr)); gap: 12px; overflow: hidden; background: radial-gradient(circle at 27% 45%, rgba(93, 75, 225, .23), transparent 34%), radial-gradient(circle at 84% 18%, rgba(55, 194, 220, .13), transparent 30%), #05070c; }
.cinema-home .cinema-platform-map::before { content: ""; position: absolute; inset: 20px 18px 20px 31%; opacity: .5; border: 1px solid rgba(125, 105, 245, .13); border-radius: 28px; background: linear-gradient(135deg, rgba(107, 84, 230, .035), rgba(54, 197, 218, .025)); box-shadow: 0 0 0 26px rgba(91, 72, 220, .025); pointer-events: none; }
.cinema-home .cinema-platform-core, .cinema-home .cinema-platform-node { position: relative; z-index: 1; min-width: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, .1); background: linear-gradient(145deg, rgba(24, 27, 43, .9), rgba(8, 11, 18, .82)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 18px 40px rgba(0, 0, 0, .24); backdrop-filter: blur(18px) saturate(145%); }
.cinema-home .cinema-platform-core { grid-column: 1; grid-row: 1 / 4; padding: 24px 20px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; gap: 18px; border-color: rgba(137, 115, 255, .3); border-radius: 22px; background: linear-gradient(145deg, rgba(69, 53, 145, .78), rgba(16, 22, 36, .94) 58%, rgba(16, 79, 91, .54)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .11), 0 22px 54px rgba(30, 20, 84, .38), 0 0 42px rgba(80, 194, 222, .1); }
.cinema-home .cinema-platform-core img { width: 78px; height: 78px; flex: 0 0 78px; object-fit: contain; filter: drop-shadow(0 12px 28px rgba(116, 93, 255, .4)); }
.cinema-home .cinema-platform-core span, .cinema-home .cinema-platform-core strong, .cinema-home .cinema-platform-core small { display: block; }
.cinema-home .cinema-platform-core span { color: #79ddec; font-size: 9px; font-weight: 850; letter-spacing: .16em; }
.cinema-home .cinema-platform-core strong { margin-top: 7px; color: #fff; font-size: 17px; line-height: 1.35; white-space: nowrap; }
.cinema-home .cinema-platform-core small { margin-top: 8px; color: #9ba5b8; font-size: 11px; white-space: nowrap; }
.cinema-home .cinema-platform-node { min-height: 88px; padding: 14px; display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: center; gap: 11px; border-radius: 18px; transition: transform .24s cubic-bezier(.16, 1, .3, 1), border-color .24s ease, background .24s ease; }
.cinema-home .cinema-platform-node > span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--node-accent) 36%, transparent); border-radius: 9px; color: var(--node-accent); background: color-mix(in srgb, var(--node-accent) 10%, transparent); font-size: 9px; font-weight: 900; }
.cinema-home .cinema-platform-node strong, .cinema-home .cinema-platform-node small { min-width: 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cinema-home .cinema-platform-node strong { color: #eef1f7; font-size: 14px; }
.cinema-home .cinema-platform-node small { margin-top: 4px; color: #7f899c; font-size: 10px; }
.cinema-home .cinema-platform-node:hover, .cinema-home .cinema-platform-node:focus-visible { border-color: color-mix(in srgb, var(--node-accent) 44%, transparent); background: linear-gradient(145deg, color-mix(in srgb, var(--node-accent) 13%, rgba(24, 27, 43, .94)), rgba(8, 11, 18, .88)); outline: none; transform: translateY(-3px); }
.cinema-home .node-motio { --node-accent: #8f76ff; grid-column: 2; grid-row: 1; }
.cinema-home .node-tool { --node-accent: #4fd3bb; grid-column: 3; grid-row: 1; }
.cinema-home .node-muse { --node-accent: #68c9f0; grid-column: 2; grid-row: 2; }
.cinema-home .node-flow { --node-accent: #b083ff; grid-column: 3; grid-row: 2; }
.cinema-home .node-earn { --node-accent: #e8ad4f; grid-column: 2 / 4; grid-row: 3; grid-template-columns: 32px minmax(92px, .55fr) minmax(0, 1fr); }
.cinema-home .node-detail { justify-self: end; margin-top: 0; color: #9b8f78; font-size: 10px; letter-spacing: 0; text-overflow: clip; }
.cinema-home .app-glow { opacity: .72; filter: blur(20px); }
.cinema-home .hero-screen-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.cinema-home .hero-screen-facts > span { min-width: 0; min-height: 66px; padding: 12px 14px; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; align-content: center; column-gap: 10px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: linear-gradient(145deg, rgba(20,24,36,.74), rgba(8,10,16,.66)); box-shadow: inset 0 1px rgba(255,255,255,.05); backdrop-filter: blur(18px); }
.cinema-home .hero-screen-facts i { grid-row: 1 / 3; width: 8px; height: 8px; align-self: center; border-radius: 50%; background: #54d7b2; box-shadow: 0 0 0 5px rgba(84,215,178,.08), 0 0 14px rgba(84,215,178,.58); }
.cinema-home .hero-screen-facts span:last-child i { background: #9076ff; box-shadow: 0 0 0 5px rgba(144,118,255,.08), 0 0 14px rgba(144,118,255,.58); }
.cinema-home .hero-screen-facts strong, .cinema-home .hero-screen-facts small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cinema-home .hero-screen-facts strong { color: #f0f2f8; font-size: 13px; }
.cinema-home .hero-screen-facts small { margin-top: 3px; color: #8791a4; font-size: 11px; }
.cinema-home .hero-product-dock { min-width: 0; padding: 6px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(8,10,16,.74); box-shadow: 0 20px 52px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.05); backdrop-filter: blur(22px); }
.cinema-home .hero-product-dock a { min-width: 0; min-height: 46px; padding: 0 8px; display: flex; align-items: center; justify-content: center; gap: 7px; overflow: hidden; border: 1px solid transparent; border-radius: 11px; color: #a5adbd; font-size: 12px; font-weight: 750; white-space: nowrap; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.cinema-home .hero-product-dock a span { color: #718099; font-size: 9px; letter-spacing: .08em; }
.cinema-home .hero-product-dock a:hover, .cinema-home .hero-product-dock a:focus-visible, .cinema-home .hero-product-dock a.is-active { color: #fff; border-color: rgba(139,119,255,.22); background: linear-gradient(135deg, rgba(113,82,226,.23), rgba(70,186,213,.1)); }
.cinema-home .hero-product-dock a.is-active span { color: #8ee6f2; }
.cinema-home .floating-card { border-color: rgba(255,255,255,.13); color: #fff; background: rgba(13,16,24,.82); box-shadow: 0 24px 70px rgba(0,0,0,.38); backdrop-filter: blur(20px); }
.cinema-home .floating-card small { color: #8f98ac; }

.cinema-home .trust-strip { border-color: rgba(255,255,255,.09); background: rgba(10,12,18,.66); box-shadow: 0 24px 70px rgba(0,0,0,.24); backdrop-filter: blur(22px); }
.cinema-home .trust-item + .trust-item { border-color: rgba(255,255,255,.08); }
.cinema-home .trust-item strong { color: #eff1f7; }
.cinema-home .trust-item small { color: #838ca0; }
.cinema-home .trust-icon { color: #7fe1f1; background: rgba(86,207,235,.08); }

.cinema-home .programs { width: 100%; max-width: none; padding: 150px max(30px, calc((100vw - 1280px) / 2)); background: radial-gradient(circle at 54% 18%, rgba(84,104,205,.09), transparent 30%), linear-gradient(180deg, rgba(12,16,27,.18), rgba(10,15,27,.88) 22%, rgba(7,12,22,.94) 100%); }
.cinema-home .section-heading { max-width: 780px; }
.cinema-home .section-heading h2 { color: #fff; font-size: clamp(48px, 5.5vw, 78px); letter-spacing: -.045em; }
.cinema-home .section-heading p { color: #959eb2; font-size: 18px; }
.cinema-home .program-grid { display: grid; grid-template-columns: 1fr; gap: 82px; }
.cinema-home .product-family-stage { margin: 44px 0 72px; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 20px; background: linear-gradient(145deg, rgba(17,19,29,.94), rgba(8,10,15,.94)); box-shadow: 0 28px 74px rgba(0,0,0,.34); }
.cinema-home .family-stage-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-bottom: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.018); }
.cinema-home .family-stage-tabs a { position: relative; min-width: 0; min-height: 72px; padding: 14px 16px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #8f98aa; border-right: 1px solid rgba(255,255,255,.07); background: transparent; transition: color .2s ease, background .2s ease; }
.cinema-home .family-stage-tabs a:last-child { border-right: 0; }
.cinema-home .family-stage-tabs a::after { content: ""; position: absolute; right: 20%; bottom: 0; left: 20%; height: 2px; opacity: .42; background: var(--tab-accent); box-shadow: 0 0 18px color-mix(in srgb, var(--tab-accent) 58%, transparent); transition: opacity .2s ease, right .2s ease, left .2s ease; }
.cinema-home .family-stage-tabs a span { color: var(--tab-accent); font-size: 11px; font-weight: 800; }
.cinema-home .family-stage-tabs a strong { overflow: hidden; color: #dfe3eb; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.cinema-home .family-stage-tabs a:hover, .cinema-home .family-stage-tabs a:focus-visible { color: #fff; background: color-mix(in srgb, var(--tab-accent) 12%, rgba(255,255,255,.025)); }
.cinema-home .family-stage-tabs a:hover::after, .cinema-home .family-stage-tabs a:focus-visible::after { right: 0; left: 0; opacity: 1; }
.cinema-home .family-stage-body { min-height: 570px; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(360px, .65fr); }
.cinema-home .family-stage-screen { position: relative; min-width: 0; padding: 68px 38px 48px; display: grid; align-content: center; overflow: hidden; border-right: 1px solid rgba(255,255,255,.08); background: radial-gradient(circle at 48% 52%, color-mix(in srgb, var(--stage-accent) 18%, transparent), transparent 48%), rgba(0,0,0,.16); }
.cinema-home .family-stage-screen::before { content: ""; position: absolute; top: -70%; bottom: -70%; left: -34%; width: 22%; pointer-events: none; transform: skewX(-18deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.13), transparent); transition: left .85s cubic-bezier(.16,1,.3,1); }
.cinema-home .family-stage-screen:hover::before { left: 124%; }
.cinema-home .family-stage-screen > div { height: 44px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgba(255,255,255,.13); border-bottom: 0; border-radius: 8px 8px 0 0; color: #7f899b; background: #0c0f16; }
.cinema-home .family-stage-screen > div span { display: flex; align-items: center; gap: 8px; font-size: 10px; white-space: nowrap; }
.cinema-home .family-stage-screen > div i { width: 6px; height: 6px; border-radius: 50%; background: var(--stage-accent); box-shadow: 0 0 12px var(--stage-accent); }
.cinema-home .family-stage-screen > div strong { overflow: hidden; color: #dce0e8; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.cinema-home .family-stage-screen img { width: 100%; aspect-ratio: 16 / 10; display: block; object-fit: contain; object-position: center; border: 1px solid rgba(255,255,255,.13); border-radius: 0 0 8px 8px; background: #05070b; box-shadow: 0 34px 88px rgba(0,0,0,.48); transition: transform .35s cubic-bezier(.16,1,.3,1); }
.cinema-home .family-stage-screen:hover img { transform: translateY(-3px) scale(1.005); }
.cinema-home .family-stage-number { position: absolute; top: 22px; left: 30px; color: color-mix(in srgb, var(--stage-accent) 82%, #fff); font-size: 13px; font-weight: 800; }
.cinema-home .family-stage-copy { min-width: 0; padding: 62px 46px; display: flex; flex-direction: column; justify-content: center; }
.cinema-home .family-stage-copy > span { color: var(--stage-accent); font-size: 12px; font-weight: 800; }
.cinema-home .family-stage-copy h3 { margin: 12px 0 16px; color: #fff; font-size: clamp(36px, 4vw, 54px); line-height: 1.05; }
.cinema-home .family-stage-copy > strong { color: #ecedf2; font-size: 19px; line-height: 1.5; }
.cinema-home .family-stage-copy > p { margin: 18px 0 0; color: #9ba4b5; font-size: 15px; line-height: 1.75; }
.cinema-home .family-stage-features { margin-top: 24px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.cinema-home .family-stage-features span { min-width: 0; padding: 9px 10px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; color: #cfd4df; background: rgba(255,255,255,.035); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.cinema-home .family-stage-status { min-height: 44px; margin-top: 18px; display: flex; align-items: center; gap: 9px; color: #aab1bf; font-size: 12px; }
.cinema-home .family-stage-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--stage-accent); box-shadow: 0 0 12px var(--stage-accent); }
.cinema-home .family-stage-actions { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 10px; }
.cinema-home .family-stage-actions .button { min-height: 46px; }
.cinema-home .program-card { --program-accent: #8b73ff; }
.cinema-home .program-card::before { background: radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--program-accent) 17%, transparent), transparent 34%), radial-gradient(circle at 86% 75%, rgba(67,195,221,.09), transparent 28%); }
.cinema-home .program-real-window { display: block; }
.cinema-home .program-real-bar i { background: var(--program-accent); box-shadow: 0 0 12px var(--program-accent); }
.cinema-home .program-identity h3 a { color: #fff; }
.cinema-home .program-kicker, .cinema-home .program-features i { color: var(--program-accent); }
.cinema-home .program-card-actions { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.cinema-home .program-card-actions .button { width: 100%; min-height: 46px; white-space: nowrap; }
.cinema-home .program-detail-button { color: #e8ebf2; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.045); }
.cinema-home .program-detail-button:hover { border-color: color-mix(in srgb, var(--program-accent) 44%, rgba(255,255,255,.14)); background: color-mix(in srgb, var(--program-accent) 11%, rgba(255,255,255,.04)); }
.cinema-home .program-pending-button { color: #e8ebf2; border-color: color-mix(in srgb, var(--program-accent) 34%, rgba(255,255,255,.12)); background: color-mix(in srgb, var(--program-accent) 10%, rgba(255,255,255,.03)); }
/* 下载中心页：程序卡内嵌各平台直下入口（Motio 双平台 / ArvoTool Windows） */
.download-center-page .program-inline-downloads { margin-top: 14px; display: grid; gap: 10px; }
.download-center-page .program-inline-download { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.035); color: #e8ebf2; font-size: 13px; text-decoration: none; }
.download-center-page .program-inline-download span { min-width: 0; color: #c7cddb; }
.download-center-page .program-inline-download b { color: #f3f4f8; font-weight: 700; }
.download-center-page .program-inline-download small { flex: none; padding: 7px 16px; border-radius: 999px; background: color-mix(in srgb, var(--program-accent, #8b73ff) 84%, #fff); color: #fff; font-size: 12px; font-weight: 700; white-space: nowrap; }
.download-center-page .program-inline-download:hover { border-color: color-mix(in srgb, var(--program-accent, #8b73ff) 46%, rgba(255,255,255,.14)); background: color-mix(in srgb, var(--program-accent, #8b73ff) 10%, rgba(255,255,255,.03)); }
.cinema-home .main-nav a, .cinema-home .header-download { white-space: nowrap; }
.site-header .brand { min-height: 50px; }
.main-nav a { min-height: 48px; display: flex; align-items: center; }
.cinema-home .program-card { position: relative; isolation: isolate; min-height: 610px; scroll-margin-top: 118px; display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(390px, .72fr); gap: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 32px; color: #fff; background: linear-gradient(142deg, rgba(18,20,30,.94), rgba(8,10,16,.92)); box-shadow: 0 38px 100px rgba(0,0,0,.4); transition: transform .55s cubic-bezier(.22,1,.36,1), border-color .35s ease, box-shadow .45s ease; }
.cinema-home .program-card::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(circle at 18% 22%, rgba(117,75,245,.17), transparent 34%), radial-gradient(circle at 86% 75%, rgba(67,195,221,.09), transparent 28%); }
.cinema-home .program-card:hover { transform: translateY(-8px) scale(1.006); border-color: rgba(153,133,255,.34); box-shadow: 0 48px 120px rgba(0,0,0,.5), 0 0 70px rgba(88,65,208,.08); }
.cinema-home .cinema-program-reverse { grid-template-columns: minmax(390px, .72fr) minmax(0, 1.42fr); }
.cinema-home .cinema-program-reverse .program-preview { order: 2; }
.cinema-home .cinema-program-reverse .program-body { order: 1; }
.cinema-home .cinema-program-visual { min-width: 0; min-height: 610px; padding: 76px 20px 58px 54px; display: flex; align-items: stretch; flex-direction: column; justify-content: center; background: rgba(0,0,0,.16); }
.cinema-home .program-preview::before, .cinema-home .program-preview::after { z-index: 0; pointer-events: none; }
.cinema-home .program-preview > * { position: relative; z-index: 1; }
.cinema-home .cinema-program-reverse .cinema-program-visual { padding-right: 54px; padding-left: 20px; }
.cinema-home .cinema-program-number { position: absolute; top: 28px; left: 36px; color: rgba(255,255,255,.26); font-size: 12px; font-weight: 800; letter-spacing: .2em; }
.cinema-home .cinema-program-reverse .cinema-program-number { right: 36px; left: auto; }
.cinema-home .program-real-window { position: relative; overflow: hidden; border: 1px solid rgba(206,218,255,.2); border-radius: 20px; background: #070b13; box-shadow: inset 0 1px 0 rgba(255,255,255,.15), inset 0 -10px 18px rgba(0,0,0,.28), 0 8px 0 -3px rgba(28,36,56,.92), 0 34px 82px rgba(0,0,0,.5), 0 0 56px color-mix(in srgb,var(--program-accent,#7e75ff) 9%,transparent); transform: perspective(1200px) rotateY(2deg) rotateX(.5deg); transition: transform .6s cubic-bezier(.22,1,.36,1), border-color .3s ease, box-shadow .35s ease; }
.cinema-home .cinema-program-reverse .program-real-window { transform: perspective(1200px) rotateY(-2deg); }
.cinema-home .program-card:hover .program-real-window { border-color: rgba(210,221,255,.3); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -10px 18px rgba(0,0,0,.25), 0 10px 0 -3px rgba(32,42,65,.94), 0 42px 94px rgba(0,0,0,.52), 0 0 68px rgba(105,113,255,.1); transform: perspective(1200px) rotateY(0) rotateX(0) translateY(-5px); }
.cinema-home .program-real-bar { height: 44px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.09); color: #7f899d; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.cinema-home .program-real-bar span { display: flex; align-items: center; gap: 8px; }
.cinema-home .program-real-bar i { width: 6px; height: 6px; border-radius: 50%; background: #4fd7ef; box-shadow: 0 0 12px #4fd7ef; }
.cinema-home .program-real-bar strong { color: #d9dce5; font-size: 10px; }
.cinema-home .program-real-shot { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: contain; object-position: center; background: #05070b; transition: opacity .22s ease, scale .6s cubic-bezier(.22,1,.36,1); }
.cinema-home .program-card:hover .program-real-shot { scale: 1.012; }
.cinema-home .program-shot-strip { margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 4px; }
.cinema-home .program-shot-strip button { opacity: 1; }
.cinema-home .program-body { min-width: 0; padding: 76px 54px; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid rgba(255,255,255,.08); }
.cinema-home .cinema-program-reverse .program-body { border-right: 1px solid rgba(255,255,255,.08); border-left: 0; }
.cinema-home .program-kicker { margin-bottom: 28px; color: #66d4eb; font-size: 10px; font-weight: 800; letter-spacing: .19em; }
.cinema-home .program-identity { align-items: center; }
.cinema-home .program-identity > img { width: 66px; height: 66px; border-radius: 0; box-shadow: none; filter: none; }
.cinema-home .program-identity span { color: #8e97aa; letter-spacing: .08em; }
.cinema-home .program-identity h3 { margin-top: 4px; color: #fff; font-size: clamp(32px, 3vw, 48px); letter-spacing: -.04em; }
.cinema-home .program-body > p { margin-top: 25px; color: #a5adbf; font-size: 16px; line-height: 1.8; }
.cinema-home .program-features { margin-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cinema-home .program-features span { min-width: 0; min-height: 46px; padding: 10px 12px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; color: #d8dce6; background: rgba(255,255,255,.035); font-size: 13px; }
.cinema-home .program-features i { color: #6fd7eb; font-size: 9px; font-style: normal; letter-spacing: .08em; }
.cinema-home .program-release-line { margin-top: 24px; padding: 15px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.cinema-home .program-release-line span { display: flex; align-items: center; gap: 8px; color: #7f899d; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.cinema-home .program-release-line i { width: 6px; height: 6px; border-radius: 50%; background: #5bd7a8; box-shadow: 0 0 10px rgba(91,215,168,.7); }
.cinema-home .program-release-line strong { color: #dce1eb; font-size: 11px; text-align: right; }
.cinema-home .program-footer { margin-top: 22px; padding-top: 0; display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; gap: 12px; border-top: 0; }
.cinema-home .program-footer > div:first-child { min-width: 0; min-height: 48px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(255,255,255,.035); }
.cinema-home .program-footer > div:first-child strong,
.cinema-home .program-footer > div:first-child span { min-width: 0; margin: 0; white-space: normal; line-height: 1.45; }
.cinema-home .program-footer strong { color: #f3f4f8; }
.cinema-home .program-footer span { color: #7f899d; font-size: 11px; }
.cinema-home .program-motio .program-body { background: radial-gradient(circle at 86% 12%,color-mix(in srgb,var(--program-accent) 13%,transparent),transparent 34%); }
.cinema-home .program-tool { background: linear-gradient(145deg,rgba(11,30,33,.96),rgba(8,10,16,.94) 48%,rgba(27,18,48,.94)); }
.cinema-home .program-muse { grid-template-columns: minmax(0,1.2fr) minmax(390px,.82fr); background: radial-gradient(circle at 18% 18%,rgba(81,161,255,.15),transparent 32%),linear-gradient(142deg,rgba(15,22,37,.96),rgba(8,10,16,.94)); }
.cinema-home .program-flow { background: linear-gradient(135deg,rgba(29,19,51,.96),rgba(8,10,16,.95) 58%,rgba(8,27,36,.92)); }
.cinema-home .program-earn { background: radial-gradient(circle at 80% 15%,rgba(236,175,73,.13),transparent 28%),linear-gradient(145deg,rgba(26,22,34,.97),rgba(8,10,16,.95)); }
.program-device-gallery { --device-accent: #8b73ff; width: 100%; min-width: 0; }
.program-device-link { display: block; color: inherit; }
.program-device-link:focus-visible { outline: none; }
.program-device-link:focus-visible .product-macbook-lid { border-color: color-mix(in srgb,var(--device-accent) 72%,#fff); box-shadow: 0 0 0 3px color-mix(in srgb,var(--device-accent) 22%,transparent),0 34px 76px rgba(0,0,0,.5); }
.program-device-stage { position: relative; min-width: 0; padding: 2px clamp(17px,4vw,38px) 12px; }
.online-preview .program-device-stage { width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden; }
.program-device-glow { position: absolute; inset: 18% 12% 12%; z-index: 0; border-radius: 50%; opacity: .32; pointer-events: none; background: var(--device-accent); filter: blur(72px); }
.program-device-gallery .product-macbook { position: relative; z-index: 1; width: 100%; max-width: 920px; margin: 0 auto; transform: perspective(1500px) rotateY(-1.8deg) rotateX(.7deg); transform-origin: 50% 78%; transition: transform .32s cubic-bezier(.16,1,.3,1),filter .32s ease; }
.program-device-gallery:hover .product-macbook { transform: perspective(1500px) rotateY(0) rotateX(0) translateY(-4px); filter: drop-shadow(0 24px 40px color-mix(in srgb,var(--device-accent) 11%,transparent)); }
.program-device-gallery .product-macbook-lid { position: relative; z-index: 2; padding: clamp(6px,.75vw,10px) clamp(6px,.75vw,10px) clamp(8px,.9vw,12px); border: 1px solid rgba(230,236,255,.3); border-radius: clamp(15px,1.6vw,23px) clamp(15px,1.6vw,23px) 8px 8px; background: linear-gradient(145deg,#4d5565 0,#161b25 7%,#06080d 48%,#1f2633 94%,#687284 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(255,255,255,.1),0 34px 76px rgba(0,0,0,.5),0 0 54px color-mix(in srgb,var(--device-accent) 10%,transparent); transition: border-color .22s ease,box-shadow .25s ease; }
.program-device-gallery .product-macbook-lid::before { position: absolute; inset: 2px 3% auto; height: 1px; content: ""; background: linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent); }
.program-device-gallery .product-macbook-bezel { position: relative; padding: clamp(7px,.75vw,11px); border: 1px solid rgba(255,255,255,.08); border-radius: clamp(10px,1.15vw,16px) clamp(10px,1.15vw,16px) 5px 5px; background: #020307; box-shadow: inset 0 0 0 1px rgba(0,0,0,.9),inset 0 0 28px rgba(0,0,0,.75); }
.program-device-gallery .product-macbook-camera { position: absolute; z-index: 3; top: 4px; left: 50%; width: 4px; height: 4px; border-radius: 50%; background: #141d2d; box-shadow: 0 0 0 1px rgba(102,124,162,.24),inset 0 0 2px #4770b0; transform: translateX(-50%); }
.program-device-gallery .product-screen-viewport { position: relative; aspect-ratio: 16 / 10; overflow: hidden; border-radius: clamp(5px,.65vw,9px); background: #020307; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),inset 0 0 32px rgba(0,0,0,.4); }
.program-device-gallery .product-screen-viewport::after { position: absolute; inset: 0; content: ""; pointer-events: none; background: linear-gradient(116deg,rgba(255,255,255,.07),transparent 20%,transparent 72%,rgba(255,255,255,.025)); }
.program-device-gallery .product-screen-viewport img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; background: #020307; transform-origin: 50% 50%; }
.program-device-gallery .product-macbook-hinge { position: relative; z-index: 3; width: 23%; height: 5px; margin: -2px auto 0; border-radius: 0 0 5px 5px; background: linear-gradient(90deg,#080a0f,#49505d 48%,#0a0c11); box-shadow: 0 2px 3px rgba(0,0,0,.7); }
.program-device-gallery .product-macbook-base { position: relative; z-index: 1; height: clamp(16px,1.75vw,25px); margin: -1px -5.5% 0; border-radius: 2px 2px 32% 32% / 2px 2px 80% 80%; background: linear-gradient(180deg,#aab1bd 0,#535c6b 18%,#252c36 52%,#848d9b 82%,#252b35 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.56),0 18px 24px rgba(0,0,0,.5); clip-path: polygon(4% 0,96% 0,100% 66%,98% 100%,2% 100%,0 66%); }
.program-device-gallery .product-macbook-base::before { position: absolute; top: 0; left: 50%; width: 14%; height: 24%; content: ""; border-radius: 0 0 8px 8px; background: linear-gradient(180deg,#333a45,#89919e); transform: translateX(-50%); }
.program-device-gallery .product-macbook-base::after { position: absolute; z-index: -1; right: 7%; bottom: -15px; left: 7%; height: 20px; content: ""; border-radius: 50%; background: rgba(0,0,0,.6); filter: blur(11px); }
.program-device-gallery .product-macbook-base span { position: absolute; inset: auto 10% 2px; height: 1px; background: linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent); }
.program-device-meta { width: calc(100% - clamp(30px,8vw,76px)); min-height: 34px; margin: 14px auto 0; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 12px; color: #818a9d; font-size: 10px; }
.program-device-meta span { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.program-device-meta span i { width: 6px; height: 6px; border-radius: 50%; background: var(--device-accent); box-shadow: 0 0 12px var(--device-accent); }
.program-device-meta strong { min-width: 0; overflow: hidden; color: #d9dde6; font-size: 11px; font-weight: 600; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.program-device-meta b { color: var(--device-accent); font-size: 10px; white-space: nowrap; }
.program-device-thumbs { width: auto; min-height: 44px; margin: 9px auto 0; display: flex; align-items: center; justify-content: center; gap: 4px; }
.program-device-thumbs button { width: 44px; min-width: 44px; min-height: 44px; height: 44px; padding: 0; display: grid; place-items: center; cursor: pointer; border: 0; border-radius: 50%; opacity: 1; background: transparent; box-shadow: none; transition: transform .2s ease; }
.program-device-thumbs button:hover,.program-device-thumbs button:focus-visible,.program-device-thumbs button[aria-pressed="true"] { border: 0; background: transparent; box-shadow: none; outline: none; transform: none; }
.program-device-thumbs button:focus-visible { outline: 2px solid color-mix(in srgb,var(--device-accent) 76%,#fff); outline-offset: -6px; }
.program-device-thumbs button:active { transform: scale(.94); transition-duration: .1s; }
.program-device-thumbs button > span:first-child { width: 9px; min-width: 9px; min-height: 9px; height: 9px; display: block; overflow: hidden; border-radius: 999px; background: rgba(151,160,181,.42); transition: width .22s ease,background .22s ease,box-shadow .22s ease; }
.program-device-thumbs button:hover > span:first-child,.program-device-thumbs button:focus-visible > span:first-child { background: color-mix(in srgb,var(--device-accent) 64%,#aeb7ca); }
.program-device-thumbs button[aria-pressed="true"] > span:first-child { width: 28px; background: var(--device-accent); box-shadow: 0 0 15px color-mix(in srgb,var(--device-accent) 58%,transparent); }
.cinema-home .program-card .cinema-program-visual { display: flex; grid-template-columns: none; }
.cinema-home .program-card .program-device-thumbs { width: auto; min-height: 44px; margin: 9px auto 0; padding: 0; display: flex; gap: 4px; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.cinema-home .program-card .program-device-thumbs button,.cinema-home .program-card .program-device-thumbs button:nth-child(n) { width: 44px; min-width: 44px; min-height: 44px; height: 44px; margin: 0; flex: 0 0 44px; opacity: 1; border-radius: 50%; box-shadow: none; transform: none; }
.help-program-preview-band { width: min(1280px,calc(100% - 48px)); margin: 0 auto; padding: 0 0 48px; }
.help-program-preview-band .help-section-heading { max-width: 760px; margin-bottom: 42px; }
.product-help-device { width: min(100%,900px); margin: 0 auto; }
.product-help-hero-inner > .product-help-device { width: 100%; }
.help-program-preview-band + .help-guide-section { padding-top: 64px; }
.help-program-preview-band .program-device-thumbs { width: auto; min-height: 44px; margin-top: 8px; display: flex; align-items: center; justify-content: center; gap: 4px; }
.help-program-preview-band .program-device-thumbs button,
.help-program-preview-band .program-device-thumbs button:nth-child(n) { width: 44px; min-width: 44px; min-height: 44px; height: 44px; padding: 0; display: grid; place-items: center; opacity: 1; border: 0; border-radius: 50%; background: transparent; box-shadow: none; transform: none; }
.help-program-preview-band .program-device-thumbs button:hover,
.help-program-preview-band .program-device-thumbs button:focus-visible,
.help-program-preview-band .program-device-thumbs button[aria-pressed="true"] { border: 0; background: transparent; box-shadow: none; transform: none; }
.help-program-preview-band .program-device-thumbs img { display: none; }
.help-program-preview-band .program-device-thumbs button > span:first-child { position: static; width: 9px; min-width: 9px; min-height: 9px; height: 9px; padding: 0; overflow: hidden; border: 0; border-radius: 999px; color: transparent; background: rgba(151,160,181,.42); box-shadow: none; text-indent: -999px; transition: width .22s ease, background .22s ease, box-shadow .22s ease; }
.help-program-preview-band .program-device-thumbs button:hover > span:first-child,
.help-program-preview-band .program-device-thumbs button:focus-visible > span:first-child { background: color-mix(in srgb,var(--device-accent) 64%,#aeb7ca); }
.help-program-preview-band .program-device-thumbs button[aria-pressed="true"] > span:first-child { width: 28px; background: var(--device-accent); box-shadow: 0 0 15px color-mix(in srgb,var(--device-accent) 58%,transparent); }
.cinema-home .program-assurances { border: 0; background: transparent; box-shadow: none; }
.cinema-home .assurance-card { border-color: rgba(255,255,255,.1); background: linear-gradient(145deg,rgba(30,38,58,.78),rgba(13,19,32,.72)); box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 16px 38px rgba(0,0,0,.2); }
.cinema-home .assurance-card + .assurance-card { border-color: rgba(255,255,255,.1); }
.cinema-home .assurance-copy strong { color: #e9ecf3; }
.cinema-home .assurance-copy span { color: #7f899c; }

.cinema-home .online-section { border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); background: #07090f; }
.cinema-home .online-copy h2 { font-size: 52px; letter-spacing: 0; }
.cinema-home .online-copy p { color: #9aa3b7; font-size: 17px; }
.cinema-home .online-feature-grid a { position: relative; overflow: hidden; border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.035); backdrop-filter: blur(18px); }
.cinema-home .online-feature-grid a:hover { border-color: rgba(113,212,235,.35); background: rgba(255,255,255,.065); transform: translateY(-6px); }
.cinema-home .online-feature-grid strong { color: #f2f4f9; }
.cinema-home .online-feature-grid p { color: #8993a7; }

.cinema-home .contact { width: 100%; max-width: none; padding: 112px max(30px, calc((100vw - 1280px) / 2)); background: radial-gradient(circle at 74% 20%, rgba(110,70,235,.12), transparent 28%), #05060a; }
.cinema-home .contact-panel { border: 1px solid rgba(255,255,255,.09); border-radius: 34px; background: linear-gradient(145deg, rgba(17,19,29,.92), rgba(8,10,15,.9)); box-shadow: 0 40px 120px rgba(0,0,0,.42); }
.cinema-home .contact-copy h2 { color: #fff; font-size: 46px; line-height: 1.08; letter-spacing: 0; }
.cinema-home .contact-copy h2 span,
.cinema-home .contact-copy h2 em { display: block; white-space: nowrap; }
.cinema-home .contact-copy h2 em { color: transparent; background: linear-gradient(100deg, #b8afff, #67dced); -webkit-background-clip: text; background-clip: text; }
.cinema-home .contact-copy p { color: #949db0; font-size: 17px; }
.cinema-home .contact-card { position: relative; overflow: hidden; border-color: rgba(255,255,255,.09); color: #fff; background: rgba(255,255,255,.035); }
.cinema-home .contact-card:hover { border-color: rgba(141,119,246,.35); background: rgba(255,255,255,.065); }
.cinema-home .contact-card h3 { color: #fff; }
.cinema-home .contact-card p, .cinema-home .contact-card span { color: #8f98ab; }
.cinema-home .platform-showcase, .cinema-home .social-contact-grid { border-color: rgba(255,255,255,.08); }
.cinema-home .platform-entry, .cinema-home .social-contact-card { border-color: rgba(255,255,255,.08); color: #fff; background: rgba(255,255,255,.028); }
.cinema-home .platform-entry:hover, .cinema-home .social-contact-card:hover { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.065); }
.cinema-home .platform-entry strong, .cinema-home .social-contact-card strong { color: #eef1f7; }

@media (min-width: 1181px) {
  .cinema-home .site-header,
  .cinema-home footer { width: min(var(--cinema-content-max), calc(100% - 48px)); }
  .cinema-home .programs,
  .cinema-home .contact { padding-inline: max(24px, calc((100vw - var(--cinema-content-max)) / 2)); }
}
.cinema-home .platform-entry small, .cinema-home .social-contact-card small { color: #818b9e; }
.cinema-home .social-contact-card[aria-pressed="true"] { border-color: var(--social-border); color: var(--social-ink); background: var(--social-active); box-shadow: 0 18px 42px var(--social-shadow), inset 0 1px 0 rgba(255,255,255,.7); transform: translateY(-3px); }
.cinema-home .social-contact-card[aria-pressed="true"] .social-letter { color: var(--social-ink); border-color: rgba(255,255,255,.72); background: rgba(255,255,255,.76); box-shadow: 0 8px 18px rgba(0,0,0,.16); }
.cinema-home .social-contact-card[aria-pressed="true"] small { color: color-mix(in srgb, var(--social-ink) 72%, transparent); }
@media (hover: hover) {
  .cinema-home .social-contact-card:hover, .cinema-home .social-contact-card:focus-visible { border-color: var(--social-border); color: var(--social-ink); background: var(--social-active); box-shadow: 0 18px 42px var(--social-shadow), inset 0 1px 0 rgba(255,255,255,.7); }
  .cinema-home .social-contact-card:hover .social-letter, .cinema-home .social-contact-card:focus-visible .social-letter { color: var(--social-ink); border-color: rgba(255,255,255,.72); background: rgba(255,255,255,.76); }
  .cinema-home .social-contact-card:hover small, .cinema-home .social-contact-card:focus-visible small { color: color-mix(in srgb, var(--social-ink) 72%, transparent); }
}

.cinema-home footer { border-top-color: rgba(255,255,255,.09); color: #7f899d; }
.cinema-home .footer-brand strong { color: #fff; }
.cinema-home .footer-links a { color: #9099ab; }
.cinema-home .footer-links a:hover { color: #fff; }
.cinema-home .quick-toolbar { border-color: rgba(255,255,255,.12); background: rgba(9,11,17,.82); box-shadow: 0 20px 60px rgba(0,0,0,.42); backdrop-filter: blur(24px); }
.cinema-home .quick-toolbar button { color: #a8b0c1; }
.cinema-home .quick-toolbar button + button { border-color: rgba(255,255,255,.08); }
.cinema-home .quick-toolbar button:hover { color: #fff; background: rgba(255,255,255,.07); }
.cinema-home .tool-dialog, .cinema-home .download-dialog { color: #eef1f7; background: rgba(5,7,11,.74); backdrop-filter: blur(18px); }
.cinema-home .tool-dialog-shell, .cinema-home .dialog-shell { border: 1px solid rgba(255,255,255,.11); color: #eef1f7; background: linear-gradient(145deg, #141722, #090b11); box-shadow: 0 50px 140px rgba(0,0,0,.68); }
.cinema-home .tool-dialog-heading h2, .cinema-home .dialog-heading h2, .cinema-home .platform-heading h3, .cinema-home .package-row strong { color: #f3f5fa; }
.cinema-home .tool-dialog-heading p, .cinema-home .dialog-heading p, .cinema-home .platform-heading p, .cinema-home .package-row span, .cinema-home .dialog-note { color: #8d96a9; }
.cinema-home .platform-card, .cinema-home .site-search-field, .cinema-home .site-search-results a, .cinema-home .creator-contact-card { border-color: rgba(255,255,255,.09); color: #e8ebf2; background: rgba(255,255,255,.035); }
.cinema-home .site-search-field input { color: #fff; }
.cinema-home .site-search-field input::placeholder { color: #737d90; }

.download-center-page .download-center-hero { position: relative; min-height: 700px; padding: 176px max(24px, calc((100vw - 1240px) / 2)) 110px; display: grid; place-items: center; overflow: hidden; text-align: center; }
.download-center-page .download-center-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 35%, rgba(104, 78, 224, .22), transparent 34%), radial-gradient(circle at 68% 66%, rgba(62, 192, 216, .11), transparent 30%), linear-gradient(180deg, rgba(7, 9, 16, .68), #07080d); pointer-events: none; }
.download-center-page .download-center-copy { position: relative; z-index: 1; width: min(100%, 920px); }
.download-center-page .download-center-copy .eyebrow { justify-content: center; }
.download-center-page .download-center-copy h1 { margin: 26px 0 24px; display: grid; gap: .16em; color: #fff; font-size: clamp(58px, 6.4vw, 92px); line-height: 1.02; letter-spacing: -.055em; }
.download-center-page .download-center-copy h1 span, .download-center-page .download-center-copy h1 em { display: block; }
.download-center-page .download-center-copy h1 em { color: transparent; background: linear-gradient(105deg, #fff, #b9b1ff 44%, #67dced); background-clip: text; -webkit-background-clip: text; font-style: normal; }
.download-center-page .download-center-copy > p { max-width: 760px; margin: 0 auto; color: #a3acbe; font-size: 18px; line-height: 1.82; }
.download-center-page .download-center-actions { margin-top: 34px; display: flex; justify-content: center; gap: 12px; }
.download-center-page .download-center-path { width: min(100%, 760px); margin: 42px auto 0; padding: 12px 18px; display: flex; align-items: center; justify-content: center; gap: 16px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 999px; color: #abb3c2; background: rgba(9, 12, 19, .68); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 20px 50px rgba(0, 0, 0, .24); backdrop-filter: blur(20px) saturate(145%); }
.download-center-page .download-center-path span { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; white-space: nowrap; }
.download-center-page .download-center-path b { color: #8ee4ef; font-size: 9px; letter-spacing: .08em; }
.download-center-page .download-center-path i { width: 28px; height: 1px; background: linear-gradient(90deg, rgba(141, 120, 255, .15), rgba(103, 218, 238, .58)); }

@media (min-width: 761px) {
  .cinema-home .programs .section-heading { max-width: none; }
  .cinema-home .programs .section-heading h2 { font-size: clamp(48px, 4.35vw, 64px); white-space: nowrap; text-wrap: nowrap; }
  .cinema-home .quick-toolbar { position: fixed; right: 18px; left: auto; }
}

@media (max-width: 1180px) {
  .cinema-home .hero { min-height: auto; padding-top: 160px; align-items: start; grid-template-columns: 1fr; }
  .cinema-home .hero-content { width: 100%; max-width: 800px; }
  .cinema-home .hero-visual { top: auto; right: auto; width: min(780px, 100%); margin: 42px auto 0; justify-self: center; transform: none; }
  .cinema-home .trust-strip { bottom: auto; }
  .cinema-home .program-card, .cinema-home .cinema-program-reverse { grid-template-columns: 1fr; }
  .cinema-home .cinema-program-reverse .program-preview, .cinema-home .cinema-program-reverse .program-body { order: initial; }
  .cinema-home .cinema-program-visual, .cinema-home .cinema-program-reverse .cinema-program-visual { min-height: 0; padding: 70px 50px 26px; }
  .cinema-home .program-body, .cinema-home .cinema-program-reverse .program-body { padding: 48px 50px 56px; border-top: 1px solid rgba(255,255,255,.08); border-right: 0; border-left: 0; }
  .cinema-home .cinema-program-reverse .cinema-program-number { right: auto; left: 36px; }
}

@media (max-width: 760px) {
  .cinema-home .site-header { top: 8px; width: calc(100% - 20px); }
  .cinema-home .nav-toggle span { background: #fff; }
  .cinema-home .main-nav { border-color: rgba(255,255,255,.1); background: rgba(8,10,16,.96); box-shadow: 0 30px 60px rgba(0,0,0,.5); }
  .cinema-home .main-nav a { color: #c9ced9; }
  .cinema-home .hero { min-height: auto; padding: 140px 20px 72px; }
  .cinema-home .hero::before { background: radial-gradient(circle at 70% 30%, rgba(109,70,230,.18), transparent 34%); }
  .cinema-home .hero-content { width: 100%; }
  .cinema-home .hero h1 { font-size: clamp(43px, 12vw, 66px); line-height: 1.08; }
  .cinema-home .hero-content > p { font-size: 16px; line-height: 1.75; }
  .cinema-home .hero-actions { display: grid; }
  .cinema-home .hero-visual { top: auto; right: auto; width: 100%; margin-top: 34px; }
  .cinema-home .cinema-product-window { transform: none; border-radius: 14px; }
  .cinema-home .cinema-product-caption { height: 42px; padding: 0 12px; }
  .cinema-home .cinema-platform-map { min-height: 0; padding: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; gap: 8px; }
  .cinema-home .cinema-platform-core { grid-column: 1 / -1; grid-row: auto; padding: 14px; justify-content: flex-start; border-radius: 14px; }
  .cinema-home .cinema-platform-core img { width: 48px; height: 48px; flex-basis: 48px; }
  .cinema-home .cinema-platform-core strong { font-size: 15px; }
  .cinema-home .cinema-platform-node { grid-column: auto; grid-row: auto; min-height: 70px; padding: 10px; gap: 8px; border-radius: 13px; }
  .cinema-home .node-earn { grid-column: 1 / -1; grid-template-columns: 32px minmax(0, 1fr); }
  .cinema-home .node-detail { display: none; }
  .cinema-home .hero-screen-facts { gap: 8px; }
  .cinema-home .hero-screen-facts > span { min-height: 62px; padding: 10px; column-gap: 8px; border-radius: 13px; }
  .cinema-home .hero-screen-facts strong { font-size: 11px; }
  .cinema-home .hero-screen-facts small { font-size: 9px; }
  .cinema-home .hero-product-dock { padding: 4px; gap: 2px; border-radius: 13px; }
  .cinema-home .hero-product-dock a { min-height: 42px; padding: 0 4px; gap: 4px; border-radius: 9px; font-size: 10px; }
  .cinema-home .hero-product-dock a span { font-size: 8px; }
  .cinema-home .floating-card { display: none; }
  .cinema-home .trust-strip { bottom: auto; }
  .cinema-home .programs, .cinema-home .contact { padding: 94px 20px; }
  .cinema-home .section-heading h2 { font-size: 46px; }
  .cinema-home .program-grid { gap: 42px; }
  .cinema-home .program-card { min-height: 0; border-radius: 24px; }
  .cinema-home .cinema-program-visual, .cinema-home .cinema-program-reverse .cinema-program-visual { padding: 62px 14px 18px; }
  .cinema-home .program-real-window { border-radius: 12px; transform: none; }
  .cinema-home .program-real-bar { height: 36px; padding: 0 10px; }
  .cinema-home .program-real-shot { aspect-ratio: 16 / 10; }
  .cinema-home .program-body, .cinema-home .cinema-program-reverse .program-body { padding: 36px 22px 40px; }
  .cinema-home .program-kicker { margin-bottom: 20px; }
  .cinema-home .program-identity > img { width: 54px; height: 54px; }
  .cinema-home .program-identity h3 { font-size: 34px; }
  .cinema-home .program-features { grid-template-columns: 1fr; }
  .cinema-home .program-footer { align-items: stretch; flex-direction: column; }
  .cinema-home .program-footer > div:first-child { padding: 12px; align-items: flex-start; flex-direction: column; gap: 4px; }
  .cinema-home .program-footer .button { width: 100%; }
  .cinema-home .program-release-line { align-items: flex-start; flex-direction: column; }
  .cinema-home .program-release-line strong { text-align: left; }
  .cinema-home .contact-panel { border-radius: 25px; }
  .cinema-home .online-copy h2, .cinema-home .contact-copy h2 { font-size: 42px; }
  .download-center-page .download-center-hero { min-height: auto; padding: 140px 20px 88px; }
  .download-center-page .download-center-copy h1 { font-size: clamp(48px, 13vw, 66px); }
  .download-center-page .download-center-copy > p { font-size: 16px; }
  .download-center-page .download-center-actions { display: grid; }
  .download-center-page .download-center-path { padding: 16px; align-items: stretch; flex-direction: column; border-radius: 20px; }
  .download-center-page .download-center-path span { justify-content: center; }
  .download-center-page .download-center-path i { width: 1px; height: 12px; align-self: center; }
}

@media (max-width: 420px) {
  .cinema-home .hero { min-height: auto; }
  .cinema-home .hero h1 { font-size: 42px; }
  .cinema-home .hero-visual { top: auto; }
  .cinema-home .cinema-product-caption strong { display: none; }
  .cinema-home .section-heading h2, .cinema-home .online-copy h2, .cinema-home .contact-copy h2 { font-size: 36px; }
}

@media (prefers-reduced-motion: reduce) {
  .cinema-home .cinema-ambient span { display: none; }
  .cinema-home .program-card:hover, .cinema-home .online-feature-grid a:hover { transform: none; }
  .cinema-home .program-real-window, .cinema-home .program-real-shot { transform: none; scale: 1; }
}

@media (max-width: 1040px) {
  .cinema-home .family-stage-body { grid-template-columns: 1fr; }
  .cinema-home .family-stage-screen { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .cinema-home .family-stage-copy { padding: 48px; }
}

@media (max-width: 760px) {
  .cinema-home .product-family-stage { margin: 30px 0 48px; border-radius: 16px; }
  .cinema-home .family-stage-tabs { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .cinema-home .family-stage-tabs::-webkit-scrollbar { display: none; }
  .cinema-home .family-stage-tabs a { min-width: 118px; min-height: 64px; scroll-snap-align: start; }
  .cinema-home .family-stage-body { min-height: 0; }
  .cinema-home .family-stage-screen { padding: 54px 14px 24px; }
  .cinema-home .family-stage-screen > div { height: 40px; padding: 0 10px; }
  .cinema-home .family-stage-screen:hover img { transform: none; }
  .cinema-home .family-stage-number { top: 18px; left: 18px; }
  .cinema-home .family-stage-copy { padding: 34px 22px 38px; }
  .cinema-home .family-stage-copy h3 { font-size: 38px; }
  .cinema-home .family-stage-copy > strong { font-size: 17px; }
  .cinema-home .family-stage-features { grid-template-columns: 1fr; }
  .cinema-home .family-stage-actions { display: grid; grid-template-columns: 1fr; }
  .cinema-home .family-stage-actions .button { width: 100%; }
  .cinema-home .program-card-actions { width: 100%; display: grid; grid-template-columns: 1fr; }
  .cinema-home .program-card-actions .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .cinema-home .family-stage-screen::before { display: none; }
  .cinema-home .family-stage-screen img, .cinema-home .family-stage-tabs button { transition: none; }
}

.support-assistant { position: fixed; right: 20px; bottom: 20px; z-index: 90; font-family: inherit; }
.support-lanyard-strap { position: absolute; right: 20px; bottom: 76px; width: 34px; height: 26px; z-index: 1; border-right: 2px solid rgba(102,215,235,.72); border-left: 2px solid rgba(142,112,255,.76); border-radius: 5px 5px 15px 15px; filter: drop-shadow(0 0 8px rgba(111,190,239,.36)); pointer-events: none; transform: perspective(120px) rotateX(-8deg); animation: support-lanyard-in .28s cubic-bezier(.16,1,.3,1); }
.support-lanyard-strap::after { content: ""; position: absolute; right: 6px; bottom: -6px; width: 16px; height: 12px; border: 1px solid rgba(255,255,255,.24); border-radius: 5px; background: linear-gradient(145deg,#667182,#202632); box-shadow: inset 0 1px rgba(255,255,255,.24); }
.support-assistant:not(.is-open) .support-lanyard-strap { display: none; }
.support-assistant-launcher { width: 74px; min-height: 78px; padding: 6px 6px 8px; display: grid; place-items: center; gap: 2px; overflow: hidden; color: #f4f6fa; border: 1px solid rgba(148,170,255,.24); border-radius: 18px; background: rgba(7,18,48,.85); box-shadow: 0 22px 58px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(24px) saturate(155%); transition: transform .22s cubic-bezier(.16,1,.3,1), border-color .2s ease, background .2s ease; }
.support-assistant-launcher img { width: 52px; height: 48px; display: block; object-fit: contain; }
.support-assistant-launcher span { font-size: 11px; font-weight: 700; white-space: nowrap; }
.support-assistant-launcher:hover, .support-assistant-launcher:focus-visible, .support-assistant-launcher[aria-expanded="true"] { border-color: rgba(128,108,255,.5); background: rgba(13,30,66,.94); transform: translateY(-3px); }
.support-assistant-panel { position: absolute; right: 0; bottom: 112px; width: min(390px, calc(100vw - 32px)); max-height: min(760px, calc(100vh - 136px)); overflow: auto; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; color: #f4f6fa; background: radial-gradient(circle at 88% 5%,rgba(80,204,227,.1),transparent 28%),linear-gradient(145deg,rgba(20,23,35,.96),rgba(7,9,15,.94)); box-shadow: 0 34px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.09); backdrop-filter: blur(28px) saturate(165%); transform-origin: right bottom; animation: support-panel-in .24s cubic-bezier(.16,1,.3,1); }
.support-assistant-panel[hidden] { display: none; }
.support-assistant-panel > header { padding: 24px 22px 20px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; border-bottom: 1px solid rgba(255,255,255,.09); }
.support-assistant-panel header span { color: #8d7cff; font-size: 10px; font-weight: 800; }
.support-assistant-panel h2 { margin: 8px 0 5px; color: #fff; font-size: 24px; line-height: 1.18; }
.support-assistant-panel header p { margin: 0; color: #929bad; font-size: 12px; }
.support-assistant-panel header p strong { color: #dce1ea; font-weight: 600; }
.support-assistant-panel header button { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; color: #aab2c1; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: rgba(255,255,255,.04); }
.support-assistant-panel header button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.support-assistant-panel nav { padding: 10px; display: grid; gap: 4px; }
.support-assistant-panel nav a { min-height: 66px; padding: 11px 12px; display: grid; grid-template-columns: 44px minmax(0,1fr); align-items: center; gap: 12px; color: #eef1f6; border: 1px solid transparent; border-radius: 12px; transition: border-color .2s ease, background .2s ease; }
.support-assistant-panel nav a:hover, .support-assistant-panel nav a:focus-visible { border-color: rgba(137,117,255,.24); background: rgba(125,104,255,.09); }
.support-assistant-panel nav a > span { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #9f91ff; background: rgba(255,255,255,.035); }
.support-assistant-panel nav svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.support-assistant-panel nav strong, .support-assistant-panel nav small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-assistant-panel nav strong { font-size: 14px; }
.support-assistant-panel nav small { margin-top: 4px; color: #8791a3; font-size: 12px; }
.support-assistant-feedback { min-height: 48px; margin: 0 10px 10px; padding: 0 14px; display: flex; align-items: center; justify-content: center; color: #d7dbe4; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: rgba(255,255,255,.035); font-size: 13px; }
.support-assistant-feedback:hover { border-color: rgba(100,212,233,.28); background: rgba(100,212,233,.08); }
@keyframes support-panel-in { from { transform: translateY(12px) scale(.97); } to { transform: translateY(0) scale(1); } }
@keyframes support-lanyard-in { from { opacity: 0; transform: translateY(-8px) rotateX(-8deg); } to { opacity: 1; transform: translateY(0) rotateX(-8deg); } }
@media (max-width: 760px) {
  .support-assistant { right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); }
  .support-assistant-launcher { width: 56px; min-height: 56px; padding: 4px; border-radius: 15px; }
  .support-assistant-launcher img { width: 44px; height: 44px; }
  .support-assistant-launcher span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .support-assistant-panel { right: 0; bottom: 68px; max-height: calc(100svh - 100px); border-radius: 18px; }
  .support-lanyard-strap { display: none; }
  .support-assistant-panel > header { padding: 19px 17px 16px; }
  .support-assistant-panel nav { padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .support-assistant-panel { animation: none; }
  .support-lanyard-strap { animation: none; }
  .support-assistant-launcher { transition: none; }
}

/* 深色站（首页深蓝体系与影院深色页）：搜索与联系创作者弹窗内的浅色元素统一改为深蓝抠图风格 */
.cinema-home .tool-dialog-close, .home-site .tool-dialog-close { border-color: rgba(148,170,255,.22); color: #eef1f7; background: rgba(148,170,255,.1); }
.cinema-home .tool-dialog-close:hover, .home-site .tool-dialog-close:hover { background: rgba(148,170,255,.18); }
.cinema-home .creator-wechat-mark, .home-site .creator-wechat-mark { color: #2fd391; background: rgba(148,170,255,.09); box-shadow: none; }
/* 二维码本体需要白底保证可扫描，仅容器描边与阴影改为深蓝风格 */
.cinema-home .creator-qr, .home-site .creator-qr { border-color: rgba(148,170,255,.2); background: rgba(255,255,255,.94); box-shadow: 0 12px 30px rgba(0,0,0,.4); }
.cinema-home .creator-qr small, .home-site .creator-qr small { color: #0b1836; }
.cinema-home .site-search-results a, .home-site .site-search-results a { border-color: rgba(148,170,255,.14); background: rgba(148,170,255,.07); color: #e8ebf2; }
.cinema-home .site-search-results a:hover, .cinema-home .site-search-results a:focus-visible, .home-site .site-search-results a:hover, .home-site .site-search-results a:focus-visible { border-color: rgba(148,170,255,.3); background: rgba(148,170,255,.14); }
.cinema-home .site-search-results small, .home-site .site-search-results small { color: #9aa7c7; }

.support-panel-open .quick-toolbar { opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(18px); }
.support-assistant-panel { width: min(420px, calc(100vw - 32px)); overflow: hidden; }
.support-assistant-content { max-height: min(650px, calc(100svh - 160px)); overflow-y: auto; overscroll-behavior: contain; }
.support-assistant-view { padding: 14px; }
.support-ai-status { min-height: 58px; padding: 10px 12px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(104,224,193,.16); border-radius: 14px; background: linear-gradient(135deg,rgba(45,198,161,.09),rgba(113,89,232,.08)); }
.support-ai-status > i { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; background: #57dcb4; box-shadow: 0 0 15px rgba(87,220,180,.7); }
.support-ai-status span { min-width: 0; display: grid; gap: 3px; }
.support-ai-status strong { color: #edf8f5; font-size: 13px; }
.support-ai-status small { color: #8291a4; font-size: 10px; }
.support-chat { height: 190px; margin-top: 10px; padding: 12px; overflow-y: auto; display: grid; align-content: start; gap: 10px; border: 1px solid rgba(255,255,255,.075); border-radius: 14px; background: rgba(2,5,11,.34); scrollbar-width: thin; scrollbar-color: rgba(139,108,255,.34) transparent; }
.support-chat article { max-width: 88%; display: grid; gap: 4px; }
.support-chat article.user { margin-left: auto; justify-items: end; }
.support-chat article > span { color: #738096; font-size: 9px; font-weight: 750; }
.support-chat article p { margin: 0; padding: 9px 11px; border: 1px solid rgba(255,255,255,.08); border-radius: 5px 13px 13px 13px; color: #c9d1df; background: rgba(255,255,255,.045); font-size: 12px; line-height: 1.55; }
.support-chat article.user p { border-color: rgba(139,108,255,.22); border-radius: 13px 5px 13px 13px; color: #eef0ff; background: rgba(116,88,225,.16); }
.support-chat article a { width: fit-content; min-height: 34px; padding: 0 11px; display: inline-flex; align-items: center; border: 1px solid rgba(98,211,231,.18); border-radius: 9px; color: #84deeb; background: rgba(98,211,231,.06); font-size: 10px; font-weight: 750; }
.support-question-chips { margin-top: 10px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.support-question-chips button { min-width: 0; min-height: 40px; padding: 0 10px; overflow: hidden; border: 1px solid rgba(255,255,255,.085); border-radius: 10px; color: #acb5c5; background: rgba(255,255,255,.035); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; transition: color .2s ease,border-color .2s ease,background .2s ease; }
.support-question-chips button:hover,
.support-question-chips button:focus-visible { color: #fff; border-color: rgba(135,111,255,.3); background: rgba(117,91,229,.1); outline: none; }
.support-question-form { margin-top: 9px; display: grid; grid-template-columns: minmax(0,1fr) 44px; gap: 7px; }
.support-question-form input { min-width: 0; height: 44px; padding: 0 13px; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; color: #f1f3f8; background: rgba(255,255,255,.045); outline: none; }
.support-question-form input:focus { border-color: rgba(139,108,255,.48); box-shadow: 0 0 0 3px rgba(139,108,255,.1); }
.support-question-form button { width: 44px; height: 44px; display: grid; place-items: center; border: 0; border-radius: 11px; color: #fff; background: linear-gradient(135deg,#7258e8,#348ec9); box-shadow: 0 10px 24px rgba(77,66,184,.24); }
.support-question-form svg,
.support-human-entry svg,
.support-view-back svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.support-human-entry { width: 100%; min-height: 62px; margin-top: 9px; padding: 9px 11px; display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: 11px; border: 1px solid rgba(244,172,91,.19); border-radius: 12px; color: #f2f4f8; background: linear-gradient(135deg,rgba(244,172,91,.09),rgba(116,88,232,.07)); text-align: left; transition: border-color .2s ease,background .2s ease; }
.support-human-entry:hover,
.support-human-entry:focus-visible { border-color: rgba(244,172,91,.38); background: linear-gradient(135deg,rgba(244,172,91,.14),rgba(116,88,232,.11)); outline: none; }
.support-human-entry > span { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(244,172,91,.2); border-radius: 10px; color: #f5b86f; background: rgba(244,172,91,.07); }
.support-human-entry div { min-width: 0; display: grid; gap: 4px; }
.support-human-entry strong,
.support-human-entry small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-human-entry strong { font-size: 13px; }
.support-human-entry small { color: #8e98aa; font-size: 10px; }
.support-assistant-panel .support-quick-links { margin-top: 9px; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.support-assistant-panel .support-quick-links a { min-height: 44px; padding: 0 10px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; color: #9aa5b7; background: rgba(255,255,255,.03); font-size: 11px; font-weight: 700; text-align: center; white-space: nowrap; }
.support-assistant-panel .support-quick-links a:hover,
.support-assistant-panel .support-quick-links a:focus-visible { color: #e5e9f2; border-color: rgba(139,108,255,.2); background: rgba(139,108,255,.07); outline: none; }
.support-ticket-view { padding-bottom: 18px; }
.support-view-back { min-height: 40px; padding: 0 5px; display: inline-flex; align-items: center; gap: 6px; border: 0; color: #929db0; background: transparent; font-size: 11px; }
.support-ticket-heading { margin-top: 9px; padding: 17px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; background: linear-gradient(135deg,rgba(116,88,232,.1),rgba(53,146,196,.07)); }
.support-ticket-heading > span { color: #8f7eff; font-size: 9px; font-weight: 800; }
.support-ticket-heading h3 { margin: 6px 0 5px; color: #fff; font-size: 19px; }
.support-ticket-heading p { margin: 0; color: #8e98a9; font-size: 11px; line-height: 1.6; }
.support-ticket-form { margin-top: 10px; display: grid; gap: 10px; }
.support-ticket-form label { display: grid; gap: 6px; color: #c2c9d5; font-size: 11px; font-weight: 700; }
.support-ticket-form input,
.support-ticket-form textarea { width: 100%; min-height: 44px; padding: 11px 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; color: #eef1f6; background: rgba(255,255,255,.045); outline: none; }
.support-ticket-form textarea { min-height: 108px; resize: vertical; line-height: 1.55; }
.support-ticket-form input:focus,
.support-ticket-form textarea:focus { border-color: rgba(139,108,255,.48); box-shadow: 0 0 0 3px rgba(139,108,255,.1); }
.support-ticket-form > button { min-height: 46px; border: 0; border-radius: 11px; color: #fff; background: linear-gradient(120deg,#7257e8,#2e9dca); font-weight: 800; }
.support-ticket-form > button:disabled { opacity: .56; cursor: wait; }
.support-ticket-status { min-height: 18px; margin: 0; color: #80dfc1; font-size: 10px; line-height: 1.5; text-align: center; }
.support-honeypot { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; opacity: 0; pointer-events: none; }

@media (max-width: 760px) {
  .support-assistant-content { max-height: calc(100svh - 168px); }
  .support-assistant-view { padding: 10px; }
  .support-chat { height: 168px; }
  .support-assistant-panel .support-quick-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .support-panel-open .quick-toolbar { transform: none; }
}

.help-product-context-bar { width: min(1280px, calc(100% - 48px)); margin: -30px auto 82px; display: grid; grid-template-columns: minmax(164px, .72fr) minmax(0, 4.28fr); align-items: stretch; gap: 10px; color: #eef1f7; }
.help-product-context-bar > div { min-width: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.help-product-context-bar a { position: relative; min-width: 0; min-height: 68px; padding: 10px 12px; display: flex; align-items: center; gap: 10px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; color: #dfe3eb; background: linear-gradient(145deg, rgba(23,29,45,.82), rgba(10,14,24,.76)); box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 16px 36px rgba(0,0,0,.2); backdrop-filter: blur(20px) saturate(145%); transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.help-product-context-bar a img { width: 34px; height: 34px; flex: 0 0 34px; object-fit: contain; }
.help-product-context-bar a > span { min-width: 0; display: grid; align-content: center; }
.help-product-context-bar .help-context-home { padding-left: 17px; display: grid; align-content: center; gap: 4px; }
.help-context-home > span { color: #7fddec; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.help-context-home > strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.help-product-context-bar a::after { content: ""; position: absolute; right: 16px; bottom: 0; left: 16px; height: 2px; opacity: 0; background: var(--help-product-accent); box-shadow: 0 0 14px var(--help-product-accent); transition: opacity .2s ease, right .2s ease, left .2s ease; }
.help-product-context-bar a:hover, .help-product-context-bar a[aria-current="page"] { border-color: color-mix(in srgb, var(--help-product-accent, #8b73ff) 38%, rgba(255,255,255,.12)); background: linear-gradient(145deg, color-mix(in srgb, var(--help-product-accent, #8b73ff) 11%, rgba(25,31,48,.9)), rgba(10,14,24,.84)); transform: translateY(-2px); }
.help-product-context-bar a:hover::after, .help-product-context-bar a[aria-current="page"]::after { right: 0; left: 0; opacity: 1; }
.help-product-context-bar strong, .help-product-context-bar small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.help-product-context-bar strong { font-size: 13px; }
.help-product-context-bar small { margin-top: 4px; color: #8992a4; font-size: 10px; }
.product-help-hero { --help-accent: #8b73ff; }
.product-help-hero-inner { width: min(1280px, 100%); margin: 0 auto; display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); align-items: center; gap: clamp(36px,4vw,64px); }
.product-help-hero .support-hero-copy { min-width: 0; max-width: 100%; }
.product-help-hero .support-hero-copy h1 { max-width: 100%; font-size: clamp(42px,3.1vw,56px); line-height: 1.1; letter-spacing: 0; }
.product-help-hero .support-hero-copy h1 span, .product-help-hero .support-hero-copy h1 em { white-space: nowrap; }
.product-help-hero .support-hero-copy > p { max-width: 680px; }
.product-help-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 10px; }
.product-help-actions .button { min-height: 48px; }
.product-help-pending { color: #ded6ff; border: 1px solid color-mix(in srgb,var(--help-accent) 32%,transparent); background: color-mix(in srgb,var(--help-accent) 10%,transparent); }
.product-help-screen { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: #0b0e15; box-shadow: 0 38px 100px rgba(0,0,0,.44); }
.product-help-screen > span { height: 44px; padding: 0 14px; display: flex; align-items: center; gap: 8px; color: #9ba3b4; font-size: 11px; }
.product-help-screen > span i { width: 7px; height: 7px; border-radius: 50%; background: var(--help-accent); box-shadow: 0 0 12px var(--help-accent); }
.product-help-screen img { width: 100%; aspect-ratio: 16/10; display: block; object-fit: contain; object-position: center; background: #05070b; }
.product-help-guide, .product-help-capabilities, .product-help-troubleshooting, .product-help-support { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.product-help-guide { padding: 28px 0 112px; }
.product-help-guide .help-section-heading, .product-help-capabilities .help-section-heading, .product-help-troubleshooting .help-section-heading { max-width: 760px; margin-bottom: 46px; }
.product-help-prerequisites { margin-bottom: 22px; padding: 18px 20px; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 18px; border: 1px solid color-mix(in srgb,var(--help-accent) 26%,rgba(255,255,255,.09)); border-radius: 14px; color: #eef1f7; background: linear-gradient(135deg,color-mix(in srgb,var(--help-accent) 10%,rgba(20,27,43,.9)),rgba(10,14,24,.9)); box-shadow: inset 0 1px 0 rgba(255,255,255,.055); }
.product-help-prerequisites > strong { color: var(--help-accent); font-size: 13px; white-space: nowrap; }
.product-help-prerequisites > div { min-width: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.product-help-prerequisites span { min-height: 34px; padding: 7px 11px; display: flex; align-items: center; border: 1px solid rgba(255,255,255,.085); border-radius: 8px; color: #b5bdcc; background: rgba(255,255,255,.035); font-size: 12px; }
.product-help-guide ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.1); }
.product-help-guide li { min-height: 112px; padding: 24px 18px; display: grid; grid-template-columns: 64px minmax(0,1fr); align-items: center; gap: 24px; border-bottom: 1px solid rgba(255,255,255,.1); transition: background .22s ease; }
.product-help-guide li:hover { background: color-mix(in srgb,var(--help-accent) 6%,rgba(255,255,255,.02)); }
.product-help-guide li > span { color: var(--help-accent); font-size: 13px; font-weight: 800; }
.product-help-guide li strong { color: #f2f4f8; font-size: 22px; }
.product-help-guide li p { margin: 8px 0 0; color: #9ca5b6; font-size: 15px; line-height: 1.65; }
.product-help-capabilities { padding: 100px 0; border-top: 1px solid rgba(255,255,255,.09); }
.product-help-capabilities > div:last-child { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.product-help-capabilities article { min-height: 180px; padding: 26px; overflow: hidden; border: 1px solid color-mix(in srgb,var(--help-accent) 20%,rgba(255,255,255,.085)); border-radius: 16px; color: #eef1f7; background: radial-gradient(circle at 100% 0,color-mix(in srgb,var(--help-accent) 12%,transparent),transparent 45%),linear-gradient(145deg,rgba(28,35,54,.82),rgba(10,14,24,.9)); box-shadow: inset 0 1px 0 rgba(255,255,255,.055),0 18px 40px rgba(0,0,0,.18); }
.product-help-capabilities article span { color: var(--help-accent); font-size: 11px; font-weight: 800; }
.product-help-capabilities article strong { display: block; margin-top: 32px; color: #f3f5f9; font-size: 18px; line-height: 1.4; }
.product-help-capabilities article p { margin: 8px 0 0; color: #98a2b4; font-size: 13px; line-height: 1.65; }
.product-help-troubleshooting { padding: 94px 0 104px; border-top: 1px solid rgba(255,255,255,.09); }
.product-help-troubleshooting > div:last-child { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.product-help-troubleshooting article { min-width: 0; min-height: 156px; padding: 24px; display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 14px; border: 1px solid rgba(255,255,255,.095); border-radius: 15px; color: #eef1f7; background: linear-gradient(145deg,rgba(24,31,48,.84),rgba(9,13,22,.92)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.product-help-troubleshooting article > span { color: var(--help-accent); font-size: 11px; font-weight: 800; }
.product-help-troubleshooting article strong { display: block; color: #f4f5f8; font-size: 17px; line-height: 1.45; }
.product-help-troubleshooting article p { margin: 9px 0 0; color: #99a3b4; font-size: 13px; line-height: 1.65; }
.product-help-support { margin-bottom: 120px; padding: 46px; display: flex; align-items: center; justify-content: space-between; gap: 36px; border: 1px solid rgba(255,255,255,.11); border-radius: 18px; color: #fff; background: linear-gradient(135deg,#11142d,#080a10); box-shadow: 0 30px 80px rgba(0,0,0,.24); }
.product-help-support span { color: #7fdbec; font-size: 11px; font-weight: 800; }
.product-help-support h2 { margin: 12px 0 8px; color: #fff; font-size: 34px; }
.product-help-support p { margin: 0; color: #9ba4b5; font-size: 15px; }
.product-help-support .button { min-height: 48px; flex: 0 0 auto; }
.help-overview-hero { min-height: 820px; padding: 154px max(24px, calc((100vw - 1280px) / 2)) 96px; }
.help-overview-hero-inner { position: relative; z-index: 1; width: min(1280px, 100%); margin: 0 auto; display: grid; grid-template-columns: minmax(0,1fr); align-items: start; gap: 46px; }
.help-overview-hero .support-hero-copy { max-width: none; display: grid; grid-template-columns: minmax(420px,.92fr) minmax(440px,1.08fr); grid-template-areas: "eyebrow copy" "title actions"; align-items: end; gap: 10px clamp(56px,7vw,108px); }
.help-overview-hero .support-hero-copy > .eyebrow { grid-area: eyebrow; }
.help-overview-hero .support-hero-copy h1 { grid-area: title; margin: 16px 0 0; }
.help-overview-hero .support-hero-copy > p { grid-area: copy; max-width: 620px; margin: 0; align-self: end; }
.help-overview-hero .product-help-actions { grid-area: actions; margin-top: 12px; align-self: start; }
.help-overview-hero .support-hero-copy h1 span,
.help-overview-hero .support-hero-copy h1 em { display: block; white-space: nowrap; }
.help-overview-hero .support-hero-copy h1 em { color: transparent; background: linear-gradient(100deg, #7ee7ee, #8f7cff 54%, #d995ff); background-clip: text; -webkit-background-clip: text; font-style: normal; }
.help-overview-directory { min-width: 0; padding: 0; perspective: 1200px; }
.help-product-folder { position: relative; min-height: 0; padding: 18px; display: grid; gap: 14px; overflow: hidden; border: 1px solid rgba(151,137,255,.25); border-radius: 26px; background: linear-gradient(150deg, rgba(39,40,69,.96), rgba(16,23,39,.94) 58%, rgba(12,18,31,.96)); box-shadow: inset 0 1px 0 rgba(255,255,255,.11), inset 0 -26px 50px rgba(0,0,0,.18), 0 42px 110px rgba(0,0,0,.42); transform: perspective(1200px) rotateX(.35deg); transform-style: preserve-3d; transition: transform .35s cubic-bezier(.16,1,.3,1), border-color .3s ease; }
.help-product-folder::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; background: radial-gradient(circle at 15% 14%, rgba(135,104,255,.18), transparent 34%), radial-gradient(circle at 92% 82%, rgba(82,207,226,.09), transparent 32%); pointer-events: none; }
.help-overview-hero .button-secondary { color: #e7e9f1; border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.055); backdrop-filter: blur(14px); }
.help-overview-hero .button-secondary:hover { color: #fff; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.09); }
.help-product-folder:hover { border-color: rgba(141,121,255,.42); transform: perspective(1200px) rotateY(0) rotateX(0) translateY(-4px); }
.help-product-folder summary { position: relative; z-index: 1; width: 100%; min-height: 76px; padding: 14px 18px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 3px 16px; border: 1px solid rgba(174,160,255,.24); border-radius: 16px; color: #f4f5fb; background: linear-gradient(110deg, rgba(76,62,137,.9), rgba(32,35,62,.95) 56%, rgba(24,31,51,.94)); box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 18px 34px rgba(5,7,15,.2); cursor: pointer; list-style: none; transform-origin: center; transition: transform .3s cubic-bezier(.16,1,.3,1); }
.help-product-folder summary::-webkit-details-marker { display: none; }
.help-product-folder summary > span { grid-column: 1 / -1; color: #8fe6ee; font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.help-product-folder summary div { min-width: 0; }
.help-product-folder summary strong,
.help-product-folder summary small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.help-product-folder summary strong { font-size: 15px; }
.help-product-folder summary small { margin-top: 4px; color: #a6aec0; font-size: 10px; }
.help-product-folder summary > b { min-width: 38px; min-height: 38px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; color: #d8d1ff; background: rgba(255,255,255,.055); font-size: 11px; }
.help-product-folder[open] summary { transform: none; }
.help-product-folder nav { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; transform-style: preserve-3d; }
.help-product-folder nav a { position: relative; min-width: 0; min-height: 108px; padding: 15px 13px; display: grid; grid-template-columns: 42px minmax(0,1fr); grid-template-rows: auto auto; align-content: center; align-items: center; gap: 3px 11px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--help-product-accent) 28%, rgba(255,255,255,.08)); border-radius: 15px; color: #eef1f7; background: linear-gradient(135deg, color-mix(in srgb, var(--help-product-accent) 14%, rgba(28,35,54,.94)), rgba(15,20,33,.96)); box-shadow: 0 13px 30px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.055); transition: transform .26s cubic-bezier(.16,1,.3,1), border-color .24s ease, filter .24s ease; }
.help-product-folder nav a:first-child { min-height: 108px; }
.help-product-folder nav a:hover,
.help-product-folder nav a:focus-visible { z-index: 4; border-color: color-mix(in srgb, var(--help-product-accent) 62%, rgba(255,255,255,.12)); filter: brightness(1.12); outline: none; transform: translateY(-3px); }
.help-product-folder nav img { width: 42px; height: 42px; grid-row: 1 / 3; object-fit: contain; }
.help-product-folder nav a > span { min-width: 0; grid-column: 2; }
.help-product-folder nav strong,
.help-product-folder nav small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.help-product-folder nav strong { font-size: 15px; }
.help-product-folder nav small { margin-top: 4px; color: #929caf; font-size: 10px; }
.help-product-folder nav a > b { position: absolute; top: 10px; right: 11px; color: var(--help-product-accent); font-size: 9px; letter-spacing: .08em; }
.help-overview-services { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 112px 0 126px; }
.help-overview-services .help-section-heading { max-width: 760px; margin-bottom: 44px; }
.help-overview-service-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.help-overview-service-card { --service-accent: #69d9ed; --service-gradient: linear-gradient(180deg,#64e5ec,#6389ff,#9975ff); position: relative; min-width: 0; min-height: 128px; padding: 25px 20px 24px 38px; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; color: #eef1f7; background: linear-gradient(145deg, rgba(28,35,54,.88), rgba(12,17,28,.86)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 20px 48px rgba(0,0,0,.25); transition: transform .28s cubic-bezier(.16,1,.3,1), border-color .25s ease, background .25s ease; }
.help-overview-service-card:nth-child(2) { --service-accent: #55d9a7; --service-gradient: linear-gradient(180deg,#5ce9ab,#4ccedc,#717cff); }
.help-overview-service-card:nth-child(3) { --service-accent: #f0a75a; --service-gradient: linear-gradient(180deg,#ffd166,#f09368,#b36cff); }
.help-overview-service-card:nth-child(4) { --service-accent: #b782ff; --service-gradient: linear-gradient(180deg,#ef8fff,#a777ff,#5ed9ee); }
.help-overview-service-card::before { content: ""; position: absolute; inset: 18px auto 18px 12px; width: 4px; border-radius: 999px; background: var(--service-gradient); box-shadow: 0 0 18px color-mix(in srgb,var(--service-accent) 45%,transparent); transition: transform .25s ease; }
.help-overview-service-card > span { color: var(--service-accent); font-size: 10px; font-weight: 850; }
.help-overview-service-card strong,
.help-overview-service-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.help-overview-service-card strong { font-size: 16px; }
.help-overview-service-card small { margin-top: 7px; color: #929caf; font-size: 11px; }
.help-overview-service-card:hover,
.help-overview-service-card:focus-visible { border-color: color-mix(in srgb,var(--service-accent) 42%,rgba(255,255,255,.1)); background: linear-gradient(145deg, color-mix(in srgb,var(--service-accent) 9%,rgba(31,38,58,.92)), rgba(13,18,30,.9)); outline: none; transform: translateY(-4px); }
.help-overview-service-card:hover::before,
.help-overview-service-card:focus-visible::before { transform: translateX(3px); }
@media (max-width: 980px) {
  .help-product-context-bar { grid-template-columns: 1fr; }
  .help-overview-hero .support-hero-copy { display: block; max-width: 760px; }
  .help-overview-hero .support-hero-copy h1 { margin-top: 24px; }
  .help-overview-hero .support-hero-copy > p { margin-top: 24px; }
  .help-overview-directory { width: min(100%,760px); margin: 0 auto; }
  .help-product-folder nav { grid-template-columns: 1fr; }
  .help-product-folder nav a { min-height: 74px; }
  .help-product-folder nav a:first-child { min-height: 74px; }
  .help-overview-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-help-hero-inner { grid-template-columns: minmax(0,1fr); }
  .product-help-screen { width: min(100%,850px); }
  .product-help-capabilities > div:last-child { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-help-troubleshooting > div:last-child { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .help-product-context-bar { width: calc(100% - 40px); margin: -20px auto 62px; }
  .help-product-context-bar > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .help-product-context-bar > div a:last-child { grid-column: 1 / -1; }
  .help-product-context-bar a { min-height: 62px; }
  .help-overview-hero { min-height: auto; padding: 132px 20px 76px; }
  .help-overview-hero-inner { gap: 42px; }
  .help-overview-hero .support-hero-copy h1 span,
  .help-overview-hero .support-hero-copy h1 em { white-space: normal; }
  .help-overview-directory { padding: 4px 0 0; }
  .help-product-folder { min-height: 0; padding: 14px; border-radius: 24px; transform: none; }
  .help-product-folder:hover { transform: translateY(-2px); }
  .help-product-folder summary { width: 100%; padding-inline: 15px; }
  .help-product-folder nav { grid-template-columns: 1fr; gap: 8px; }
  .help-product-folder nav a,
  .help-product-folder nav a:first-child { grid-column: auto; min-height: 68px; grid-template-columns: 38px minmax(0,1fr) auto; padding-inline: 10px 12px; }
  .help-product-folder nav img { width: 38px; height: 38px; }
  .help-product-folder nav a:nth-child(n) { transform: none; }
  .help-overview-services { width: calc(100% - 40px); padding: 82px 0 92px; }
  .help-overview-service-grid { grid-template-columns: 1fr; }
  .product-help-hero-inner { gap: 38px; }
  .product-help-hero .support-hero-copy h1 { font-size: clamp(34px,9vw,42px); }
  .product-help-hero .support-hero-copy h1 span, .product-help-hero .support-hero-copy h1 em { white-space: normal; }
  .product-help-actions { display: grid; }
  .product-help-actions .button { width: 100%; }
  .product-help-guide, .product-help-capabilities, .product-help-troubleshooting, .product-help-support { width: calc(100% - 40px); }
  .product-help-guide { padding-bottom: 82px; }
  .product-help-guide li { grid-template-columns: 42px minmax(0,1fr); gap: 14px; }
  .product-help-prerequisites { grid-template-columns: 1fr; gap: 12px; }
  .product-help-prerequisites > div { display: grid; grid-template-columns: 1fr; }
  .product-help-capabilities { padding: 76px 0; }
  .product-help-capabilities > div:last-child { grid-template-columns: 1fr; }
  .product-help-capabilities article { min-height: 145px; }
  .product-help-troubleshooting { padding: 76px 0 82px; }
  .product-help-support { margin-bottom: 86px; padding: 28px 22px; align-items: stretch; flex-direction: column; }
  .product-help-support h2 { font-size: 30px; }
  .product-help-support .button { width: 100%; }
}

@media (max-height: 640px) and (min-width: 761px) {
  .quick-toolbar { right: 18px; bottom: 18px; }
  .support-assistant { right: 108px; bottom: 20px; }
}

.account-lanyard-menu { position: relative; z-index: 12; width: 54px; min-width: 54px; height: 48px; align-self: center; justify-self: end; }
.account-lanyard-strap { position: absolute; top: -17px; left: 50%; width: 18px; height: 23px; border: 1px solid rgba(131,202,238,.32); border-top: 0; border-radius: 0 0 9px 9px; background: linear-gradient(180deg,rgba(125,104,255,.05),rgba(91,217,236,.18)); box-shadow: 0 0 12px rgba(102,206,236,.18); transform: translateX(-50%); }
.account-lanyard-trigger { position: relative; z-index: 2; width: 54px; height: 48px; padding: 5px; display: grid; place-items: center; cursor: pointer; border: 1px solid rgba(255,255,255,.15); border-radius: 14px; color: #fff; background: linear-gradient(145deg,rgba(32,38,54,.9),rgba(9,12,20,.92)); box-shadow: inset 0 1px 0 rgba(255,255,255,.09),0 14px 30px rgba(0,0,0,.24); backdrop-filter: blur(18px) saturate(150%); transition: border-color .22s ease,transform .22s ease,box-shadow .22s ease; }
.account-pass-icon { position: relative; width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid rgba(126,135,255,.3); border-radius: 10px; color: #cdd8f0; background: linear-gradient(145deg,rgba(111,91,226,.16),rgba(67,190,219,.08)); }
.account-pass-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.account-pass-icon i { position: absolute; top: -2px; right: -2px; width: 8px; height: 8px; border: 2px solid #111621; border-radius: 50%; background: #55dfb2; box-shadow: 0 0 10px rgba(85,223,178,.78); }
.account-lanyard-trigger:hover,.account-lanyard-trigger:focus-visible,.account-lanyard-menu.is-open .account-lanyard-trigger { border-color: rgba(122,200,244,.48); outline: none; transform: translateY(2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 16px 34px rgba(0,0,0,.34),0 0 24px rgba(107,125,255,.12); }
.account-lanyard-card { position: fixed; top: 94px; right: max(20px,calc((100vw - 1320px) / 2 + 16px)); width: 244px; padding: 19px; display: grid; gap: 7px; visibility: hidden; opacity: 0; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; color: #eef1f7; background: linear-gradient(150deg,rgba(27,33,48,.98),rgba(8,11,18,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 26px 68px rgba(0,0,0,.46); pointer-events: none; backdrop-filter: blur(26px) saturate(160%); transform: translateY(-9px) scale(.97); transform-origin: top right; transition: opacity .2s ease,transform .24s cubic-bezier(.16,1,.3,1),visibility 0s linear .24s; }
.account-lanyard-card > span { color: #73d9ec; font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.account-lanyard-card > strong { overflow: hidden; color: #f4f6fa; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.account-lanyard-card > small { color: #929cad; font-size: 11px; line-height: 1.5; }
.account-lanyard-card > div { margin-top: 7px; display: grid; grid-template-columns: minmax(0,1fr) 70px; gap: 8px; }
.account-lanyard-card a { min-height: 44px; padding: 0 12px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; color: #e8ebf2; background: rgba(255,255,255,.045); font-size: 12px; font-weight: 750; white-space: nowrap; }
.account-lanyard-card a:first-child { border-color: rgba(115,116,255,.32); background: linear-gradient(110deg,rgba(126,88,255,.26),rgba(55,193,224,.18)); }
.account-lanyard-card a:hover,.account-lanyard-card a:focus-visible { border-color: rgba(121,206,240,.48); color: #fff; outline: none; background: rgba(255,255,255,.09); }
.account-lanyard-menu:hover .account-lanyard-card,.account-lanyard-menu:focus-within .account-lanyard-card,.account-lanyard-menu.is-open .account-lanyard-card { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); transition-delay: 0s; }

@media (max-width: 1180px) {
  .account-lanyard-menu { position: absolute; top: 15px; right: 72px; }
}

@media (max-width: 760px) {
  .account-lanyard-menu { top: 14px; right: 62px; }
  .account-lanyard-card { position: fixed; top: 74px; right: 14px; width: min(250px,calc(100vw - 28px)); }
}

@media (prefers-reduced-motion: reduce) {
  .account-lanyard-trigger,.account-lanyard-card { transition: none; }
}

/* ---------- 官网统一 ps 排版：迁移页头部覆盖旧 site-header 固定网格，导航靠右与官网一致 ---------- */
.site-header.ps-header,
.cinema-home .site-header.ps-header {
  position: sticky;
  top: 0;
  left: auto;
  z-index: 60;
  width: auto;
  height: auto;
  padding: 14px 0;
  display: block;
  grid-template-columns: none;
  transform: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
}

.site-header.ps-header::before,
.site-header.ps-header::after,
.cinema-home .site-header.ps-header::before,
.cinema-home .site-header.ps-header::after { display: none; }

/* ps 导航无汉堡菜单形态，隐藏遗留按钮避免多余控件 */
.ps-nav-burger { display: none; }