:root {
  --blue:hsl(222,72%,49%); --blue-dark:hsl(223,67%,36%); --ink:hsl(215,40%,15%);
  --muted:hsl(218,20%,39%); --soft:hsl(218,17%,44%); --line:hsl(216,30%,88%);
  --control-line:hsl(217,23%,57%); --pale:hsl(215,62%,97%); --white:hsl(0,0%,100%);
  --navy:hsl(220,58%,22%); --navy-text:hsl(219,38%,84%); --radius:12px;
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  color:var(--ink); background:var(--white); font-size:16px; line-height:1.6;
  scroll-behavior:smooth; scroll-padding-top:96px;
}
* { box-sizing:border-box; }
body { margin:0; }
[hidden] { display:none!important; }
a { color:inherit; text-decoration:none; }
button { font:inherit; cursor:pointer; }
button,a { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible { outline:3px solid var(--blue); outline-offset:4px; }
h1,h2,h3,h4,p,figure { margin:0; }
svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.svg-defs { position:absolute; width:0; height:0; overflow:hidden; }
.section-wrap { max-width:1200px; padding:0 32px; margin:0 auto; min-width:0; }
.skip-link { position:absolute; top:-64px; left:16px; padding:8px 16px; background:var(--white); z-index:100; }
.skip-link:focus { top:8px; }
.site-header { position:sticky; top:0; z-index:20; background:var(--white); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:80px; padding:12px max(32px,calc((100vw - 1136px)/2)); }
.brand { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.brand img { object-fit:contain; }
.brand span { font-size:24px; font-weight:600; letter-spacing:1px; }
.brand small { display:block; font-size:12px; font-weight:400; letter-spacing:0; color:var(--muted); }
.site-header nav { display:flex; align-items:center; gap:16px; font-size:14px; }
.site-header nav>a { white-space:nowrap; padding:8px 0; transition:color .15s,background-color .15s; }
.site-header nav>a:hover { color:var(--blue); }
.site-header nav .nav-app { padding:8px 12px; border:0; border-radius:8px; color:var(--blue-dark); background:var(--pale); font-weight:600; }
.site-header nav .nav-app:hover { background:hsl(216,65%,94%); }
.site-header nav>a:last-child { margin-left:4px; color:var(--blue-dark); font-weight:600; }
.menu-button { display:none; border:0; background:transparent; width:40px; height:40px; font-size:24px; color:var(--ink); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:12px; font-size:14px; font-weight:600; padding:12px 24px; min-height:48px; border-radius:8px; border:1px solid transparent; white-space:normal; text-align:center; transition:background-color .15s,border-color .15s; }
.button.primary { background:var(--blue); color:var(--white); }
.button.primary:hover { background:var(--blue-dark); }
.button.secondary { background:transparent; border-color:var(--control-line); color:var(--ink); }
.button.secondary:hover { border-color:var(--blue); background:var(--pale); }
.screenshot-zoom { position:absolute; right:16px; bottom:16px; display:flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--line); border-radius:8px; background:var(--white); box-shadow:0 1px 3px hsla(220,40%,24%,.1); color:var(--blue-dark); font-size:12px; font-weight:500; }
.screenshot-zoom svg { width:16px; height:16px; }
.screenshot-dialog { width:calc(100% - 48px); max-width:1440px; max-height:calc(100dvh - 48px); padding:0; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:var(--white); box-shadow:0 15px 35px hsla(220,40%,15%,.2); }
.screenshot-dialog[open] { display:flex; flex-direction:column; }
.screenshot-dialog::backdrop { background:hsla(220,40%,12%,.8); }
.screenshot-dialog>header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 24px; flex-shrink:0; border-bottom:1px solid var(--line); }
.screenshot-dialog h2 { font-size:18px; font-weight:600; }
.screenshot-dialog header p { color:var(--muted); font-size:12px; margin-top:4px; }
.screenshot-dialog header button { width:40px; height:40px; display:grid; place-items:center; padding:8px; border:0; background:var(--pale); color:var(--ink); border-radius:8px; flex-shrink:0; }
.screenshot-dialog-body { overflow:auto; min-height:0; background:var(--pale); }
.screenshot-dialog-body img { display:block; width:100%; height:auto; }
.screenshot-dialog>footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 24px; font-size:12px; color:var(--muted); flex-shrink:0; border-top:1px solid var(--line); }
.screenshot-dialog footer a { display:inline-flex; align-items:center; gap:8px; color:var(--blue-dark); font-weight:600; }
.screenshot-dialog footer svg { width:16px; height:16px; }
body.has-screenshot-dialog { overflow:hidden; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:48px; }
.section-heading h2,.help-section h2 { font-size:36px; line-height:1.4; letter-spacing:-1px; font-weight:600; }
.section-heading p { font-size:16px; color:var(--muted); line-height:1.8; max-width:512px; }
.trial-section { padding-top:80px; padding-bottom:80px; }
.trial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.trial-grid article { padding:0 32px; border-left:1px solid var(--line); min-width:0; }
.trial-grid article:first-child { padding-left:0; border-left:0; }
.trial-grid article:last-child { padding-right:0; }
.trial-step { font-size:12px; color:var(--blue-dark); font-weight:600; }
.trial-grid h3 { font-size:20px; font-weight:600; margin:16px 0; }
.trial-grid p { font-size:14px; color:var(--muted); line-height:1.8; margin-bottom:24px; }
.trial-grid .button { font-size:14px; padding:12px 16px; }
.trial-grid .inline-link { font-size:14px; }
.download-section { background:var(--navy); color:var(--white); padding:80px 0; }
.download-section .section-heading p { color:var(--navy-text); }
.download-section :is(a,button,summary):focus-visible { outline-color:var(--white); }
.download-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.download-item { padding:0 32px; border-left:1px solid hsl(220,32%,43%); min-width:0; }
.download-item:first-child { padding-left:0; border:0; }
.download-item:last-child { padding-right:0; }
.device-mark { width:32px; height:32px; margin-bottom:16px; }
.download-item h3 { font-size:24px; margin-bottom:12px; font-weight:600; }
.download-item p { font-size:14px; color:var(--navy-text); line-height:1.8; }
.download-meta { display:block; font-size:12px; margin:24px 0 12px; color:var(--navy-text); }
.button.white { background:var(--white); color:var(--navy); width:100%; padding:12px 16px; justify-content:space-between; }
.button.white:hover { background:hsl(219,80%,94%); }
.button.white-outline { border-color:hsl(220,32%,63%); color:var(--white); width:100%; justify-content:space-between; padding:12px 16px; }
.button.white-outline:hover { background:hsl(220,58%,28%); }
.checksum { display:block; width:fit-content; max-width:100%; font-size:12px; color:var(--navy-text); margin-top:12px; text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.release-note { border-top:1px solid hsl(220,32%,43%); margin-top:32px; padding-top:24px; font-size:12px; display:flex; gap:24px; justify-content:space-between; color:var(--navy-text); line-height:1.8; }
.release-note p { max-width:768px; }
.release-note a { flex-shrink:0; text-decoration:underline; text-underline-offset:4px; }
.mobile-download { display:grid; grid-template-columns:minmax(0,1fr) 256px; align-items:center; gap:48px; margin-top:48px; padding-top:32px; border-top:1px solid hsl(220,32%,43%); }
.mobile-download h3 { font-size:24px; color:var(--white); margin-bottom:12px; }
.mobile-download p { font-size:14px; color:var(--navy-text); max-width:640px; }
.mobile-download .section-kicker { font-size:12px; font-weight:600; color:hsl(219,65%,89%); margin:0 0 12px; }
.mobile-download .button { font-size:14px; }
.mobile-download .checksum { text-align:center; margin:12px auto 0; }
.win7-download { margin-top:32px; padding-top:24px; border-top:1px solid hsl(220,32%,43%); }
.win7-download h4 { font-size:18px; font-weight:600; margin:0 0 12px; }
.win7-download .download-meta { margin-top:16px; }
.help-section { padding-top:80px; padding-bottom:80px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:64px; }
.help-section>div>p { color:var(--muted); margin:16px 0 24px; }
.inline-link { display:inline-flex; gap:8px; align-items:center; font-size:14px; color:var(--blue-dark); font-weight:600; }
.faq details { border-bottom:1px solid var(--line); }
.faq summary { list-style:none; cursor:pointer; padding:24px 32px 24px 0; font-size:16px; font-weight:600; position:relative; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary:after { content:'+'; position:absolute; right:0; font-size:24px; font-weight:400; top:16px; color:var(--muted); }
.faq details[open] summary:after { content:'−'; }
.faq p { font-size:14px; color:var(--muted); line-height:1.8; padding:0 24px 24px 0; }
.contact-section { background:hsl(215,62%,96%); padding:64px 0; border-top:1px solid hsl(216,45%,90%); border-bottom:1px solid hsl(216,45%,90%); }
.contact-inner { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; gap:64px; }
.contact-label { font-size:14px; color:var(--blue-dark); margin-bottom:16px; }
.contact-section h2 { font-size:30px; line-height:1.5; font-weight:600; color:var(--ink); }
.contact-copy>p:not(.contact-label) { font-size:14px; color:hsl(216,27%,38%); max-width:512px; margin:16px 0; line-height:1.8; }
.contact-account-note { display:block; font-size:12px; color:hsl(216,27%,38%); }
.contact-action { padding-left:48px; border-left:1px solid hsl(216,35%,82%); min-width:0; }
.contact-phone-label { display:block; font-size:14px; color:var(--blue-dark); margin-bottom:8px; }
.phone-number { font-size:36px; font-weight:600; line-height:1.4; color:var(--blue-dark); font-variant-numeric:tabular-nums; display:inline-block; white-space:nowrap; }
.contact-action>div { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.contact-action .button { padding:12px 16px; }
.contact-copy-button { color:var(--blue-dark); background:transparent; border-color:transparent; text-decoration:underline; text-underline-offset:4px; font-weight:500; }
.contact-copy-button:hover { background:hsl(216,60%,92%); }
.copy-status { font-size:12px; color:var(--blue-dark); min-height:24px; margin-top:12px; }
.site-footer { display:flex; align-items:center; justify-content:space-between; gap:32px; padding-top:32px; padding-bottom:32px; }
.site-footer .brand span { font-size:20px; }
.site-footer>p,.site-footer>div { font-size:12px; color:var(--muted); }
.site-footer>div { display:flex; flex-wrap:wrap; gap:12px 24px; }
.site-footer a:hover { color:var(--blue-dark); }
@media(max-width:1199px) {
  .site-header nav { gap:12px; font-size:12px; }
  .section-heading h2,.help-section h2 { font-size:30px; }
  .section-heading p { font-size:14px; }
  .download-grid,.trial-grid { gap:24px; }
  .download-item,.trial-grid article { padding:0 24px; }
  .download-item h3 { font-size:20px; }
  .contact-inner { gap:32px; }
  .contact-action { padding-left:32px; }
  .phone-number { font-size:30px; }
}
@media(max-width:1023px) {
  .site-header { min-height:72px; padding:12px 24px; }
  .menu-button { display:block; }
  .site-header nav { display:none; position:absolute; top:100%; left:0; right:0; padding:16px 24px; background:var(--white); border-bottom:1px solid var(--line); box-shadow:0 4px 6px hsla(215,30%,20%,.05); flex-direction:column; align-items:stretch; gap:4px; max-height:calc(100dvh - 72px); overflow-y:auto; }
  .site-header nav.open { display:flex; }
  .site-header nav>a { padding:12px 16px; min-height:48px; font-size:14px; }
  .site-header nav .nav-app { padding:12px 16px; }
  .site-header nav>a:last-child { margin-left:0; }
  .section-wrap { padding-left:24px; padding-right:24px; }
  .help-section { gap:32px; }
}
@media(max-width:767px) {
  :root { scroll-padding-top:80px; }
  .site-header { padding:12px 16px; gap:16px; }
  .site-header nav { padding:16px; }
  .brand img { width:32px; height:32px; }.brand span { font-size:20px; }
  .section-wrap { padding-left:16px; padding-right:16px; }
  .screenshot-zoom { right:8px; bottom:8px; padding:4px 8px; gap:4px; font-size:12px; }
  .screenshot-zoom svg { width:12px; height:12px; }
  .screenshot-dialog { width:calc(100% - 24px); max-height:calc(100dvh - 24px); }
  .screenshot-dialog>header { padding:16px; }.screenshot-dialog h2 { font-size:16px; }
  .screenshot-dialog>footer { padding:12px 16px; flex-wrap:wrap; gap:8px; }
  .download-section { padding:64px 0; }
  .section-heading { display:block; margin-bottom:32px; }
  .section-heading h2,.help-section h2 { font-size:30px; }
  .section-heading p { font-size:14px; margin-top:16px; }
  .section-heading p br { display:none; }
  .trial-section { padding-top:64px; padding-bottom:64px; }
  .trial-grid { grid-template-columns:1fr; gap:24px; }
  .trial-grid article,.trial-grid article:first-child,.trial-grid article:last-child { padding:0 0 24px; border:0; border-bottom:1px solid var(--line); }
  .trial-grid article:last-child { padding-bottom:0; border-bottom:0; }
  .trial-grid h3 { margin:12px 0; }.trial-grid p { margin-bottom:16px; }
  .download-grid { grid-template-columns:1fr; gap:32px; }
  .download-item,.download-item:first-child,.download-item:last-child { padding:0; border:0; }
  .download-item+.download-item { border-top:1px solid hsl(220,32%,43%); padding-top:32px; }
  .download-item h3 { font-size:24px; }.device-mark { margin-bottom:12px; }.download-meta { margin-top:16px; }
  .button.white,.button.white-outline { max-width:384px; }
  .release-note { display:block; padding-top:24px; margin-top:32px; }.release-note a { display:inline-block; margin-top:12px; }
  .mobile-download { grid-template-columns:1fr; gap:24px; margin-top:32px; }.mobile-download h3 { font-size:20px; }.mobile-download>div:last-child { max-width:384px; }.mobile-download .checksum { text-align:left; margin-left:0; }
  .help-section { grid-template-columns:1fr; padding-top:64px; padding-bottom:64px; gap:16px; }
  .help-section>div>p { font-size:14px; }.faq summary { font-size:14px; padding:24px 32px 24px 0; }.faq p { padding-right:0; font-size:14px; }
  .contact-section { padding:48px 0; }.contact-inner { grid-template-columns:1fr; gap:32px; }.contact-section h2 { font-size:24px; }.contact-label { margin-bottom:12px; }
  .contact-action { padding:24px 0 0; border-left:0; border-top:1px solid hsl(216,35%,82%); }.phone-number { font-size:30px; }.contact-action>div { margin-top:16px; }
  .site-footer { flex-wrap:wrap; gap:24px; padding-top:32px; padding-bottom:32px; }.site-footer>div { flex-basis:100%; gap:12px 24px; }.site-footer .brand { gap:8px; }.site-footer>p { margin-left:auto; }
}
@media(max-width:359px) {
  .phone-number { font-size:30px; }
}
@media(prefers-reduced-motion:reduce) {
  :root { scroll-behavior:auto; }
  *,*::before,*::after { transition:none!important; }
}
/* Keep screenshot tabs at a stable size; the viewer always shows the full source. */

.release-note>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;color:var(--white);font-size:14px;font-weight:600}.release-note>summary::-webkit-details-marker{display:none}.release-note[open]>summary{margin-bottom:16px}.release-note>summary svg{transform:rotate(90deg);width:16px;height:16px}.release-note[open]>summary svg{transform:rotate(-90deg)}

.release-note{display:block}.release-note[open]>p{margin-bottom:16px}

/* Viewer controls and equally visible download choices. */
.viewer-scale { border:1px solid var(--control-line); border-radius:8px; background:var(--white); color:var(--ink); padding:8px 12px; font-size:12px; min-height:40px; }
.viewer-scale:hover { background:var(--pale); }
.screenshot-dialog.natural-size .screenshot-dialog-body img { width:var(--screenshot-natural-width,1440px); max-width:none; }
.screenshot-dialog-body { overscroll-behavior:contain; }

/* Every supported system has an equally visible download, including Win7. */
.download-section { background:var(--pale); color:var(--ink); padding:64px 0; }
.download-section .section-heading p { color:var(--muted); }
.download-section :is(a,button,summary):focus-visible { outline-color:var(--blue); }
.download-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.download-item,.download-item:first-child,.download-item:last-child { padding:24px; border:0; border-radius:12px; background:var(--white); display:flex; flex-direction:column; }
.download-heading { display:flex; align-items:center; gap:16px; margin-bottom:16px; }
.download-heading .device-mark { width:24px; height:24px; color:var(--blue-dark); margin:0; }
.download-heading h3 { font-size:20px; margin-bottom:4px; line-height:1.4; }
.download-heading p { font-size:12px; }
.download-badge { align-self:flex-start; margin-left:auto; padding:4px 8px; border-radius:4px; color:var(--blue-dark); background:var(--pale); font-size:12px; white-space:nowrap; }
.download-item p,.download-meta,.checksum { color:var(--muted); }
.download-description { margin-bottom:16px; }
.download-meta { margin: auto 0 12px; padding-top:8px; }
.download-item .button.white { background:var(--blue); color:var(--white); max-width:none; }
.download-item .button.white:hover { background:var(--blue-dark); }
.download-alternatives { display:flex; flex-wrap:wrap; gap:8px 24px; }
.download-alternatives .checksum { margin-top:12px; }
.download-section .mobile-download { margin-top:32px; padding-top:24px; gap:32px; border-color:var(--line); }
.mobile-download h3 { color:var(--ink); font-size:20px; }
.mobile-download p,.mobile-download .section-kicker { color:var(--muted); }
.mobile-download .button.white { background:transparent; color:var(--blue-dark); border-color:var(--control-line); }
.mobile-download .button.white:hover { background:hsl(216,65%,94%); }
.release-note { color:var(--muted); border-color:var(--line); }
.release-note>summary { color:var(--ink); }
.section-heading { margin-bottom:32px; }
.section-heading h2,.help-section h2 { font-size:30px; letter-spacing:-.5px; }
.trial-section,.help-section { padding-top:64px; padding-bottom:64px; }
.contact-section { background:hsl(216,52%,96%); }

@media(max-width:1023px) {
 .download-heading { flex-wrap:wrap; gap:12px; }
 .download-badge { margin-left:0; }
}
@media(max-width:767px) {
 .screenshot-dialog>footer { gap:8px 16px; }
 .viewer-hint { display:block; flex-basis:100%; order:1; }
 .download-grid { grid-template-columns:1fr; gap:12px; }
 .download-item,.download-item:first-child,.download-item:last-child { padding:24px; }
 .download-item+.download-item { border-top:0; padding-top:24px; }
 .download-heading { gap:12px; }
 .download-heading h3 { font-size:18px; }
 .download-heading .device-mark { width:20px; height:20px; }
 .download-badge { margin-left:auto; }
 .download-description { margin-bottom:8px; }
 .download-meta { margin-top:8px; }
 .download-section .mobile-download { grid-template-columns:1fr; gap:24px; }
 .section-heading h2,.help-section h2 { font-size:24px; }
 .download-section { padding:48px 0; }
 .trial-section,.help-section { padding-top:48px; padding-bottom:48px; }
 .contact-section h2 { font-size:24px; }
}
@media(max-width:359px) {
 .download-item,.download-item:first-child,.download-item:last-child { padding:16px; }
 .download-badge { margin-left:32px; }
}

/* A single product stage carries the contrast; the rest stays calm and useful. */
.hero-stage { --stage:hsl(222,45%,17%); --stage-muted:hsl(218,32%,82%); background:var(--stage); color:var(--white); }
.hero { display:grid; grid-template-columns:384px minmax(0,1fr); column-gap:48px; row-gap:16px; align-items:center; padding-top:64px; padding-bottom:48px; }
.hero-intro { grid-row:1/3; min-width:0; }
.hero-context { font-size:14px; color:var(--stage-muted); margin-bottom:24px; }
.hero h1 { font-size:48px; line-height:1.25; letter-spacing:-1px; font-weight:600; margin-bottom:24px; }
.lead { font-size:16px; line-height:1.8; color:var(--stage-muted); margin-bottom:32px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.hero-actions .secondary { color:var(--white); border-color:hsl(218,28%,62%); }
.hero-actions .secondary:hover { background:hsl(222,38%,25%); }
.hero-note { font-size:12px; line-height:1.8; color:var(--stage-muted); margin-top:16px; }
.hero-tasks { list-style:none; margin:32px 0 0; padding:24px 0 0; border-top:1px solid hsl(222,25%,34%); display:grid; gap:12px; font-size:14px; color:var(--stage-muted); }
.hero-tasks li { display:flex; align-items:center; gap:12px; }
.hero-tasks svg { width:16px; height:16px; }
.hero :is(a,button):focus-visible { outline-color:hsl(215,85%,78%); }
.product-showcase { min-width:0; background:var(--white); color:var(--ink); border:1px solid hsl(218,20%,62%); border-radius:12px; overflow:hidden; box-shadow:0 15px 35px hsla(222,50%,8%,.4); }
.showcase-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 16px; border-bottom:1px solid var(--line); }
.showcase-tabs { display:flex; gap:16px; min-width:0; }
.showcase-tabs button { display:flex; align-items:center; gap:8px; padding:16px 0; min-height:48px; border:0; border-bottom:3px solid transparent; font-size:14px; background:transparent; color:var(--muted); white-space:nowrap; }
.showcase-tabs button[aria-selected=true] { border-bottom-color:var(--blue); color:var(--blue-dark); font-weight:600; }
.showcase-tabs svg { width:16px; height:16px; }
.showcase-source { font-size:12px; color:var(--muted); }
.hero .product-showcase :is(button,[tabindex]):focus-visible { outline-color:var(--blue); outline-offset:-4px; }
.screenshot-figure { margin:0; }
.screenshot-open { display:block; width:100%; height:384px; border:0; padding:0; background:var(--pale); overflow:hidden; position:relative; cursor:zoom-in; }
.screenshot-open img { display:block; width:140%; max-width:none; height:auto; margin-left:-14%; }
.screenshot-open[data-screenshot=order] img { width:180%; margin-left:-80%; margin-top:-96px; }
.screenshot-open[data-screenshot=reports] img { width:110%; margin-left:-10%; margin-top:-160px; }
.screenshot-figure figcaption { padding:16px 24px; border-top:1px solid var(--line); }
.screenshot-figure h2 { font-size:16px; font-weight:600; line-height:1.5; }
.screenshot-figure figcaption p,.screenshot-figure figcaption>span,.showcase-points { display:none; }
.showcase-note { grid-column:2; font-size:12px; color:var(--stage-muted); line-height:1.8; }

/* Explain the actual operating sequence, with a readable product view at each step. */
.product-section { background:var(--white); padding:96px 0 64px; }
.product-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:48px; margin-bottom:48px; }
.product-heading h2 { font-size:36px; line-height:1.4; font-weight:600; letter-spacing:-1px; }
.product-heading>p { font-size:16px; color:var(--muted); line-height:1.8; max-width:512px; }
.workflow-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; padding:0 0 32px; border-bottom:1px solid var(--line); }
.workflow-nav a { display:grid; grid-template-columns:32px minmax(0,1fr) 24px; column-gap:12px; align-items:center; padding:12px 0; }
.workflow-nav a>span { grid-row:1/3; color:var(--blue-dark); font-size:14px; }
.workflow-nav strong { font-size:18px; font-weight:600; }
.workflow-nav small { grid-column:2; color:var(--muted); font-size:12px; }
.workflow-nav svg { grid-column:3; grid-row:1/3; color:var(--muted); }
.workflow-nav a:hover strong { color:var(--blue); }
.product-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:64px; align-items:center; padding:64px 0; border-bottom:1px solid var(--line); scroll-margin-top:96px; }
.product-story:last-child { border-bottom:0; padding-bottom:0; }
.story-reverse { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
.story-reverse .story-copy { grid-column:2; grid-row:1; }
.story-reverse .story-visual { grid-column:1; grid-row:1; }
.story-step { font-size:14px; color:var(--blue-dark); margin-bottom:16px; }
.story-copy h3 { font-size:30px; font-weight:600; line-height:1.4; letter-spacing:-.5px; margin-bottom:24px; }
.story-copy>p:not(.story-step) { font-size:16px; color:var(--muted); line-height:1.8; }
.story-rules { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.story-rules span { font-size:12px; color:var(--blue-dark); background:var(--pale); border-radius:4px; padding:8px 12px; }
.story-facts { list-style:none; margin:24px 0 0; padding:0; display:grid; gap:12px; font-size:14px; line-height:1.8; color:var(--muted); }
.story-facts li { position:relative; padding-left:16px; }
.story-facts li::before { content:''; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:50%; background:var(--blue); }
.story-copy .inline-link { margin-top:24px; }
.story-copy>p.story-capability { font-size:12px; margin-top:24px; }
.story-visual { background:hsl(218,35%,96%); border-radius:12px; overflow:hidden; border:1px solid var(--line); }
.story-shot { display:block; position:relative; width:100%; height:384px; padding:0; border:0; overflow:hidden; background:var(--pale); cursor:zoom-in; }
.story-shot:focus-visible { outline-offset:-4px; }
.story-shot img { display:block; height:auto; max-width:none; }
.story-room img { width:180%; margin-left:-20%; margin-top:-24%; }
.story-order img { width:180%; margin-left:-80%; margin-top:-16%; }
.story-reports img { width:112%; margin-left:-10%; margin-top:-36%; }
.story-visual figcaption { padding:16px 24px; background:var(--white); }
.story-visual figcaption strong { font-size:14px; font-weight:600; display:block; }
.story-visual figcaption span { font-size:12px; color:var(--muted); display:block; margin-top:4px; }
@media(max-width:1199px) {
 .hero { grid-template-columns:320px minmax(0,1fr); column-gap:32px; }
 .hero h1 { font-size:36px; }
 .hero-actions .button { padding:12px 16px; }
 .showcase-toolbar { gap:8px; }
 .showcase-tabs { gap:12px; }
 .showcase-tabs button { font-size:12px; gap:4px; }
 .showcase-source { max-width:96px; }
 .product-story { gap:32px; }
}
@media(max-width:1023px) {
 .hero { grid-template-columns:1fr; padding-top:48px; padding-bottom:32px; gap:24px; }
 .hero-intro { grid-row:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:center; }
 .hero-tasks { display:none; }
 .hero h1 { margin-bottom:0; }
 .hero-context { margin-bottom:16px; }
 .lead { margin-bottom:16px; }
 .showcase-note { grid-column:auto; }
 .showcase-source { max-width:none; }
 .screenshot-open img { width:110%; margin-left:-11%; }
 .screenshot-open[data-screenshot=order] img { width:180%; margin-left:-80%; }
 .product-section { padding-top:64px; }
 .product-heading { gap:32px; }
 .product-heading h2 { font-size:30px; }
 .product-heading>p { font-size:14px; }
 .workflow-nav { gap:16px; }
 .product-story,.story-reverse { grid-template-columns:1fr 1.3fr; gap:32px; }
 .story-reverse { grid-template-columns:1.3fr 1fr; }
 .story-shot { height:320px; }
 .story-copy h3 { font-size:24px; }
 .story-copy>p:not(.story-step) { font-size:14px; }
}
@media(max-width:767px) {
 .hero { padding-top:32px; padding-bottom:24px; gap:24px; }
 .hero-intro { display:block; }
 .hero-context { font-size:12px; margin-bottom:16px; }
 .hero h1 { font-size:36px; margin-bottom:24px; }
 .lead { font-size:14px; margin-bottom:24px; }
 .lead br { display:none; }
 .hero-actions { gap:8px; }
 .hero-actions .button { flex:1; padding:12px; }
 .hero-note { margin-top:12px; }
 .showcase-toolbar { padding:0 12px; flex-direction:column; align-items:stretch; gap:0; }
 .showcase-tabs { justify-content:space-between; gap:8px; }
 .showcase-tabs button { padding:12px 0; font-size:12px; min-height:48px; }
 .showcase-source { padding:0 0 8px; font-size:12px; }
 .screenshot-open { height:256px; }
 .screenshot-open img { width:720px; margin-left:-72px; }
 .screenshot-open[data-screenshot=order] img { width:720px; margin-left:-320px; margin-top:-64px; }
 .screenshot-open[data-screenshot=reports] img { width:640px; margin-left:-56px; margin-top:-112px; }
 .screenshot-figure figcaption { padding:12px 16px; }
 .screenshot-figure h2 { font-size:14px; }
 .showcase-note { font-size:12px; }
 .product-section { padding:48px 0; }
 .product-heading { display:block; margin-bottom:24px; }
 .product-heading h2 { font-size:30px; }
 .product-heading>p { margin-top:16px; }
 .product-heading>p br { display:none; }
 .workflow-nav { gap:12px; padding-bottom:24px; }
 .workflow-nav a { display:flex; align-items:flex-start; flex-direction:column; gap:4px; padding:8px 0; }
 .workflow-nav a>span { font-size:12px; }
 .workflow-nav strong { font-size:14px; }
 .workflow-nav small,.workflow-nav svg { display:none; }
 .product-story,.story-reverse { grid-template-columns:1fr; gap:24px; padding:32px 0; }
 .story-reverse .story-copy,.story-reverse .story-visual { grid-column:auto; grid-row:auto; }
 .story-copy h3 { font-size:24px; margin-bottom:16px; }
 .story-copy h3 br { display:none; }
 .story-step { margin-bottom:12px; font-size:12px; }
 .story-facts { margin-top:16px; gap:8px; }
 .story-rules { margin-top:16px; }
 .story-shot { height:256px; }
 .story-room img { width:720px; margin-left:-72px; margin-top:-128px; }
 .story-order img { width:720px; margin-left:-320px; margin-top:-96px; }
 .story-reports img { width:640px; margin-left:-56px; margin-top:-224px; }
 .story-visual figcaption { padding:12px 16px; }
}
@media(max-width:359px) {
 .hero h1 { font-size:30px; }
 .hero-actions { flex-direction:column; }
 .showcase-tabs svg { display:none; }
}

/* Scene coverage uses real product previews and open text, without decorative numbers. */
.scene-section { padding-top:64px; padding-bottom:64px; border-top:1px solid var(--line); }
.scene-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.scene-card { min-width:0; padding:0 0 24px; border-bottom:1px solid var(--line); }
.scene-card h3 { font-size:20px; font-weight:600; margin:0 0 12px; }
.scene-card p { font-size:14px; line-height:1.8; color:var(--muted); }
.scene-note { margin-top:32px; font-size:12px; line-height:1.8; color:var(--muted); }

/* Six real store scenes share the product gallery. */
.scene-showcase .showcase-toolbar { flex-wrap:wrap; gap:0; padding:0 16px; }
.scene-showcase .showcase-tabs { gap:16px; flex:1; }
.scene-showcase .showcase-source { padding:8px 0; white-space:nowrap; }
.scene-showcase .screenshot-open { height:auto; aspect-ratio:1312/590; }
.scene-showcase .screenshot-open img { width:100%; height:auto; margin:0; }
.scene-card { overflow:hidden; }
.scene-card-preview { display:block; position:relative; width:100%; margin:0 0 24px; padding:0; border:1px solid var(--line); border-radius:12px; background:var(--white); cursor:zoom-in; aspect-ratio:16/9; overflow:hidden; }
.scene-card-preview img { display:block; width:100%; height:100%; object-fit:cover; object-position:top left; }
.scene-card-preview span { position:absolute; right:8px; bottom:8px; background:var(--white); color:var(--blue-dark); border-radius:4px; padding:4px 8px; font-size:12px; box-shadow:0 1px 3px hsla(0,0%,0%,.2); }
.story-room img { width:100%; margin:0; }
.story-room { height:auto; aspect-ratio:1312/590; }
.story-reports img { width:100%; margin:0; }
.story-reports { height:auto; aspect-ratio:1312/750; }
.story-order img { width:160%; margin-left:-60%; margin-top:0; }
.story-order { height:auto; aspect-ratio:16/13; }
@media(max-width:767px) {
 .scene-showcase .showcase-toolbar { padding:0 12px; }
 .scene-showcase .showcase-tabs { gap:12px; justify-content:space-between; width:100%; flex:none; }
 .scene-showcase .showcase-tabs button { padding:12px 0; min-height:48px; font-size:14px; }
 .scene-showcase .showcase-source { display:none; }
 .scene-showcase .screenshot-open { aspect-ratio:1.4; }
 .scene-showcase .screenshot-open img { width:184%; margin-left:0; }
 .scene-card-preview { aspect-ratio:1312/590; }
 .story-room { aspect-ratio:1.4; }
 .story-room img { width:184%; margin-left:0; }
 .story-reports { aspect-ratio:1.3; }
 .story-reports img { width:136%; margin-left:0; }
 .story-order img { width:160%; margin-left:-60%; margin-top:0; }
}

/* Software subscription prices appear only in this section. */
.site-header .nav-pricing { color:var(--blue-dark); font-weight:600; text-decoration:underline; text-decoration-color:hsl(220,45%,76%); text-underline-offset:8px; }
.showcase-tabs { overflow-x:auto; }
.showcase-tabs button { white-space:nowrap; }
.pricing-section { padding-top:64px; padding-bottom:64px; }
.pricing-section .section-kicker { font-size:12px; font-weight:600; color:var(--blue-dark); margin-bottom:12px; }
.pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.price-card { display:flex; flex-direction:column; padding:32px; border:1px solid var(--line); border-radius:12px; background:var(--white); }
.price-year { background:var(--pale); }
.price-card h3 { font-size:20px; font-weight:600; }
.price-amount { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin:24px 0; }
.price-amount strong { font-size:48px; line-height:1; font-weight:600; letter-spacing:-1px; font-variant-numeric:tabular-nums; }
.price-amount>span:last-child { color:var(--muted); font-size:14px; }
.price-card>p:not(.price-amount) { font-size:14px; color:var(--muted); line-height:1.8; margin-bottom:24px; }
.price-card-footer { margin-top:auto; }
.price-card .button { min-width:128px; }
.price-status { font-size:12px; color:var(--muted); margin-top:12px; }
.pricing-fee-note { margin-top:24px; font-size:12px; color:var(--muted); }
.pricing-included { display:grid; grid-template-columns:1fr 1fr; gap:48px; margin-top:48px; padding-top:32px; border-top:1px solid var(--line); }
.pricing-included h3 { font-size:18px; font-weight:600; margin-bottom:24px; }
.pricing-included ul { list-style:none; padding:0; margin:0; display:grid; gap:16px; }
.pricing-included li { position:relative; padding-left:24px; font-size:14px; color:var(--muted); line-height:1.8; }
.pricing-included li::before { content:'✓'; position:absolute; left:0; color:var(--blue-dark); }
.pricing-included dl { margin:0; }
.pricing-included dl>div { display:grid; grid-template-columns:64px 1fr; gap:16px; padding:12px 0; border-bottom:1px solid var(--line); font-size:14px; }
.pricing-included dl>div:first-child { padding-top:0; }
.pricing-included dt { font-weight:600; }
.pricing-included dd { margin:0; line-height:1.8; color:var(--muted); }
.pricing-boundaries { margin-top:32px; padding:16px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--muted); font-size:14px; line-height:1.8; }
.pricing-boundaries summary { display:flex; justify-content:space-between; gap:16px; list-style:none; font-weight:600; color:var(--ink); cursor:pointer; }
.pricing-boundaries summary::-webkit-details-marker { display:none; }
.pricing-boundaries summary::after { content:'+'; color:var(--muted); }
.pricing-boundaries[open] summary::after { content:'−'; }
.pricing-boundaries ul { padding-left:24px; margin:24px 0 0; }
.pricing-boundaries li+li { margin-top:8px; }
.pricing-boundaries p { margin-top:16px; font-size:12px; }
@media(max-width:1023px) { .scene-grid { grid-template-columns:1fr 1fr; gap:24px; } }
@media(max-width:767px) {
 .scene-grid { grid-template-columns:1fr; gap:32px; }
 .scene-section,.pricing-section { padding-top:48px; padding-bottom:48px; }
 .pricing-grid,.pricing-included { grid-template-columns:1fr; gap:24px; }
 .price-card { padding:24px; }
 .price-amount { margin:24px 0; }
 .pricing-included { margin-top:32px; }
 .scene-showcase .showcase-tabs { justify-content:flex-start; gap:16px; }
}

.scene-showcase .screenshot-open{aspect-ratio:1280/720}.scene-showcase .screenshot-open img{width:100%;height:auto;margin-left:0}@media(max-width:767px){.scene-showcase .screenshot-open{aspect-ratio:1.4}.scene-showcase .screenshot-open img{width:184%}}

/* Management features follow the site's existing spacing, colors and type. */
.management-jump{display:inline-block;margin-left:16px;color:hsl(225,100%,88%);text-decoration:underline;text-underline-offset:4px}
.management-section{padding-top:64px;padding-bottom:64px;scroll-margin-top:24px}
.management-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.management-card{display:flex;flex-direction:column;padding:32px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--pale)}
.management-label{font-size:12px;font-weight:600;color:var(--blue-dark);margin-bottom:16px}
.management-card h3{font-size:24px;font-weight:600;line-height:1.4;margin-bottom:16px}
.management-benefit{font-size:16px;font-weight:600;line-height:1.6}
.management-card ul{padding-left:20px;margin:24px 0;font-size:14px;line-height:1.8;color:var(--muted)}
.management-card li+li{margin-top:12px}
.management-detail{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:12px;line-height:1.8;color:var(--muted)}
.management-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px}
.management-footer p{font-size:14px;color:var(--muted);max-width:768px}
.management-footer a{flex-shrink:0}
@media(max-width:1023px){.management-grid{grid-template-columns:1fr}.management-card{padding:24px}.management-card h3{font-size:24px}.management-card ul{margin:16px 0}.management-footer{align-items:flex-start}}
@media(max-width:767px){.management-section{padding-top:48px;padding-bottom:48px}.management-jump{display:block;margin:8px 0 0}.management-footer{flex-direction:column;gap:16px}.management-card h3{font-size:20px}}

.assistant-selling{margin-top:48px}.assistant-selling>h3{font-size:24px;margin:0 0 12px}.assistant-selling>p{margin:0 0 24px;color:var(--muted);line-height:1.6}.assistant-selling .management-card>p{font-size:14px;line-height:1.8}.assistant-selling .management-card{gap:16px}.assistant-selling .management-card h3{margin:0}