:root {
  --bg: #070b14;
  --bg-soft: #0b1220;
  --surface: rgba(17, 28, 46, .72);
  --surface-solid: #111c2e;
  --surface-light: #edf1f5;
  --line: rgba(255, 255, 255, .12);
  --line-dark: rgba(8, 19, 34, .14);
  --text: #f7f8fb;
  --text-soft: #d2d9e5;
  --muted: #8d9aaf;
  --muted-dark: #5c6674;
  --copper: #e3a34f;
  --orange: #f47b31;
  --green: #79d9a8;
  --max: 1180px;
  --ease: cubic-bezier(.22, .61, .36, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: var(--bg); font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Microsoft YaHei", Arial, sans-serif; font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
body::before { position: fixed; z-index: -1; inset: 0; pointer-events: none; content: ""; background: radial-gradient(circle at 75% -8%, rgba(228, 151, 66, .16), transparent 31rem), radial-gradient(circle at 0% 35%, rgba(42, 87, 134, .18), transparent 34rem); }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible { outline: 3px solid rgba(227, 163, 79, .75); outline-offset: 4px; }
.container { width: min(calc(100% - 48px), var(--max)); margin: 0 auto; }

.site-header { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(7, 11, 20, .72); backdrop-filter: blur(22px) saturate(140%); }
.nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: #f8f8fa; font-size: 17px; font-weight: 700; letter-spacing: .015em; white-space: nowrap; }
.brand-mark { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(255, 207, 124, .56); border-radius: 10px; color: #10151d; background: linear-gradient(145deg, #ffc66d, #ec782e); box-shadow: 0 6px 18px rgba(225, 125, 44, .24); font-size: 16px; font-weight: 900; }
.nav-links { display: flex; align-items: center; gap: 26px; color: #aeb8c7; font-size: 13px; }
.nav-links a { transition: color .22s var(--ease), opacity .22s var(--ease); }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: #fff; }
.nav-cta { padding: 10px 17px; border: 1px solid rgba(227, 163, 79, .62); border-radius: 999px; color: #fff !important; background: rgba(227, 163, 79, .12); }
.nav-cta:hover { border-color: var(--copper); background: rgba(227, 163, 79, .22); }

.hero { position: relative; overflow: hidden; }
.hero-premium { min-height: 760px; padding: 94px 0 40px; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 72px; }
.hero-copy { position: relative; z-index: 2; }
.hero-glow { position: absolute; pointer-events: none; border-radius: 50%; filter: blur(2px); }
.hero-glow-one { width: 500px; height: 500px; right: -140px; top: 40px; background: radial-gradient(circle, rgba(218, 128, 43, .18), transparent 68%); }
.hero-glow-two { width: 420px; height: 420px; left: -190px; bottom: -120px; background: radial-gradient(circle, rgba(43, 98, 152, .17), transparent 68%); }
.eyebrow, .section-kicker { margin: 0; color: var(--copper); font-size: 11px; font-weight: 750; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 22px; }
.eyebrow-dot, .meta-dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 5px rgba(244,123,49,.12); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.035em; }
h1 { margin-bottom: 0; font-size: clamp(48px, 6vw, 82px); font-weight: 700; line-height: 1.04; }
h1 em, h2 span { color: var(--copper); font-style: normal; }
.hero-lead { max-width: 540px; margin: 28px 0 0; color: var(--text-soft); font-size: 18px; line-height: 1.8; }
.actions { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 20px; border: 1px solid transparent; border-radius: 999px; cursor: pointer; font-size: 14px; font-weight: 700; transition: transform .22s var(--ease), border-color .22s var(--ease), background .22s var(--ease), box-shadow .22s var(--ease); }
.button:hover { transform: translateY(-2px); }
.button.primary { color: #17120d; background: linear-gradient(135deg, #ffca70, #ec7a30); box-shadow: 0 14px 34px rgba(222, 121, 40, .22); }
.button.primary:hover { box-shadow: 0 18px 42px rgba(222, 121, 40, .34); }
.button.secondary { border-color: rgba(255,255,255,.16); color: #f4f6f9; background: rgba(255,255,255,.06); }
.button.secondary:hover { border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.11); }
.text-button { padding-inline: 8px; color: var(--text-soft); }
.text-button:hover { color: #fff; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 29px; color: var(--muted); font-size: 12px; }
.hero-meta span { display: inline-flex; align-items: center; gap: 8px; }
.hero-meta .meta-dot { width: 5px; height: 5px; box-shadow: none; background: var(--green); }

.hero-visual { position: relative; min-height: 520px; display: grid; place-items: center; }
.visual-orbit { position: absolute; border: 1px solid rgba(227,163,79,.18); border-radius: 50%; transform: rotate(-18deg); }
.orbit-one { width: 650px; height: 270px; box-shadow: 0 0 70px rgba(225,140,53,.08); }
.orbit-two { width: 520px; height: 190px; border-color: rgba(99,153,203,.16); transform: rotate(23deg); }
.app-window { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 22px; background: #0d1625; box-shadow: 0 42px 110px rgba(0,0,0,.48), 0 0 0 8px rgba(255,255,255,.025); }
.app-window-hero { width: min(100%, 660px); transform: perspective(1400px) rotateY(-5deg) rotateX(2deg) rotateZ(-1deg); transition: transform .5s var(--ease), box-shadow .5s var(--ease); }
.app-window-hero:hover { transform: perspective(1400px) rotateY(-2deg) rotateX(1deg) rotateZ(0deg) translateY(-5px); box-shadow: 0 48px 120px rgba(0,0,0,.54), 0 0 0 8px rgba(255,255,255,.04); }
.window-bar { height: 40px; display: flex; align-items: center; gap: 7px; padding: 0 15px; border-bottom: 1px solid rgba(255,255,255,.1); background: #111c2c; }
.window-bar span { width: 8px; height: 8px; border-radius: 50%; background: #526073; }
.window-bar span:first-child { background: #f07f38; }.window-bar span:nth-child(2) { background: #dfa84f; }.window-bar span:nth-child(3) { background: #6e9a83; }
.window-bar small { margin-left: auto; color: #7f8ca0; font-size: 11px; }
.app-window img { width: 100%; aspect-ratio: 1.48 / 1; object-fit: cover; object-position: top left; }
.float-card { position: absolute; z-index: 3; display: grid; gap: 1px; min-width: 150px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; color: #f8f8f7; background: rgba(16, 27, 44, .76); box-shadow: 0 18px 45px rgba(0,0,0,.25); backdrop-filter: blur(18px); }
.float-card strong { font-size: 12px; }.float-card span { color: #9da9b9; font-size: 11px; }.float-card-top { top: 48px; left: -20px; }.float-card-bottom { right: -16px; bottom: 53px; }.float-card-bottom strong { color: var(--copper); }.float-spark { position: absolute; top: 12px; right: 14px; color: var(--orange) !important; font-size: 16px !important; }
.signal-row { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 18px; padding-top: 54px; color: #7f8b9e; font-size: 12px; letter-spacing: .08em; }.signal-row i { width: 3px; height: 3px; border-radius: 50%; background: var(--copper); opacity: .75; }

.section { padding: 124px 0; }.section-heading { max-width: 760px; margin-bottom: 38px; }.statement-section { border-top: 1px solid rgba(255,255,255,.07); }.statement-grid { display: grid; grid-template-columns: .68fr 1.32fr; gap: 60px; align-items: start; }.section-kicker { padding-top: 10px; }.statement-grid h2, .workflow-heading h2, .report-copy h2, .pricing-heading h2, .final-cta h2 { margin: 0; font-size: clamp(37px, 4.9vw, 64px); line-height: 1.12; }.section-intro { max-width: 640px; margin: 27px 0 0; color: var(--muted); font-size: 17px; line-height: 1.8; }
.bento-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 16px; margin-top: 62px; }.bento-card { position: relative; min-height: 350px; overflow: hidden; padding: 30px; border: 1px solid var(--line); border-radius: 22px; }.bento-card h3 { margin: 55px 0 15px; font-size: 30px; line-height: 1.15; }.bento-card p { max-width: 360px; margin: 0; font-size: 14px; line-height: 1.75; }.bento-label { position: relative; z-index: 1; color: var(--copper); font-size: 11px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }.bento-dark { grid-row: span 2; background: linear-gradient(145deg, #15253b, #0b1422 75%); }.bento-dark p, .bento-dark h3 { position: relative; z-index: 1; }.bento-light { color: #142238; border-color: rgba(255,255,255,.6); background: linear-gradient(145deg, #f2f4f5, #cdd7e0); }.bento-light .bento-label { color: #b16a28; }.bento-light p { color: #5a6674; }.bento-accent { border-color: rgba(234,159,73,.35); background: linear-gradient(145deg, #b97032, #6d3a21); }.bento-accent .bento-label { color: #ffd28d; }.bento-accent p { color: #f1d7b6; }.framework-lines { position: absolute; right: 30px; bottom: 44px; left: 30px; display: flex; align-items: center; gap: 10px; color: #afc1d2; font-size: 11px; }.framework-lines span { padding: 10px 11px; border: 1px solid rgba(160,195,220,.28); border-radius: 10px; background: rgba(255,255,255,.05); }.framework-lines i { flex: 1; height: 1px; background: rgba(227,163,79,.55); }.evidence-stack { position: absolute; right: 28px; bottom: 28px; left: 28px; display: grid; gap: 8px; }.evidence-stack span { height: 11px; border-radius: 99px; background: #a6b5c5; }.evidence-stack span:nth-child(1) { width: 76%; background: #d58c45; }.evidence-stack span:nth-child(2) { width: 92%; }.evidence-stack span:nth-child(3) { width: 57%; }.mini-bars { position: absolute; right: 30px; bottom: 26px; left: 30px; height: 72px; display: flex; align-items: end; gap: 8px; }.mini-bars i { flex: 1; border-radius: 5px 5px 0 0; background: #ffd088; }.mini-bars i:nth-child(1) { height: 36%; }.mini-bars i:nth-child(2) { height: 58%; }.mini-bars i:nth-child(3) { height: 45%; }.mini-bars i:nth-child(4) { height: 78%; }.mini-bars i:nth-child(5) { height: 93%; }

.workflow-section { border-block: 1px solid rgba(255,255,255,.07); background: rgba(12, 20, 33, .55); }.workflow-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-top: 22px; }.workflow-heading p { max-width: 300px; margin: 0 0 5px; color: var(--muted); font-size: 14px; }.workflow-list { margin-top: 65px; border-top: 1px solid rgba(255,255,255,.14); }.workflow-item { display: grid; grid-template-columns: 80px 1fr 40px; align-items: center; gap: 22px; min-height: 112px; border-bottom: 1px solid rgba(255,255,255,.12); transition: padding .25s var(--ease), background .25s var(--ease); }.workflow-item:hover { padding-inline: 15px; background: rgba(255,255,255,.035); }.workflow-number { color: var(--copper); font-size: 12px; font-variant-numeric: tabular-nums; }.workflow-item h3 { margin: 0 0 4px; font-size: 20px; }.workflow-item p { margin: 0; color: var(--muted); font-size: 14px; }.workflow-arrow { color: #76869a; font-size: 20px; text-align: right; transition: color .2s var(--ease), transform .2s var(--ease); }.workflow-item:hover .workflow-arrow { color: var(--copper); transform: translate(3px, -3px); }

.report-section { padding-top: 145px; }.report-panel { display: grid; grid-template-columns: .75fr 1.25fr; gap: 60px; align-items: center; padding: 54px; border: 1px solid rgba(255,255,255,.1); border-radius: 28px; background: linear-gradient(135deg, rgba(18,32,53,.9), rgba(9,15,26,.86)); box-shadow: 0 35px 90px rgba(0,0,0,.25); }.report-copy p { margin: 27px 0 29px; color: var(--muted); font-size: 15px; line-height: 1.8; }.report-preview-frame { position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: #e9edf0; box-shadow: 0 24px 58px rgba(0,0,0,.32); }.report-preview-frame img { width: 100%; aspect-ratio: 1.48 / 1; object-fit: cover; object-position: top left; }.preview-caption { position: absolute; right: 16px; bottom: 16px; left: 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; color: #f3f5f8; background: rgba(7, 16, 29, .72); backdrop-filter: blur(12px); }.preview-caption span { color: var(--copper); font-size: 11px; }.preview-caption strong { font-size: 12px; font-weight: 600; }

.pricing-section { border-top: 1px solid rgba(255,255,255,.07); }.pricing-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-top: 22px; }.pricing-heading p { max-width: 330px; margin: 0 0 6px; color: var(--muted); font-size: 14px; }.price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.price-grid-home { margin-top: 58px; }.price { position: relative; padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: rgba(16, 28, 46, .72); }.price-simple { min-height: 300px; display: flex; flex-direction: column; }.price-index { color: var(--copper); font-size: 11px; font-variant-numeric: tabular-nums; }.price h3 { margin: 23px 0 0; font-size: 20px; }.price-value { margin: 18px 0 12px; color: #fff; font-size: 36px; font-weight: 750; letter-spacing: -.04em; }.price-value small { color: var(--muted); font-size: 12px; font-weight: 500; letter-spacing: 0; }.price p { min-height: 50px; margin: 0 0 22px; color: var(--muted); font-size: 13px; }.price .button { width: 100%; margin-top: auto; }.price.recommended { border-color: rgba(227,163,79,.65); background: linear-gradient(155deg, rgba(83, 57, 35, .72), rgba(17, 28, 46, .86)); box-shadow: 0 0 0 1px rgba(227,163,79,.14), 0 28px 60px rgba(0,0,0,.22); }.price-tag { position: absolute; top: 23px; right: 22px; padding: 4px 9px; border-radius: 999px; color: #1d140a; background: var(--copper); font-size: 10px; font-weight: 800; }.price-note { margin: 23px 0 0; color: var(--muted); font-size: 12px; text-align: center; }
.final-cta-section { padding-top: 92px; padding-bottom: 130px; }.final-cta { display: flex; align-items: end; justify-content: space-between; gap: 40px; padding-top: 66px; border-top: 1px solid rgba(255,255,255,.14); }.final-cta-actions { text-align: right; }.large-button { padding-inline: 25px; }.final-cta-actions p { margin: 13px 0 0; color: var(--muted); font-size: 12px; }

.site-footer { padding: 34px 0; border-top: 1px solid rgba(255,255,255,.08); color: var(--muted); font-size: 12px; }.footer-grid { display: flex; justify-content: space-between; gap: 24px; }.footer-links { display: flex; flex-wrap: wrap; gap: 18px; }.footer-links a:hover { color: var(--copper); }

/* Shared content pages */
.page-hero { padding: 84px 0 48px; border-bottom: 1px solid rgba(255,255,255,.08); }.page-hero h1 { font-size: clamp(38px, 5vw, 62px); }.page-hero p { max-width: 760px; margin: 20px 0 0; color: var(--muted); font-size: 17px; }.content-layout { display: grid; grid-template-columns: 240px 1fr; gap: 46px; padding: 64px 0 96px; }.toc { position: sticky; top: 98px; align-self: start; display: grid; gap: 8px; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: rgba(16,29,48,.7); backdrop-filter: blur(14px); }.toc strong { margin-bottom: 5px; color: var(--copper); }.toc a { color: var(--muted); font-size: 13px; }.toc a:hover { color: #fff; }.prose { min-width: 0; }.prose section { scroll-margin-top: 110px; margin-bottom: 52px; }.prose h2 { margin: 0 0 16px; font-size: 30px; }.prose h3 { margin-top: 28px; }.prose p, .prose li { color: #b7c2d1; }.prose code { padding: 2px 6px; border: 1px solid #34455d; border-radius: 5px; color: #f2c979; background: #101c2d; }.help-steps { padding-left: 20px; }.help-steps li { margin: 11px 0; padding-left: 5px; }.callout { margin: 20px 0; padding: 17px 18px; border: 1px solid #38506e; border-radius: 12px; background: #12243a; color: #cfdae7; }.callout.warning { border-color: rgba(224,173,82,.45); background: rgba(224,173,82,.08); }.table-wrap { overflow-x: auto; }table { width: 100%; border-collapse: collapse; border: 1px solid var(--line); }th, td { padding: 12px 14px; border-bottom: 1px solid var(--line); text-align: left; }th { color: var(--copper); background: #14233a; }td { color: #b9c6d6; }.download-card { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); backdrop-filter: blur(14px); }.download-card h2 { margin-top: 0; }.status-pill { display: inline-flex; padding: 4px 10px; border: 1px solid rgba(224,173,82,.35); border-radius: 999px; color: var(--copper); background: rgba(224,173,82,.08); font-size: 12px; font-weight: 800; }.download-card + .download-card { margin-top: 16px; }.store-download-card { border-color: rgba(224,173,82,.62); box-shadow: 0 0 0 1px rgba(224,173,82,.12); }.backup-download-card { background: rgba(16,29,48,.6); }.download-actions { display: grid; gap: 10px; justify-items: center; }.text-link, .inline-link { color: var(--copper); text-decoration: underline; text-underline-offset: 3px; }.support-panel { max-width: 760px; padding: 34px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); }

@media (max-width: 960px) {
  .nav-links { gap: 15px; }.nav-links a:not(.nav-cta) { display: none; }.hero-premium { padding-top: 70px; }.hero-grid { grid-template-columns: 1fr; gap: 34px; }.hero-copy { max-width: 680px; }.hero-visual { min-height: 470px; }.app-window-hero { transform: none; }.float-card-top { left: 4%; }.float-card-bottom { right: 3%; }.statement-grid, .report-panel { grid-template-columns: 1fr; gap: 34px; }.bento-grid { grid-template-columns: 1fr 1fr; }.bento-wide { grid-row: auto; grid-column: 1 / -1; min-height: 310px; }.report-panel { padding: 36px; }.workflow-heading, .pricing-heading { align-items: start; flex-direction: column; gap: 18px; }.content-layout { grid-template-columns: 1fr; }.toc { position: static; grid-template-columns: repeat(2, 1fr); }.toc strong { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .container { width: min(calc(100% - 32px), var(--max)); }.nav { min-height: 66px; }.brand { font-size: 15px; }.nav-cta { padding: 9px 13px; }.hero-premium { min-height: 0; padding: 66px 0 36px; }.hero-grid { gap: 22px; }.hero-lead { font-size: 16px; line-height: 1.75; }.hero-meta { gap: 10px 15px; }.hero-visual { min-height: 310px; }.orbit-one { width: 430px; height: 170px; }.orbit-two { width: 360px; height: 130px; }.app-window-hero { border-radius: 15px; }.window-bar { height: 32px; padding-inline: 11px; }.window-bar small { font-size: 9px; }.float-card { min-width: 115px; padding: 9px 10px; border-radius: 10px; }.float-card strong { font-size: 10px; }.float-card span { font-size: 9px; }.float-card-top { top: 10px; left: -8px; }.float-card-bottom { right: -7px; bottom: 9px; }.signal-row { gap: 9px; padding-top: 30px; font-size: 9px; letter-spacing: 0; }.section { padding: 78px 0; }.statement-grid { gap: 25px; }.statement-grid h2, .workflow-heading h2, .report-copy h2, .pricing-heading h2, .final-cta h2 { font-size: 38px; }.section-intro { font-size: 15px; }.bento-grid, .price-grid { grid-template-columns: 1fr; margin-top: 38px; }.bento-card { min-height: 300px; }.bento-wide { min-height: 320px; }.workflow-list { margin-top: 38px; }.workflow-item { grid-template-columns: 37px 1fr 24px; gap: 12px; min-height: 108px; }.workflow-item h3 { font-size: 17px; }.workflow-item p { font-size: 13px; line-height: 1.55; }.report-section { padding-top: 80px; }.report-panel { padding: 24px; border-radius: 20px; }.preview-caption { display: grid; gap: 2px; }.price-grid-home { margin-top: 38px; }.price-simple { min-height: 265px; }.final-cta-section { padding-top: 48px; padding-bottom: 88px; }.final-cta { display: grid; gap: 32px; padding-top: 48px; }.final-cta-actions { text-align: left; }.footer-grid { flex-direction: column; }.download-card { grid-template-columns: 1fr; }.download-actions { justify-items: start; }.page-hero { padding-top: 60px; }.page-hero p { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }.button, .app-window-hero, .workflow-item, .workflow-arrow, .nav-links a { transition: none; }.button:hover, .app-window-hero:hover, .workflow-item:hover .workflow-arrow { transform: none; }
}

/* Light product refresh: match the current white desktop application shell. */
.home-page { color: #172235; background: #f6f8fb; }
.home-page::before { background: radial-gradient(circle at 78% -12%, rgba(238, 170, 83, .18), transparent 32rem), radial-gradient(circle at 0% 28%, rgba(112, 160, 202, .15), transparent 36rem); }
.home-page .site-header { border-bottom-color: rgba(23,34,53,.09); background: rgba(250,252,254,.78); }
.home-page .brand { color: #162238; }.home-page .nav-links { color: #677487; }.home-page .nav-links a:hover { color: #142239; }.home-page .nav-cta { color: #9a5d1e !important; background: rgba(227,163,79,.11); }
.home-page .hero-premium { background: linear-gradient(180deg, rgba(255,255,255,.58), rgba(246,248,251,.82)); }.home-page .hero-lead { color: #526176; }.home-page .hero-meta { color: #718096; }.home-page .text-button { color: #5b6879; }.home-page .text-button:hover { color: #172235; }
.home-page .app-window { border-color: rgba(29,48,73,.15); background: #fff; box-shadow: 0 42px 90px rgba(55,74,99,.2), 0 0 0 8px rgba(255,255,255,.6); }.home-page .app-window-hero:hover { box-shadow: 0 48px 110px rgba(55,74,99,.25), 0 0 0 8px rgba(255,255,255,.7); }.home-page .window-bar { border-bottom-color: #dbe3ec; background: #eef2f6; }.home-page .window-bar span { background: #b6c0cc; }.home-page .window-bar span:first-child { background: #f08a45; }.home-page .window-bar span:nth-child(2) { background: #e3b55f; }.home-page .window-bar span:nth-child(3) { background: #79b08f; }.home-page .window-bar small { color: #8290a1; }
.light-app-preview { min-height: 350px; display: grid; grid-template-columns: 182px 1fr; color: #1e2b3e; background: #f4f7fa; }.preview-sidebar { padding: 19px 14px 14px; border-right: 1px solid #dce4ec; background: #fff; font-size: 8px; }.preview-sidebar > strong { display: flex; align-items: baseline; justify-content: space-between; font-size: 14px; letter-spacing: -.04em; }.preview-sidebar > strong small { color: #8995a5; font-size: 7px; font-weight: 500; letter-spacing: 0; }.preview-sidebar label { display: block; margin-top: 21px; color: #6b7889; font-size: 8px; }.code-field { margin-top: 7px; padding: 8px 9px; border: 1px solid #d9a64f; border-radius: 8px; color: #243349; background: #fff; font-size: 14px; font-weight: 750; letter-spacing: .08em; }.preview-sidebar p { margin: 9px 0 12px; color: #6e7b8a; font-size: 8px; line-height: 1.5; }.preview-sidebar button { width: 100%; min-height: 26px; padding: 4px 5px; border: 0; border-radius: 7px; color: #fff; background: #1476e6; font-size: 9px; font-weight: 700; }.preview-mode { margin-top: 12px; padding: 9px; border: 1px solid #cbdced; border-radius: 9px; background: #f1f7ff; }.preview-mode b { display: block; color: #176bc7; font-size: 8px; }.preview-mode span { position: relative; top: -11px; float: right; color: #7d8b9d; font-size: 7px; }.preview-mode small { display: block; clear: both; margin: 1px 0 7px; color: #6f7f91; line-height: 1.35; }.preview-mode button { background: #1476e6; }.preview-history { display: grid; gap: 5px; margin-top: 12px; }.preview-history b { display: flex; justify-content: space-between; font-size: 10px; }.preview-history b span { color: #1476e6; }.preview-history i { overflow: hidden; padding: 6px 5px; border: 1px solid #e1e7ed; border-radius: 5px; color: #667386; font-size: 7px; font-style: normal; white-space: nowrap; }.preview-content { min-width: 0; padding: 28px 31px; background: #fff; }.preview-kicker { color: #8997a7; font-size: 8px; }.preview-content h4 { max-width: 480px; margin: 11px 0 14px; color: #172235; font-size: clamp(16px, 2.1vw, 24px); line-height: 1.22; letter-spacing: -.04em; }.preview-export { min-height: 28px; padding: 6px 12px; border: 0; border-radius: 7px; color: #fff; background: #1476e6; font-size: 9px; font-weight: 750; }.preview-video { overflow: hidden; margin-top: 16px; border: 1px solid #d9e0e8; border-radius: 10px; background: #0d1729; box-shadow: 0 10px 24px rgba(26,47,73,.14); }.preview-video-screen { min-height: 130px; padding: 25px 25px 18px; color: #fff; background: linear-gradient(135deg, #0d2940, #29304c 55%, #161727); }.preview-video-screen span { color: #e4a44f; font-size: 8px; }.preview-video-screen strong { display: block; margin-top: 9px; font-size: 22px; letter-spacing: -.04em; }.preview-video-screen p { max-width: 360px; margin: 7px 0 0; color: #d2dae4; font-size: 9px; line-height: 1.5; }.preview-video-line { height: 2px; margin-top: 24px; background: linear-gradient(90deg, #e6a343 72%, rgba(255,255,255,.25) 72%); }.preview-video-controls { display: flex; align-items: center; gap: 8px; padding: 9px 11px; color: #c7d2df; font-size: 8px; }.preview-video-controls b { padding: 5px 7px; border-radius: 5px; color: #fff; background: #1176e6; font-size: 8px; }.preview-video-controls i { flex: 1; height: 3px; border-radius: 99px; background: #e7a044; }.home-page .float-card { border-color: rgba(30,49,76,.13); color: #26354a; background: rgba(255,255,255,.84); box-shadow: 0 18px 42px rgba(49,72,99,.18); }.home-page .float-card span { color: #738196; }.home-page .float-card-bottom strong { color: #b36a25; }.home-page .signal-row { color: #768397; }
.home-page .section { border-color: rgba(23,34,53,.09); }.home-page .statement-section, .home-page .workflow-section, .home-page .pricing-section { background: transparent; }.home-page .section-intro, .home-page .workflow-heading p, .home-page .pricing-heading p { color: #69778a; }.home-page .bento-card { border-color: rgba(29,48,73,.12); box-shadow: 0 18px 45px rgba(50,74,101,.08); }.home-page .bento-dark { color: #17283d; background: linear-gradient(145deg, #e8eff6, #d5e0eb 75%); }.home-page .bento-dark p { color: #647488; }.home-page .bento-light { color: #17283d; border-color: rgba(29,48,73,.11); background: #fff; }.home-page .bento-accent { color: #3e2a1b; border-color: rgba(207,132,49,.3); background: linear-gradient(145deg, #fff3db, #f2d1a0); }.home-page .bento-accent p { color: #755736; }.home-page .framework-lines { color: #66798e; }.home-page .framework-lines span { border-color: rgba(70,111,148,.2); background: rgba(255,255,255,.48); }.home-page .framework-lines i { background: rgba(187,113,36,.55); }.home-page .evidence-stack span { background: #c0cbd6; }.home-page .evidence-stack span:nth-child(1) { background: #d68b45; }.home-page .mini-bars i { background: #d99b4c; }
.home-page .workflow-section { background: #fff; }.home-page .workflow-list, .home-page .workflow-item { border-color: #e0e6ed; }.home-page .workflow-item:hover { background: #f5f8fb; }.home-page .workflow-item h3 { color: #1d2b40; }.home-page .workflow-item p { color: #778497; }.home-page .workflow-arrow { color: #9aa8b7; }.home-page .workflow-item:hover .workflow-arrow { color: #c47a27; }
.home-page .report-panel { border-color: #e0e7ee; background: linear-gradient(135deg, #fff, #f0f4f8); box-shadow: 0 35px 80px rgba(54,77,104,.13); }.home-page .report-copy p { color: #6b788a; }.home-page .report-preview-frame { border-color: #d5dee8; box-shadow: 0 24px 56px rgba(49,70,94,.16); }.home-page .preview-caption { color: #edf2f7; background: rgba(13,26,44,.78); }
.video-section { background: #eef3f7; }.video-panel { display: grid; grid-template-columns: .78fr 1.22fr; gap: 62px; align-items: center; padding: 54px; border: 1px solid #dce5ed; border-radius: 28px; background: #fff; box-shadow: 0 28px 65px rgba(65,89,115,.1); }.video-copy h2 { margin: 18px 0 0; font-size: clamp(36px, 4.5vw, 58px); line-height: 1.12; }.video-copy > p { max-width: 430px; margin: 24px 0 22px; color: #68778a; font-size: 15px; line-height: 1.8; }.video-points { display: grid; gap: 12px; padding: 0; margin: 0 0 28px; list-style: none; }.video-points li { display: grid; gap: 2px; padding-left: 18px; border-left: 2px solid #e5a048; }.video-points b { color: #25364b; font-size: 13px; }.video-points span { color: #8491a0; font-size: 12px; }.video-demo { overflow: hidden; border: 1px solid #ced9e4; border-radius: 18px; background: #0d1727; box-shadow: 0 24px 48px rgba(36,55,78,.22); }.video-demo-bar { height: 38px; display: flex; align-items: center; gap: 7px; padding: 0 14px; background: #f0f4f8; }.video-demo-bar span { width: 8px; height: 8px; border-radius: 50%; background: #aeb9c6; }.video-demo-bar span:first-child { background: #f08a45; }.video-demo-bar span:nth-child(2) { background: #e3b55f; }.video-demo-bar span:nth-child(3) { background: #79b08f; }.video-demo-bar small { margin-left: auto; color: #7a899a; font-size: 10px; }.video-demo-screen { min-height: 315px; display: grid; place-items: center; padding: 35px; background: radial-gradient(circle at 85% 10%, rgba(178,95,227,.28), transparent 32%), linear-gradient(135deg, #0e3449, #22284b 60%, #151528); }.video-demo-slide { width: min(100%, 450px); padding: 16px 20px 22px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; background: rgba(13,24,42,.5); }.video-demo-slide > span { color: #e4a44f; font-size: 11px; }.video-demo-slide h3 { margin: 18px 0 8px; color: #fff; font-size: 32px; }.video-demo-slide p { max-width: 340px; margin: 0; color: #d0dae5; font-size: 13px; line-height: 1.6; }.video-chart { display: flex; align-items: end; gap: 8px; height: 52px; margin-top: 26px; border-bottom: 1px solid rgba(255,255,255,.25); }.video-chart i { flex: 1; border-radius: 4px 4px 0 0; background: #e6a044; }.video-chart i:nth-child(1) { height: 46%; }.video-chart i:nth-child(2) { height: 74%; }.video-chart i:nth-child(3) { height: 57%; }.video-chart i:nth-child(4) { height: 89%; }.video-chart i:nth-child(5) { height: 67%; }.video-demo-controls { display: flex; align-items: center; gap: 10px; padding: 11px 14px; color: #ced7e1; font-size: 11px; }.video-demo-controls b { padding: 7px 10px; border-radius: 7px; color: #fff; background: #1476e6; font-size: 10px; }.video-demo-controls div { flex: 1; height: 4px; border-radius: 99px; background: linear-gradient(90deg, #e6a044 78%, #59677a 78%); }
.home-page .price { border-color: #dce4ec; background: #fff; box-shadow: 0 15px 38px rgba(53,76,100,.07); }.home-page .price h3, .home-page .price-value { color: #1b2a3e; }.home-page .price p, .home-page .price-note { color: #758397; }.home-page .price.recommended { border-color: rgba(213,143,57,.68); background: linear-gradient(155deg, #fff9ef, #fff); box-shadow: 0 0 0 1px rgba(227,163,79,.12), 0 25px 55px rgba(92,73,45,.1); }.home-page .final-cta { border-top-color: #d9e2eb; }.home-page .final-cta-actions p { color: #748296; }
.home-page .hero-copy h1 { max-width: 100%; }.hero-title-line { display: block; white-space: nowrap; }
.home-page .statement-grid h2 { font-size: clamp(34px, 4.2vw, 54px); }.statement-title-desktop { display: inline-block; white-space: nowrap; color: inherit !important; }.statement-title-mobile { display: none; color: inherit !important; }

@media (max-width: 960px) { .video-panel { grid-template-columns: 1fr; gap: 34px; } }
@media (max-width: 620px) { .light-app-preview { grid-template-columns: 132px 1fr; min-height: 250px; }.preview-sidebar { padding: 12px 9px 9px; }.preview-sidebar > strong { font-size: 10px; }.preview-sidebar label { margin-top: 13px; font-size: 7px; }.code-field { font-size: 11px; }.preview-sidebar p { font-size: 6px; }.preview-mode { padding: 6px; }.preview-mode b, .preview-mode small { font-size: 6px; }.preview-history { display: none; }.preview-content { padding: 17px 14px; }.preview-content h4 { font-size: 13px; }.preview-video-screen { min-height: 92px; padding: 13px; }.preview-video-screen strong { font-size: 16px; }.preview-video-screen p { font-size: 7px; }.preview-video-controls { gap: 4px; padding: 6px; font-size: 6px; }.preview-video-controls b { padding: 4px 5px; font-size: 6px; }.video-panel { padding: 24px; border-radius: 20px; }.video-copy h2 { font-size: 34px; }.video-demo-screen { min-height: 220px; padding: 20px; }.video-demo-slide h3 { font-size: 25px; }.video-demo-slide p { font-size: 11px; }.video-demo-controls { gap: 5px; padding: 8px; font-size: 8px; }.video-demo-controls b { padding: 5px 6px; font-size: 8px; }.home-page .hero-copy h1 { font-size: clamp(36px, 11vw, 48px); }.statement-title-desktop { display: none; }.statement-title-mobile { display: inline; } }

/* Help center refresh: a light, task-first guide matching the current app shell. */
.help-page { color: #172235; background: #f6f8fb; }
.help-page::before { background: radial-gradient(circle at 82% -8%, rgba(238,170,83,.16), transparent 31rem), radial-gradient(circle at 0% 24%, rgba(112,160,202,.13), transparent 35rem); }
.help-page .site-header { border-bottom-color: rgba(23,34,53,.09); background: rgba(250,252,254,.84); }
.help-page .brand { color: #162238; }.help-page .nav-links { color: #677487; }.help-page .nav-links a:hover, .help-page .nav-links a[aria-current="page"] { color: #142239; }.help-page .nav-cta { color: #9a5d1e !important; background: rgba(227,163,79,.11); }
.help-page .page-hero { padding: 94px 0 66px; border-bottom-color: #dfe6ed; background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(246,248,251,.56)); }.help-page .page-hero h1 { color: #172235; font-size: clamp(46px, 6vw, 78px); line-height: 1.08; }.help-page .page-hero h1 em { color: #d18a35; font-style: normal; }.help-page .page-hero > .container > p:last-of-type { max-width: 700px; color: #627187; font-size: 17px; line-height: 1.8; }.help-page .eyebrow { color: #c17a2e; }.help-page .help-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }.help-page .button.primary { color: #fff; background: #1476e6; box-shadow: 0 12px 26px rgba(20,118,230,.2); }.help-page .button.primary:hover { background: #0f68cf; box-shadow: 0 15px 32px rgba(20,118,230,.27); }.help-page .button.secondary { border-color: #cbd8e5; color: #35516e; background: #fff; }.help-page .button.secondary:hover { border-color: #8ca7c2; background: #f5f9fd; }
.help-quick { padding: 58px 0 26px; background: #fff; }.help-quick-heading { display: grid; grid-template-columns: .75fr 1.25fr; gap: 48px; align-items: end; }.help-quick-heading h2 { margin: 16px 0 0; color: #172235; font-size: clamp(30px, 4vw, 48px); line-height: 1.12; }.help-quick-heading > p { max-width: 560px; margin: 0 0 4px; color: #68778a; font-size: 15px; line-height: 1.8; }.help-quick-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 34px; }.help-quick-card { position: relative; min-height: 170px; display: flex; flex-direction: column; padding: 21px; border: 1px solid #dce5ed; border-radius: 16px; color: #1b2a3e; background: #f8fafc; transition: transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease); }.help-quick-card:hover { transform: translateY(-3px); border-color: #a8c2dc; box-shadow: 0 14px 28px rgba(48,78,107,.1); }.help-quick-card b { color: #d18a35; font-size: 11px; letter-spacing: .1em; }.help-quick-card strong { margin-top: 25px; font-size: 16px; }.help-quick-card span { margin-top: 7px; color: #748296; font-size: 12px; line-height: 1.55; }.help-quick-card i { position: absolute; right: 19px; top: 18px; color: #9aaabd; font-size: 17px; font-style: normal; }
.help-page .content-layout { padding-top: 60px; }.help-page .toc { border-color: #dce5ed; background: rgba(255,255,255,.82); box-shadow: 0 12px 28px rgba(49,73,100,.06); }.help-page .toc strong { color: #c17a2e; }.help-page .toc a { color: #65758a; }.help-page .toc a:hover { color: #1476e6; }.help-page .prose section { margin-bottom: 58px; }.help-page .prose h2 { color: #172235; font-size: 31px; }.help-page .prose h3 { color: #2b3e55; }.help-page .prose p, .help-page .prose li { color: #5f7085; }.help-page .prose code { border-color: #d5e0ea; color: #176bc7; background: #eef5fb; }.help-page .callout { border-color: #cbdced; color: #53677e; background: #f1f7ff; }.help-page .callout.warning { border-color: rgba(213,143,57,.42); color: #72542f; background: #fff8ea; }.help-page table { border-color: #dce5ed; background: #fff; }.help-page th { color: #2e6cae; background: #eef5fb; }.help-page td { color: #607288; border-color: #e5ebf0; }.help-page .table-wrap { border-radius: 12px; box-shadow: 0 8px 22px rgba(49,73,100,.05); }
.feature-note { display: grid; gap: 5px; margin: 22px 0; padding: 17px 18px; border: 1px solid #bcd8f2; border-radius: 13px; background: #f0f7ff; }.feature-note strong { color: #176bc7; font-size: 14px; }.feature-note span { color: #61758c; font-size: 13px; line-height: 1.7; }.video-help-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 22px 0; }.video-help-grid div { display: grid; gap: 5px; padding: 16px; border: 1px solid #dce5ed; border-radius: 12px; background: #fff; }.video-help-grid strong { color: #24364d; font-size: 13px; }.video-help-grid span { color: #748397; font-size: 12px; line-height: 1.55; }.help-page .site-footer { border-top-color: #dce5ed; color: #77869a; background: #fff; }.help-page .footer-links a:hover { color: #1476e6; }
@media (max-width: 960px) { .help-quick-heading { grid-template-columns: 1fr; gap: 15px; }.help-quick-grid { grid-template-columns: repeat(2, 1fr); }.video-help-grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .help-page .page-hero { padding: 68px 0 48px; }.help-page .page-hero h1 { font-size: 44px; }.help-page .page-hero > .container > p:last-of-type { font-size: 16px; }.help-quick { padding-top: 42px; }.help-quick-grid { grid-template-columns: 1fr; margin-top: 26px; }.help-quick-card { min-height: 142px; }.help-quick-card strong { margin-top: 20px; }.help-page .content-layout { padding-top: 40px; }.help-page .toc { grid-template-columns: 1fr 1fr; }.help-page .toc a { font-size: 12px; }.help-page .prose h2 { font-size: 27px; }.help-page .help-hero-actions .button { flex: 1; min-width: 0; padding-inline: 13px; } }

/* Download center refresh: light app-store style aligned with the current product UI. */
.download-page { color: #172235; background: #f6f8fb; }
.download-page::before { background: radial-gradient(circle at 82% -8%, rgba(238,170,83,.16), transparent 31rem), radial-gradient(circle at 0% 24%, rgba(112,160,202,.13), transparent 35rem); }
.download-page .site-header { border-bottom-color: rgba(23,34,53,.09); background: rgba(250,252,254,.84); }.download-page .brand { color: #162238; }.download-page .nav-links { color: #677487; }.download-page .nav-links a:hover, .download-page .nav-links a[aria-current="page"] { color: #142239; }.download-page .nav-cta { color: #9a5d1e !important; background: rgba(227,163,79,.11); }
.download-page .page-hero { padding: 92px 0 62px; border-bottom-color: #dfe6ed; background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(246,248,251,.58)); }.download-page .page-hero h1 { color: #172235; font-size: clamp(46px, 6vw, 78px); line-height: 1.08; }.download-page .page-hero h1 em { color: #d18a35; font-style: normal; }.download-page .page-hero > .container > p:last-of-type { max-width: 760px; color: #627187; font-size: 17px; line-height: 1.8; }.download-page .eyebrow { color: #c17a2e; }.download-hero-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 28px; color: #718096; font-size: 12px; }.download-hero-meta span { display: inline-flex; align-items: center; gap: 8px; }.download-hero-meta i { width: 6px; height: 6px; border-radius: 50%; background: #72b58d; box-shadow: 0 0 0 4px rgba(114,181,141,.12); }
.download-title-line { display: block; white-space: nowrap; }
.download-page .section { padding: 72px 0 106px; }.download-page .download-card { padding: 31px; border-color: #dce5ed; border-radius: 20px; color: #21334a; background: rgba(255,255,255,.92); box-shadow: 0 18px 42px rgba(49,73,100,.08); }.download-page .download-card + .download-card { margin-top: 16px; }.download-page .store-download-card { border-color: rgba(213,143,57,.66); background: linear-gradient(120deg, #fff9ef, #fff); box-shadow: 0 0 0 1px rgba(227,163,79,.1), 0 20px 45px rgba(101,76,39,.08); }.download-page .backup-download-card { background: #fff; }.download-page .download-card h2 { margin: 15px 0 8px; color: #1b2a3e; font-size: 25px; }.download-page .download-card p { max-width: 700px; margin: 0; color: #6a798d; font-size: 14px; line-height: 1.75; }.download-page .status-pill { border-color: rgba(213,143,57,.38); color: #a86626; background: rgba(227,163,79,.1); }.download-page .button.primary { color: #fff; background: #1476e6; box-shadow: 0 12px 26px rgba(20,118,230,.2); }.download-page .button.primary:hover { background: #0f68cf; box-shadow: 0 15px 32px rgba(20,118,230,.27); }.download-page .button.secondary { border-color: #cbd8e5; color: #35516e; background: #fff; }.download-page .button.secondary:hover { border-color: #8ca7c2; background: #f5f9fd; }.download-page .download-actions { gap: 12px; }.download-page .download-actions .text-link { color: #b36a25; }.download-page .download-actions .text-link:hover { color: #1476e6; }
.download-page .prose { max-width: 880px; margin-inline: auto; }.download-page .prose section { margin-bottom: 52px; scroll-margin-top: 100px; }.download-page .prose h2 { margin: 0 0 17px; color: #172235; font-size: 30px; }.download-page .prose p, .download-page .prose li { color: #5f7085; }.download-page .prose code { overflow-wrap: anywhere; padding: 2px 6px; border: 1px solid #d5e0ea; border-radius: 5px; color: #176bc7; background: #eef5fb; }.download-page .help-steps { padding-left: 22px; }.download-page .help-steps li { margin: 11px 0; padding-left: 5px; }.download-page .callout.warning { border-color: rgba(213,143,57,.42); color: #72542f; background: #fff8ea; }.download-page .inline-link { color: #176bc7; }.download-page .site-footer { border-top-color: #dce5ed; color: #77869a; background: #fff; }.download-page .footer-links a:hover { color: #1476e6; }
@media (max-width: 620px) { .download-page .page-hero { padding: 68px 0 48px; }.download-page .page-hero h1 { font-size: clamp(34px, 10vw, 44px); }.download-page .page-hero > .container > p:last-of-type { font-size: 16px; }.download-hero-meta { display: grid; gap: 9px; }.download-page .section { padding: 44px 0 78px; }.download-page .download-card { padding: 23px; }.download-page .download-card h2 { font-size: 22px; }.download-page .download-card p { font-size: 13px; }.download-page .download-actions { justify-items: stretch; }.download-page .download-actions .button, .download-page .download-actions .text-link { width: 100%; text-align: center; }.download-page .prose h2 { font-size: 27px; } }