/* Public website styles stay inside brand-home-mode and never theme the ERP. */
body.brand-home-mode { overflow: hidden; background: #fff; margin: 0; }
body.brand-home-mode .app-shell { height: 100dvh; min-height: 0; }
body.brand-home-mode #appContent { position: fixed; inset: 0; width: 100%; height: 100dvh; overflow: auto; overscroll-behavior-y: auto; scroll-behavior: smooth; background: #fff; }
body.brand-home-mode #mainContent { display: block; margin: 0; padding: 0; width: 100%; max-width: none; height: auto; min-height: 100%; }
body.brand-home-mode #pageContainer { height: auto; min-height: 100% !important; max-width: none; margin: 0; padding: 0; animation: none; transform: none; }
body.brand-home-mode .gka-fab, body.brand-home-mode .gka-panel { display: none; }
.brand-home { --brand-ink: #0f172a; --brand-muted: #475569; --brand-blue: #2160ed; --brand-line: #e2e8f0; color: var(--brand-ink); background: #fff; font: 15px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overflow: clip; }
.brand-home *, .brand-home *::before, .brand-home *::after { box-sizing: border-box; }
.brand-home [hidden] { display: none !important; }
.brand-home h1, .brand-home h2, .brand-home h3, .brand-home h4, .brand-home p { margin: 0; color: inherit; }
.brand-home a { color: inherit; text-decoration: none; }
.brand-home button, .brand-home summary { font: inherit; color: inherit; }
.brand-home button { cursor: pointer; border: 0; background: none; }
.brand-home button:focus-visible, .brand-home a:focus-visible, .brand-home summary:focus-visible, .brand-home [tabindex="0"]:focus-visible { outline: 3px solid #6198ff; outline-offset: 5px; }
.brand-home svg { width: 20px; height: 20px; flex-shrink: 0; }
.brand-home img { max-width: 100%; }
.brand-home :is(ul,ol) { margin: 0; }
.brand-home .brand-skip { position: absolute; top: -80px; left: 24px; z-index: 40; padding: 10px 16px; color: #fff; background: #164bcb; border-radius: 6px; }
.brand-home .brand-skip:focus { top: 12px; }
.brand-header { position: sticky; top: 0; z-index: 20; height: 88px; background: rgba(249, 251, 255, .93); border-bottom: 1px solid rgba(230, 236, 247, .6); backdrop-filter: blur(16px); }
.brand-header-inner { width: min(1280px, calc(100% - 80px)); height: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand-logo { display: inline-flex; align-items: center; flex-shrink: 0; }
.brand-logo img { display: block; width: 172px; height: auto; }
.brand-nav { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 2.8vw, 42px); }
.brand-nav :is(a,button) { position: relative; padding: 30px 0; font-size: 14px; white-space: nowrap; }
.brand-nav :is(a,button)::after { content: ''; position: absolute; bottom: 21px; left: 50%; width: 0; height: 2px; border-radius: 2px; background: var(--brand-blue); transition: width .2s ease, left .2s ease; }
.brand-nav :is(a,button):hover, .brand-nav .is-current { color: var(--brand-blue); }
.brand-nav .is-current::after { left: 25%; width: 50%; }
.brand-header-actions { display: flex; align-items: center; gap: 27px; }
.brand-header-actions .brand-contact { display: inline-flex; align-items: center; gap: 4px; padding: 8px 0; color: #667186; font-size: 13px; white-space: nowrap; }
.brand-contact svg { width: 15px; height: 15px; }
.brand-nav-login { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 40px; padding: 9px 16px; border: 1px solid #cfdcf8; border-radius: 7px; color: #2558ce !important; font-size: 13px; font-weight: 500; white-space: nowrap; transition: background .2s; }
.brand-nav-login svg { width: 16px; height: 16px; }
.brand-nav-login:hover { background: #e9f0ff; }
.brand-menu-toggle { display: none; }
.brand-hero { position: relative; isolation: isolate; background: #f0f4fd; scroll-margin-top: 88px; }
.brand-hero::before { content: ''; position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 30% 15%, #fbfdff 0, transparent 53%), radial-gradient(ellipse at 85% 98%, #e0efff 0, transparent 55%); }
.brand-orbit { position: absolute; z-index: -1; top: -100px; left: calc(50% - 385px); width: 1010px; height: auto; pointer-events: none; }
.brand-hero-inner { position: relative; width: min(1280px, calc(100% - 80px)); min-height: 522px; display: flex; justify-content: space-between; gap: 48px; margin: auto; padding: 42px 0 38px; }
.brand-hero-copy { min-width: 0; padding-top: 24px; }
.brand-hero-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 6px 11px; border: 1px solid #d5e4fb; border-radius: 4px; background: rgba(255,255,255,.6); color: #426baf !important; font-size: 12px; letter-spacing: .05em; }
.brand-hero-kicker > span { width: 5px; height: 5px; border-radius: 50%; background: #3c7bed; }
.brand-hero h1 { margin-top: 23px; font-size: clamp(44px, 4.25vw, 62px); font-weight: 700; letter-spacing: 0; line-height: 1.35; color: #0f172a; }
.brand-hero h1 > span { color: #2261e8; }
.brand-home .brand-hero h1 { font-size: clamp(34px, 3.5vw, 52px); letter-spacing: 0; line-height: 1.4; }
.brand-hero-description { margin-top: 22px !important; color: #334155 !important; font-size: 16px; line-height: 1.85; letter-spacing: 0; font-weight: 400; }
.brand-hero-actions { display: flex; gap: 26px; align-items: center; margin-top: 30px; }
.brand-button { display: inline-flex; min-height: 48px; padding: 13px 23px; align-items: center; justify-content: center; gap: 22px; border-radius: 7px; font-size: 14px; font-weight: 500; line-height: 1.5; transition: background .18s, box-shadow .18s, transform .18s; }
.brand-button svg { width: 17px; height: 17px; }
.brand-button:hover { transform: translateY(-2px); }
.brand-button-primary { background: #235fe8; color: #fff !important; box-shadow: 0 8px 20px rgba(35,95,232,.14); }
.brand-button-primary:hover { background: #134ecf; box-shadow: 0 10px 26px rgba(35,95,232,.23); }
.brand-hero-explore { display: inline-flex; align-items: center; gap: 10px; font-size: 13px !important; padding: 10px 0; }
.brand-hero-explore svg { width: 15px; height: 15px; }
.brand-hero-footnote { display: flex; align-items: center; gap: 9px; margin-top: 42px; color: #475569; font-size: 12px; letter-spacing: 0; }
.brand-small-mark { display: grid; place-items: center; width: 19px; height: 19px; border: 1px solid #bccde7; border-radius: 4px; color: #688abb; font-size: 11px; font-weight: 700; font-style: italic; }
.brand-entry { flex: 0 0 330px; align-self: flex-start; padding: 25px 29px 21px; border: 1px solid #fff; border-radius: 14px; background: rgba(255,255,255,.97); box-shadow: 0 18px 60px rgba(45,76,132,.09); }
.brand-entry-top { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.brand-entry-top img { display: block; width: 37px; height: 37px; object-fit: contain; }
.brand-entry-top > span { color: #9aa8bf; font-size: 9px; font-weight: 600; letter-spacing: .12em; }
.brand-entry h2 { font-size: 26px; font-weight: 600; line-height: 1.4; letter-spacing: -.03em; }
.brand-entry > p:not(.brand-entry-note) { margin-top: 10px; font-size: 13px; line-height: 1.7; color: #475569; }
.brand-entry-flow { display: flex; align-items: center; justify-content: space-between; margin: 18px 0 20px; padding: 13px 6px; border-radius: 7px; background: #f5f8fd; }
.brand-entry-flow > span { display: flex; flex-direction: column; align-items: center; gap: 7px; width: 48px; font-size: 11px; color: #597292; }
.brand-entry-flow svg { width: 20px; height: 20px; color: #4877c7; stroke-width: 1.6px; }
.brand-entry-flow b { color: #c2cee1; font-weight: 400; font-size: 14px; }
.brand-entry .brand-button { width: 100%; min-height: 42px; padding: 10px; font-size: 13px; }
.brand-entry-login { margin-bottom: 10px; }
.brand-button-outline { background: #fff; border: 1px solid #e1e7f1; color: #5a6d8b !important; }
.brand-button-outline:hover { background: #f6f9ff; }
.brand-entry-note { margin-top: 13px !important; text-align: center; color: #a0a9b7 !important; font-size: 10px; line-height: 1.7; }
.brand-hero-strip { background: rgba(255,255,255,.68); border-top: 1px solid rgba(255,255,255,.9); }
.brand-hero-strip > div { display: flex; justify-content: space-between; align-items: center; gap: 20px; width: min(1120px, calc(100% - 80px)); margin: auto; padding: 21px 0; }
.brand-hero-strip span { display: flex; align-items: center; gap: 10px; font-size: 12px; color: #334155; }
.brand-hero-strip svg { width: 18px; height: 18px; color: #7896be; stroke-width: 1.5px; }
.brand-section { width: min(1280px, calc(100% - 80px)); margin: auto; padding: 88px 0; scroll-margin-top: 75px; }
.brand-section-heading { text-align: center; }
.brand-eyebrow { font-size: 10px; font-weight: 600; letter-spacing: .16em; color: #8d9bb1 !important; }
.brand-section-heading h2 { margin-top: 12px; font-size: clamp(24px, 2.3vw, 34px); font-weight: 600; letter-spacing: -.035em; line-height: 1.5; }
.brand-section-heading > p:last-child { margin-top: 13px; color: #475569; font-size: 13px; }
.brand-benefit-grid { display: grid; grid-template-columns: 1.8fr 1fr 1fr 1fr; gap: 16px; margin-top: 40px; }
.brand-benefit-main { position: relative; isolation: isolate; overflow: hidden; min-height: 280px; padding: 29px 30px; background: linear-gradient(125deg,#2351b8,#2472ef); border-radius: 10px; color: #fff; }
.brand-benefit-label { font-size: 10px; letter-spacing: .08em; opacity: .65; }
.brand-benefit-main h3 { margin-top: 18px; font-weight: 500; font-size: 26px; line-height: 1.48; letter-spacing: -.03em; }
.brand-benefit-main p { margin-top: 14px; font-size: 11px; line-height: 1.8; color: #c5dbff; }
.brand-benefit-main a { display: inline-flex; align-items: center; gap: 30px; margin-top: 20px; font-size: 11px; }
.brand-benefit-main a svg { width: 15px; height: 15px; }
.brand-benefit-art { position: absolute; z-index: -1; right: -48px; bottom: -48px; width: 220px; height: 230px; transform: rotate(-26deg); }
.brand-benefit-art div { position: absolute; width: 134px; height: 180px; border: 1px solid rgba(200,233,255,.36); border-radius: 17px; background: linear-gradient(140deg,rgba(203,237,255,.15),rgba(180,221,255,.02)); box-shadow: 15px 12px 30px rgba(9,50,140,.08); }
.brand-benefit-art div:nth-child(2) { left: 30px; top: 20px; }
.brand-benefit-art div:nth-child(3) { left: 60px; top: 40px; }
.brand-benefit-card { position: relative; padding: 32px 22px; border-radius: 10px; background: #f7f9fc; border: 1px solid #f0f3f8; }
.brand-benefit-icon { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 26px; border-radius: 10px; background: #edf2fd; color: #4f78cd; }
.brand-benefit-icon svg { width: 23px; height: 23px; stroke-width: 1.6px; }
.brand-benefit-card h3 { font-size: 18px; font-weight: 550; letter-spacing: -.015em; }
.brand-benefit-card p { margin-top: 15px; color: #475569; font-size: 13px; line-height: 1.9; }
.brand-benefit-number { position: absolute; right: 18px; bottom: 14px; font-size: 39px; font-weight: 500; color: #e5eaf4; letter-spacing: -.05em; }
.brand-feature-section { border-top: 1px solid #f1f3f7; padding-top: 76px; padding-bottom: 90px; }
.brand-feature-tabs { display: flex; justify-content: center; gap: 8px; width: fit-content; max-width: 100%; margin: 30px auto 0; padding: 5px; border-radius: 9px; background: #f3f6fb; }
.brand-feature-tabs button { border-radius: 6px; min-width: 125px; padding: 10px 18px; color: #77849a; font-size: 12px; white-space: nowrap; }
.brand-feature-tabs [aria-selected="true"] { color: #2b61cf; background: #fff; box-shadow: 0 2px 8px rgba(27,58,109,.06); font-weight: 600; }
.brand-feature-panel { display: grid; grid-template-columns: .9fr 1.2fr; align-items: center; gap: 75px; padding: 50px 45px 15px; min-height: 405px; }
.brand-feature-copy h3 { margin-top: 17px; font-size: 29px; line-height: 1.65; letter-spacing: -.04em; font-weight: 550; }
.brand-feature-description { max-width: 370px; margin-top: 18px !important; color: #334155 !important; font-size: 14px; line-height: 2; }
.brand-feature-tags { display: flex; flex-wrap: wrap; column-gap: 16px; row-gap: 9px; margin: 18px 0 24px; padding: 0; list-style: none; }
.brand-feature-tags li { display: flex; gap: 5px; align-items: center; font-size: 10px; color: #657d9e; }
.brand-feature-tags svg { width: 12px; height: 12px; color: #74a494; }
.brand-text-link { display: inline-flex; align-items: center; gap: 13px; color: #2f65d1 !important; font-size: 12px !important; padding: 0; }
.brand-text-link svg { width: 15px; height: 15px; }
.brand-product-preview { min-width: 0; overflow: hidden; border: 1px solid #e1e9f5; border-radius: 12px; background: #fff; box-shadow: 0 18px 60px rgba(40,68,112,.07), 0 0 0 9px #f7f9fd; }
.brand-preview-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 18px; background: #f5f8fe; border-bottom: 1px solid #edf1f7; }
.brand-preview-bar > div { display: flex; align-items: center; gap: 8px; }
.brand-preview-mark { display: grid; place-items: center; width: 21px; height: 21px; border-radius: 5px; background: #2c6ae3; color: #fff; font-weight: 700; font-size: 13px; font-style: italic; }
.brand-preview-bar strong { font-size: 11px; font-weight: 600; color: #587091; }
.brand-preview-bar > span { font-size: 9px; color: #a1aec0; }
.brand-preview-title { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 19px 20px 15px; }
.brand-preview-title > div { display: flex; align-items: center; gap: 8px; }
.brand-preview-title h4 { font-size: 12px; font-weight: 600; }
.brand-preview-dot { width: 5px; height: 5px; border-radius: 50%; background: #6ca0f4; }
.brand-preview-menu { color: #c2cdde; font-size: 10px; letter-spacing: .15em; }
.brand-product-table { padding: 0 20px; }
.brand-table-head, .brand-table-row { display: grid; grid-template-columns: 1.5fr 1fr .9fr; align-items: center; gap: 12px; }
.brand-table-head { padding: 9px 11px; background: #f7f9fd; color: #96a3b8; font-size: 9px; border-radius: 4px; }
.brand-table-row { min-height: 64px; padding: 9px 11px; border-bottom: 1px solid #f0f3f8; }
.brand-table-row:last-child { border-bottom: 0; }
.brand-example-product { display: flex; align-items: center; gap: 10px; min-width: 0; }
.brand-goods { display: grid; place-items: center; width: 34px; height: 38px; flex-shrink: 0; border-radius: 5px; color: #87a2bc; background: #ecf2f7; }
.brand-goods svg { width: 23px; height: 28px; stroke-width: 1.6px; }
.brand-goods-1 { background: #f9f2ed; color: #ba9b84; }
.brand-goods-2 { background: #edf4ef; color: #8baf9d; }
.brand-example-product strong { display: block; font-size: 10px; font-weight: 500; white-space: nowrap; }
.brand-example-product small { display: block; margin-top: 3px; color: #a2adbd; font-size: 8px; }
.brand-table-value { font-size: 9px; color: #94a0b1; }
.brand-example-status { justify-self: start; padding: 3px 6px; border-radius: 4px; color: #a78f65; background: #fbf6eb; font-size: 9px; white-space: nowrap; }
.brand-example-status.is-blue { color: #7696c7; background: #eff4fc; }
.brand-preview-bottom { display: flex; justify-content: space-between; gap: 12px; margin-top: 5px; padding: 12px 20px; background: #fafcff; color: #9cabc0; font-size: 8px; }
.brand-preview-bottom > span:first-child { display: flex; align-items: center; gap: 5px; }
.brand-preview-bottom svg { width: 12px; height: 12px; }
.brand-ai-preview { padding: 0 20px 16px; }
.brand-ai-source { padding: 12px 14px; border: 1px solid #edf0f5; border-radius: 5px; }
.brand-ai-source > span { color: #9ba8ba; font-size: 9px; }
.brand-ai-source > p { margin-top: 9px; color: #7c8ca2; font-size: 11px; }
.brand-ai-draft { margin-top: 12px; padding: 14px; border: 1px solid #dde8fc; border-radius: 5px; background: #f7faff; }
.brand-ai-draft > div:first-child { display: flex; align-items: center; gap: 6px; color: #6488d0; }
.brand-ai-draft svg { width: 14px; height: 14px; }
.brand-ai-draft strong { font-size: 10px; font-weight: 500; }
.brand-ai-draft > div:first-child > span { margin-left: auto; font-size: 8px; }
.brand-ai-draft > p { margin-top: 10px; font-size: 11px; line-height: 1.9; color: #526d96; }
.brand-ai-choice { display: flex; gap: 6px; align-items: center; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e3ebf9; color: #8ca0bf; font-size: 9px; }
.brand-preview-footnote { margin-top: 13px !important; font-size: 8px; color: #a0adc0 !important; }
.brand-workflow-section { width: 100%; padding: 78px max(40px, calc((100% - 1200px)/2)) 82px; background: #f7f9fd; }
.brand-workflow { display: grid; grid-template-columns: repeat(4,1fr); gap: 34px; margin: 46px 0 0; padding: 0; list-style: none; }
.brand-workflow > li { position: relative; display: flex; align-items: flex-start; gap: 14px; }
.brand-step-number { flex-shrink: 0; color: #c9d6ed; font-size: 29px; font-weight: 500; line-height: 1; letter-spacing: -.04em; }
.brand-workflow > li > div > svg { width: 23px; height: 23px; color: #6e91c9; margin-top: 1px; margin-bottom: 14px; stroke-width: 1.6px; }
.brand-workflow h3 { font-size: 15px; font-weight: 550; }
.brand-workflow p { margin-top: 12px; color: #8a98ac; font-size: 13px; line-height: 1.9; }
.brand-workflow a { display: inline-flex; align-items: center; gap: 7px; margin-top: 16px; color: #668cd1; font-size: 10px; }
.brand-workflow a svg { width: 12px; height: 12px; }
.brand-faq-section { display: grid; grid-template-columns: .7fr 1fr; gap: 80px; padding: 90px 45px; }
.brand-faq-intro { padding-top: 12px; }
.brand-faq-intro h2 { margin-top: 15px; font-size: 30px; line-height: 1.5; font-weight: 550; letter-spacing: -.04em; }
.brand-faq-intro > p:not(.brand-eyebrow) { margin-top: 15px; color: #8b98aa; font-size: 12px; }
.brand-faq-intro .brand-text-link { margin-top: 23px; }
.brand-faq-list details { border-bottom: 1px solid #e9edf5; }
.brand-faq-list details:first-child { border-top: 1px solid #e9edf5; }
.brand-faq-list summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 21px 0; cursor: pointer; font-size: 15px; list-style: none; }
.brand-faq-list summary::-webkit-details-marker { display: none; }
.brand-faq-list summary > span { color: #8e9eb6; font-size: 20px; font-weight: 300; line-height: 1; transition: transform .2s; }
.brand-faq-list details[open] summary > span { transform: rotate(45deg); }
.brand-faq-list details > p { padding: 0 24px 23px 0; color: #8391a6; font-size: 14px; line-height: 1.9; }
.brand-final-cta { position: relative; isolation: isolate; overflow: hidden; display: flex; justify-content: space-between; align-items: center; gap: 40px; width: min(1280px, calc(100% - 80px)); margin: 0 auto 70px; padding: 45px 65px; color: #fff; border-radius: 13px; background: linear-gradient(110deg,#1e4cb2,#2671ed); }
.brand-final-cta::after { content: ''; position: absolute; z-index: -1; right: 165px; top: -85px; width: 300px; height: 300px; border: 45px solid rgba(119,192,255,.12); border-radius: 50%; }
.brand-final-cta > div > p { font-size: 9px; letter-spacing: .14em; color: #aacaff; }
.brand-final-cta h2 { font-size: 28px; font-weight: 500; letter-spacing: -.025em; margin-top: 12px; }
.brand-final-cta > div > span { display: block; margin-top: 13px; color: #c4d9ff; font-size: 11px; }
.brand-button-white { background: #fff; color: #2459c9 !important; min-width: 212px; font-size: 12px; gap: 20px; }
.brand-button-white:hover { background: #edf4ff; }
.brand-footer { width: min(1280px, calc(100% - 80px)); margin: auto; }
.brand-footer-main { display: flex; justify-content: space-between; gap: 40px; align-items: center; padding: 15px 0 32px; }
.brand-footer .brand-logo img { width: 145px; }
.brand-footer-main p { font-size: 10px; color: #9aa7bb; margin-top: 14px; }
.brand-footer-main > nav { display: flex; gap: 28px; flex-wrap: wrap; }
.brand-footer-main > nav a, .brand-footer-main > nav button { font-size: 11px; color: #8896aa; padding: 8px 0; }
.brand-footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding: 20px 0; border-top: 1px solid #edf0f6; color: #acb5c3; font-size: 9px; letter-spacing: .025em; }
@media (min-width: 1700px) { .brand-orbit { left: calc(50% - 355px); width: 1080px; top: -130px; } .brand-hero-inner { min-height: 560px; padding-top: 60px; } }
@media (max-width: 1150px) {
  .brand-header-inner, .brand-hero-inner, .brand-section, .brand-footer, .brand-final-cta { width: calc(100% - 56px); }
  .brand-header-inner { gap: 22px; }
  .brand-header-actions { gap: 0; }
  .brand-header-actions .brand-contact { display: none; }
  .brand-nav { gap: 24px; }
  .brand-logo img { width: 152px; }
  .brand-hero-inner { gap: 28px; }
  .brand-entry { flex-basis: 300px; padding: 26px 24px 21px; }
  .brand-hero-copy { padding-top: 30px; }
  .brand-hero h1 { font-size: 47px; }
  .brand-orbit { left: calc(50% - 370px); opacity: .8; }
  .brand-benefit-grid { grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 12px; }
  .brand-benefit-card { padding: 27px 17px; }
  .brand-benefit-main { padding: 28px 24px; }
  .brand-benefit-main h3 { font-size: 24px; }
  .brand-benefit-card p br { display: none; }
  .brand-feature-panel { padding-inline: 10px; gap: 35px; grid-template-columns: .8fr 1.1fr; }
  .brand-feature-copy h3 { font-size: 25px; }
  .brand-workflow-section { width: 100%; padding-inline: 36px; }
  .brand-workflow { gap: 22px; }
  .brand-workflow > li { gap: 10px; }
  .brand-faq-section { padding-inline: 15px; gap: 50px; }
  .brand-final-cta { padding: 42px; }
}
@media (max-width: 800px) {
  .brand-header { height: 72px; }
  .brand-header-inner { width: calc(100% - 40px); }
  .brand-logo img { width: 145px; }
  .brand-menu-toggle { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 36px; padding: 5px !important; }
  .brand-menu-toggle svg { width: 22px; height: 22px; }
  .brand-header-actions { gap: 12px; }
  .brand-nav-login { min-height: 34px; padding: 7px 11px; font-size: 11px; }
  .brand-nav-login svg { display: none; }
  .brand-nav { display: none; position: absolute; left: 16px; right: 16px; top: 65px; padding: 10px 18px; background: #fff; border: 1px solid #e0e8f6; border-radius: 10px; box-shadow: 0 18px 40px #1c386315; }
  .brand-nav.is-open { display: flex; justify-content: space-around; gap: 16px; }
  .brand-nav :is(a,button) { padding: 13px 0; font-size: 12px; }
  .brand-nav :is(a,button)::after { bottom: 5px; }
  .brand-hero-inner { width: calc(100% - 48px); min-height: 550px; gap: 25px; padding: 46px 0; }
  .brand-hero-copy { padding-top: 32px; }
  .brand-hero-kicker { font-size: 10px; padding: 5px 8px; letter-spacing: 0; }
  .brand-hero h1 { font-size: 38px; margin-top: 20px; }
  .brand-hero-description { font-size: 12px; margin-top: 18px !important; }
  .brand-hero-actions { gap: 17px; flex-wrap: wrap; margin-top: 24px; }
  .brand-hero-actions .brand-button { padding: 12px 16px; font-size: 12px; gap: 13px; min-height: 44px; }
  .brand-hero-explore { font-size: 11px !important; }
  .brand-hero-footnote { margin-top: 28px; font-size: 9px; }
  .brand-entry { flex-basis: 265px; padding: 23px 22px 18px; }
  .brand-entry h2 { font-size: 23px; }
  .brand-entry-top > span { font-size: 8px; letter-spacing: .06em; }
  .brand-entry-top { gap: 8px; }
  .brand-entry-flow { margin: 20px 0; }
  .brand-orbit { top: -80px; left: calc(50% - 440px); width: 900px; opacity: .4; }
  .brand-hero-strip > div { width: calc(100% - 48px); padding: 18px 0; gap: 15px; }
  .brand-hero-strip span { font-size: 10px; gap: 6px; }
  .brand-hero-strip svg { width: 15px; height: 15px; }
  .brand-section { width: calc(100% - 48px); padding: 65px 0; scroll-margin-top: 65px; }
  .brand-section-heading h2 { font-size: 26px; }
  .brand-benefit-grid { grid-template-columns: repeat(3,1fr); margin-top: 30px; }
  .brand-benefit-main { grid-column: 1/-1; min-height: 210px; padding: 26px 30px; }
  .brand-benefit-main h3 br { display: none; }
  .brand-benefit-main h3 { font-size: 25px; margin-top: 13px; }
  .brand-benefit-main p { margin-top: 8px; }
  .brand-benefit-art { right: 20px; bottom: -70px; width: 290px; transform: rotate(-30deg); }
  .brand-benefit-art div { width: 170px; height: 210px; }
  .brand-benefit-card { min-height: 225px; }
  .brand-benefit-card h3 { font-size: 16px; }
  .brand-benefit-card p { font-size: 11px; }
  .brand-feature-panel { grid-template-columns: 1fr; gap: 30px; padding: 35px 8px 10px; }
  .brand-feature-copy h3 { font-size: 27px; }
  .brand-feature-description { max-width: 100%; }
  .brand-feature-copy h3 br { display: none; }
  .brand-feature-tags { margin-bottom: 15px; }
  .brand-feature-tabs { width: 100%; gap: 2px; }
  .brand-feature-tabs button { min-width: 0; flex: 1; padding: 10px 12px; }
  .brand-product-preview { max-width: 600px; width: 100%; margin-inline: auto; }
  .brand-workflow-section { width: 100%; padding: 65px 32px; }
  .brand-workflow { grid-template-columns: repeat(2,1fr); gap: 32px; }
  .brand-workflow > li { gap: 16px; }
  .brand-workflow p br { display: none; }
  .brand-faq-section { grid-template-columns: 1fr; gap: 30px; padding-inline: 8px; }
  .brand-faq-intro h2 { font-size: 28px; }
  .brand-final-cta { width: calc(100% - 48px); padding: 32px; margin-bottom: 45px; gap: 25px; }
  .brand-final-cta h2 { font-size: 23px; }
  .brand-button-white { min-width: 165px; padding-inline: 16px; gap: 12px; font-size: 11px; }
  .brand-footer { width: calc(100% - 48px); }
  .brand-footer-main { align-items: flex-start; gap: 30px; }
  .brand-footer-main > nav { gap: 10px 20px; justify-content: flex-end; max-width: 310px; }
}
@media (max-width: 560px) {
  .brand-header-inner { width: calc(100% - 32px); gap: 15px; }
  .brand-logo img { width: 130px; }
  .brand-header-actions { gap: 7px; }
  .brand-nav-login { font-size: 10px; padding-inline: 9px; }
  .brand-hero-inner { width: calc(100% - 40px); flex-direction: column; padding: 34px 0 30px; gap: 30px; }
  .brand-hero-copy { padding: 4px 6px 0; }
  .brand-hero h1 { font-size: 43px; line-height: 1.3; }
  .brand-hero-kicker { font-size: 10px; }
  .brand-hero-description { font-size: 12px; }
  .brand-hero-actions { margin-top: 22px; gap: 23px; }
  .brand-hero-footnote { margin-top: 25px; }
  .brand-orbit { left: -70px; top: -120px; width: 800px; opacity: .33; }
  .brand-entry { width: 100%; flex-basis: auto; padding: 22px 24px 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
  .brand-entry-top { grid-column: 1/-1; margin-bottom: 12px; }
  .brand-entry-top img { width: 30px; height: 30px; }
  .brand-entry h2 { font-size: 22px; grid-column: 1/-1; }
  .brand-entry h2 br { display: none; }
  .brand-entry > p:not(.brand-entry-note) { grid-column: 1/-1; margin-top: 8px; font-size: 11px; }
  .brand-entry > p:not(.brand-entry-note) br { display: none; }
  .brand-entry-flow { grid-column: 1/-1; margin: 17px 0; padding: 13px 23px; }
  .brand-entry-flow > span { flex-direction: row; width: auto; gap: 7px; }
  .brand-entry-flow svg { width: 18px; height: 18px; }
  .brand-entry .brand-button { grid-column: 1/-1; }
  .brand-entry-note { grid-column: 1/-1; font-size: 9px; margin-top: 12px !important; }
  .brand-entry-note br { display: none; }
  .brand-hero-strip > div { width: calc(100% - 40px); display: grid; grid-template-columns: 1fr 1fr; gap: 15px 20px; padding: 18px 0; }
  .brand-hero-strip span { justify-content: center; }
  .brand-section { width: calc(100% - 40px); padding: 50px 0; }
  .brand-section-heading { padding-inline: 5px; }
  .brand-eyebrow { font-size: 8px; letter-spacing: .13em; }
  .brand-section-heading h2 { font-size: 23px; margin-top: 10px; }
  .brand-section-heading > p:last-child { font-size: 11px; line-height: 1.8; }
  .brand-benefit-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 26px; }
  .brand-benefit-main { min-height: 240px; padding: 25px; }
  .brand-benefit-main h3 { max-width: 235px; font-size: 25px; line-height: 1.6; margin-top: 17px; }
  .brand-benefit-art { right: -80px; bottom: -65px; }
  .brand-benefit-main p { margin-top: 12px; }
  .brand-benefit-card { min-height: 130px; padding: 22px 22px 20px 82px; }
  .brand-benefit-icon { position: absolute; left: 22px; top: 25px; width: 41px; height: 41px; }
  .brand-benefit-card h3 { font-size: 16px; }
  .brand-benefit-card p { margin-top: 9px; padding-right: 15px; }
  .brand-benefit-number { font-size: 29px; bottom: 12px; }
  .brand-feature-tabs { margin-top: 23px; padding: 4px; }
  .brand-feature-tabs button { padding: 9px 5px; font-size: 11px; }
  .brand-feature-panel { padding: 30px 4px 5px; }
  .brand-feature-copy h3 { font-size: 25px; margin-top: 13px; }
  .brand-feature-description { font-size: 11px; margin-top: 14px !important; }
  .brand-feature-tags { gap: 8px 12px; }
  .brand-feature-tags li { font-size: 9px; }
  .brand-product-preview { box-shadow: 0 12px 35px rgba(40,68,112,.06),0 0 0 5px #f7f9fd; }
  .brand-preview-bar { padding: 12px; }
  .brand-preview-title { padding: 15px 12px 12px; }
  .brand-product-table { padding-inline: 10px; }
  .brand-table-head, .brand-table-row { gap: 6px; grid-template-columns: 1.5fr .95fr .9fr; padding-inline: 6px; }
  .brand-example-product { gap: 6px; }
  .brand-example-product strong { font-size: 9px; }
  .brand-goods { width: 29px; height: 33px; }
  .brand-table-value { font-size: 8px; }
  .brand-example-status { padding: 3px 4px; font-size: 8px; }
  .brand-preview-bottom { padding: 11px 14px; }
  .brand-workflow-section { width: 100%; padding-inline: 24px; }
  .brand-workflow { grid-template-columns: 1fr; gap: 27px; margin-top: 33px; }
  .brand-workflow > li { gap: 20px; }
  .brand-workflow > li > div { position: relative; padding-left: 42px; }
  .brand-workflow > li > div > svg { position: absolute; left: 0; top: 0; }
  .brand-workflow p { margin-top: 8px; font-size: 11px; }
  .brand-workflow a { margin-top: 10px; }
  .brand-step-number { font-size: 25px; min-width: 30px; }
  .brand-faq-section { gap: 24px; padding-inline: 4px; }
  .brand-faq-intro { padding: 0; }
  .brand-faq-intro h2 { font-size: 25px; }
  .brand-faq-intro .brand-text-link { margin-top: 16px; }
  .brand-faq-list summary { padding: 19px 0; font-size: 12px; }
  .brand-faq-list details > p { font-size: 11px; }
  .brand-final-cta { width: calc(100% - 40px); padding: 29px 25px; margin-bottom: 35px; flex-direction: column; align-items: flex-start; gap: 23px; }
  .brand-final-cta h2 { font-size: 23px; max-width: 245px; line-height: 1.6; }
  .brand-final-cta > div > p { font-size: 7px; }
  .brand-final-cta > div > span { font-size: 10px; }
  .brand-final-cta .brand-button { min-height: 42px; }
  .brand-footer { width: calc(100% - 40px); }
  .brand-footer-main { flex-direction: column; gap: 20px; padding-bottom: 22px; }
  .brand-footer .brand-logo img { width: 130px; }
  .brand-footer-main > nav { justify-content: flex-start; max-width: 100%; gap: 8px 20px; }
  .brand-footer-main > nav a, .brand-footer-main > nav button { font-size: 10px; }
  .brand-footer-bottom { font-size: 8px; padding-block: 16px; }
}
/* A quiet brand rhythm: entrances run once and controls respond without moving the page. */
.brand-home { --brand-motion-fast: 160ms; --brand-motion: 240ms; --brand-ease: cubic-bezier(.2,.7,.2,1); }
.brand-header { box-shadow: 0 1px 0 #dce5f733, 0 8px 28px #243f7306; }
.brand-nav :is(a,button) { transition: color var(--brand-motion-fast) ease; }
.brand-nav :is(a,button)::after { left: 25%; width: 50%; transform: scaleX(0); transform-origin: center; transition: transform var(--brand-motion) var(--brand-ease); }
.brand-nav .is-current::after, .brand-nav :is(a,button):focus-visible::after { transform: scaleX(1); }
.brand-nav-login, .brand-menu-toggle { transition: background var(--brand-motion-fast) ease, border-color var(--brand-motion-fast) ease, box-shadow var(--brand-motion-fast) ease; }
.brand-nav-login:focus-visible, .brand-menu-toggle:focus-visible { background: #eaf1ff; }
.brand-hero-copy { animation: brand-content-enter 420ms var(--brand-ease) both; }
.brand-entry { border-color: #dbe6f8; box-shadow: 0 20px 58px #2b4b8012, 0 2px 7px #2b4b8005; animation: brand-content-enter 480ms var(--brand-ease) both; }
.brand-entry > p:not(.brand-entry-note) { color: #66768e; }
.brand-entry-note { color: #5f6f86 !important; }
.brand-entry-top > span { color: #71829c; }
.brand-button { transition: background var(--brand-motion-fast) ease, box-shadow var(--brand-motion-fast) ease, transform var(--brand-motion-fast) var(--brand-ease); }
.brand-button:hover { transform: none; }
.brand-button svg, .brand-text-link svg, .brand-contact svg, .brand-hero-explore svg, .brand-workflow a svg { transition: transform var(--brand-motion-fast) var(--brand-ease); }
.brand-button:active { transform: translateY(0); box-shadow: none; }
.brand-button:focus-visible { box-shadow: 0 0 0 5px #2160ed20; }
.brand-benefit-card { background: linear-gradient(155deg,#fbfcff,#f3f7fe); border-color: #e5ecf7; transition: border-color var(--brand-motion) ease, box-shadow var(--brand-motion) ease, transform var(--brand-motion) var(--brand-ease); }
.brand-benefit-card p, .brand-section-heading > p:last-child { color: #6c7a90; }
.brand-benefit-icon { color: #3767c4; background: #e8effd; }
.brand-benefit-main { box-shadow: 0 12px 30px #245bce14; }
.brand-feature-tabs { border: 1px solid #e6ecf6; background: #f2f5fb; }
.brand-feature-tabs button { min-height: 44px; color: #5f6f86; transition: color var(--brand-motion-fast) ease, background var(--brand-motion-fast) ease, box-shadow var(--brand-motion-fast) ease; }
.brand-feature-tabs [aria-selected="true"] { color: #2255ba; box-shadow: 0 3px 12px #23497c12, 0 0 0 1px #e3eaf6; }
.brand-feature-tabs button:focus-visible { outline-offset: 2px; }
.brand-feature-copy, .brand-product-preview { animation: brand-panel-enter 260ms var(--brand-ease) both; }
.brand-feature-description { color: #5f6f86 !important; }
.brand-preview-bar > span, .brand-preview-title .brand-preview-menu, .brand-table-head, .brand-preview-bottom, .brand-ai-source > span, .brand-preview-footnote { color: #5f6f86 !important; }
.brand-example-product small, .brand-table-value { color: #5f6f86; }
.brand-example-status { color: #896522; background: #fff6e5; }
.brand-example-status.is-blue { color: #3c65a5; background: #edf3fe; }
.brand-ai-draft { background: linear-gradient(150deg,#f7faff,#f1f6ff); }
.brand-workflow p, .brand-faq-intro > p:not(.brand-eyebrow), .brand-faq-list details > p { color: #5f6f86; }
.brand-workflow a { color: #3769bd; }
.brand-faq-list summary { border-radius: 6px; transition: color var(--brand-motion-fast) ease, background var(--brand-motion-fast) ease; }
.brand-faq-list details[open] summary { color: #2859b5; }
.brand-faq-list details[open] > p { animation: brand-answer-enter 180ms ease both; }
.brand-footer-main p, .brand-footer-main > nav a, .brand-footer-main > nav button { color: #728199; }
.brand-footer-bottom { color: #8591a3; }
@keyframes brand-content-enter { from { opacity: .35; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes brand-panel-enter { from { opacity: .45; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@keyframes brand-answer-enter { from { opacity: .45; } to { opacity: 1; } }
@media (hover: hover) and (pointer: fine) {
  .brand-nav :is(a,button):hover::after { transform: scaleX(1); }
  .brand-button:hover { transform: translateY(-2px); }
  .brand-button:hover svg, .brand-text-link:hover svg, .brand-contact:hover svg, .brand-workflow a:hover svg { transform: translateX(3px); }
  .brand-hero-explore:hover svg { transform: translateY(3px); }
  .brand-button:active { transform: translateY(0); }
  .brand-benefit-card:hover { border-color: #cbdbf6; box-shadow: 0 12px 28px #244f9810; transform: translateY(-3px); }
  .brand-feature-tabs button:not([aria-selected="true"]):hover { background: #e8eef9; color: #375f9f; }
  .brand-faq-list summary:hover { color: #2859b5; background: #f6f9fe; }
}
@media (max-width: 800px) {
  .brand-nav.is-open { animation: brand-panel-enter 180ms var(--brand-ease) both; }
}
@media (prefers-reduced-motion: reduce) {
  body.brand-home-mode #appContent { scroll-behavior: auto; }
  .brand-home *, .brand-home *::before, .brand-home *::after { animation: none !important; transition: none !important; }
  .brand-home .brand-button, .brand-home .brand-benefit-card, .brand-home .brand-button svg, .brand-home .brand-text-link svg, .brand-home .brand-contact svg, .brand-home .brand-hero-explore svg, .brand-home .brand-workflow a svg { transform: none !important; }
}

/* The public introduction and section navigation stay usable without scripts. */
.brand-noscript { padding: 12px 24px; color: #425571; background: #f3f6fc; font-size: 13px; line-height: 1.7; }
html.no-js .brand-menu-toggle, html.no-js .brand-home [data-wechat-support], html.no-js .brand-home [data-brand-agreement] { display: none; }
@media (max-width: 800px) {
  html.no-js .brand-header { height: auto; }
  html.no-js .brand-header-inner { flex-wrap: wrap; padding-block: 14px; gap: 12px; }
  html.no-js .brand-nav { display: flex; position: static; order: 3; width: 100%; justify-content: space-between; padding: 0; border: 0; background: none; box-shadow: none; gap: 8px; }
  html.no-js .brand-nav a { padding: 6px 0; }
  html.no-js .brand-header-actions { margin-left: auto; }
}

/* Public topic entries share the same sparse layout; no ERP framework is loaded. */
.brand-tools-section { border-top: 1px solid var(--brand-line); }
.brand-tool-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 32px; }
.brand-tool-links > a { position: relative; display: flex; flex-direction: column; gap: 10px; min-height: 154px; padding: 25px 46px 25px 25px; border: 1px solid #e1e8f4; border-radius: 12px; background: #f7faff; }
.brand-tool-links strong { font-size: 17px; line-height: 1.5; }
.brand-tool-links span { color: #5f6f86; font-size: 13px; }
.brand-tool-links svg { position: absolute; right: 20px; top: 27px; color: #2558ce; }
.brand-tool-links > a:hover { border-color: #aac3f2; background: #f0f5ff; }
.brand-footer-main > nav { flex-wrap: wrap; max-width: 650px; }
.brand-workspace-status { position: fixed; z-index: 10001; inset: 12px 12px auto; width: fit-content; max-width: calc(100% - 24px); margin: auto; padding: 14px 20px; border: 1px solid #c8d7f2; border-radius: 10px; color: #183760; background: #f8fbff; box-shadow: 0 8px 26px #25456c18; font: 14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; }
.brand-workspace-status p { margin: 0; }
.brand-workspace-status button, .brand-workspace-status a { display: inline-block; margin: 10px 14px 0 0; padding: 6px 12px; border: 1px solid #b6c9eb; border-radius: 6px; color: #214fb7; background: #fff; font: inherit; text-decoration: none; cursor: pointer; }
@media (max-width:800px) { .brand-tool-links { grid-template-columns: 1fr; gap: 12px; } .brand-tool-links > a { min-height: 120px; } }

.brand-support-float{position:fixed;right:24px;bottom:max(20px,env(safe-area-inset-bottom));z-index:25;display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:11px 17px;border:1px solid #d4dfed;border-radius:14px;background:var(--ui-surface,#fff);color:var(--ui-text,#17233c);box-shadow:0 8px 28px #182e5421;font:600 14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;cursor:pointer}.brand-support-float span{font-size:12px;font-weight:400;color:var(--ui-text-muted,#596880)}.brand-support-float:focus-visible{outline:3px solid #3157df;outline-offset:4px}.brand-footer{padding-bottom:100px}
@media(max-width:680px){.brand-support-float{right:16px;bottom:max(14px,env(safe-area-inset-bottom));min-height:44px;padding:9px 14px}.brand-support-float span{display:none}}

.brand-home .brand-title-phrase { display: inline-block; white-space: nowrap; }
.brand-home .brand-hero-points { display: flex; flex-wrap: wrap; gap: 9px 18px; margin: 18px 0 0; padding: 0; list-style: none; }
.brand-hero-points li { display: inline-flex; align-items: center; gap: 6px; color: #43618e; font-size: 12px; white-space: nowrap; }
.brand-hero-points svg { width: 14px; height: 14px; color: #2b68d8; }
.brand-benefits .brand-section-heading h2 { text-wrap: balance; }
.brand-value-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 34px; }
.brand-value-card { display: flex; flex-direction: column; min-width: 0; padding: 25px; border: 1px solid #e2eaf5; border-radius: 14px; background: #fbfcff; transition: border-color 180ms ease, box-shadow 180ms ease; }
.brand-value-top { display: flex; align-items: center; gap: 11px; color: #587194; font-size: 11px; letter-spacing: .02em; }
.brand-value-icon { display: grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; border-radius: 9px; background: #edf3ff; color: #336acb; }
.brand-value-icon svg { width: 19px; height: 19px; stroke-width: 1.7; }
.brand-value-card h3 { margin-top: 20px; font-size: 20px; font-weight: 600; line-height: 1.55; text-wrap: balance; }
.brand-value-card > p { margin-top: 11px; color: #52647f; font-size: 13px; line-height: 1.9; }
.brand-value-bottom { display: flex; flex-direction: column; align-items: flex-start; gap: 17px; margin-top: auto; padding-top: 22px; }
.brand-value-check { display: flex; align-items: flex-start; gap: 6px; color: #647995; font-size: 11px; line-height: 1.7; }
.brand-value-check svg { width: 13px; height: 13px; margin-top: 3px; color: #6285b5; }
.brand-value-bottom > a { display: inline-flex; align-items: center; gap: 10px; min-height: 32px; color: #285dc0; font-size: 12px; font-weight: 500; }
.brand-value-bottom > a svg { width: 14px; height: 14px; }
.brand-value-card.is-primary { color: #fff; border-color: #2461d6; background: linear-gradient(140deg, #2453b7, #2167e7); }
.brand-value-card.is-primary .brand-value-top, .brand-value-card.is-primary .brand-value-check { color: #d5e5ff; }
.brand-value-card.is-primary .brand-value-icon { color: #fff; background: #ffffff1c; }
.brand-value-card.is-primary > p { color: #e0ebff; }
.brand-value-card.is-primary .brand-value-bottom > a, .brand-value-card.is-primary .brand-value-check svg { color: #fff; }
@media (hover: hover) and (pointer: fine) {
  .brand-value-card:hover { border-color: #b4ccf0; box-shadow: 0 8px 24px #244f980c; }
  .brand-value-card.is-primary:hover { border-color: #255bc4; }
}
@media (max-width: 1100px) { .brand-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .brand-home .brand-hero-points { gap: 8px 14px; margin-top: 15px; }
  .brand-hero-points li { font-size: 11px; }
  .brand-value-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 26px; }
  .brand-value-card { padding: 22px; }
  .brand-value-card h3 { margin-top: 16px; font-size: 19px; }
  .brand-value-bottom { gap: 13px; padding-top: 16px; }
}
@media (prefers-reduced-motion: reduce) { .brand-value-card { transition: none; } }

/* HOME435: readable text across the public homepage. */
.brand-home.brand-home { font-size: 16px; }
.brand-home .brand-nav :is(a,button) { font-size: 15px; font-weight: 500; }
.brand-home .brand-header-actions .brand-contact, .brand-home .brand-nav-login { font-size: 14px; font-weight: 500; }
.brand-home .brand-header-actions .brand-contact { color: #42536b; }
.brand-home .brand-hero-kicker { color: #31568e !important; font-size: 14px; font-weight: 600; letter-spacing: 0; }
.brand-home .brand-hero-description { color: #334155 !important; font-size: 16px; line-height: 1.85; }
.brand-home .brand-hero-points li { color: #334e73; font-size: 14px; font-weight: 500; }
.brand-home .brand-hero-actions .brand-button { font-size: 15px; font-weight: 600; }
.brand-home .brand-hero-explore { font-size: 15px !important; font-weight: 500; }
.brand-home .brand-hero-footnote { color: #40536c; font-size: 14px; }
.brand-home .brand-entry-top > span { color: #465d7e; font-size: 12px; letter-spacing: .06em; }
.brand-home .brand-entry > p:not(.brand-entry-note) { color: #40536c; font-size: 15px; }
.brand-home .brand-entry-flow > span { width: auto; flex: 1; min-width: 0; color: #405b7c; font-size: 13px; font-weight: 500; }
.brand-home .brand-entry .brand-button { font-size: 15px; font-weight: 600; }
.brand-home .brand-button-outline { color: #344f75 !important; }
.brand-home .brand-entry-note { color: #465b78 !important; font-size: 13px; }
.brand-home .brand-hero-strip span { color: #33465d; font-size: 14px; font-weight: 500; }
.brand-home .brand-eyebrow { color: #526984 !important; font-size: 12px; letter-spacing: .1em; }
.brand-home .brand-section-heading > p:last-child { color: #40536c; font-size: 16px; line-height: 1.8; }
.brand-home .brand-value-top { color: #405978; font-size: 13px; font-weight: 600; }
.brand-home .brand-value-card > p { color: #3b4e68; font-size: 15px; line-height: 1.8; }
.brand-home .brand-value-check { color: #445b78; font-size: 14px; }
.brand-home .brand-value-bottom > a { color: #1d50ad; font-size: 14px; font-weight: 600; }
.brand-home .brand-value-card.is-primary .brand-value-top, .brand-home .brand-value-card.is-primary .brand-value-check, .brand-home .brand-value-card.is-primary > p, .brand-home .brand-value-card.is-primary .brand-value-bottom > a { color: #fff; }
.brand-home .brand-feature-tabs button { color: #40536c; font-size: 14px; font-weight: 500; }
.brand-home .brand-feature-tabs [aria-selected="true"] { color: #2255ba; }
.brand-home .brand-feature-description { color: #40536c !important; font-size: 16px; line-height: 1.85; }
.brand-home .brand-feature-tags li { color: #405978; font-size: 14px; }
.brand-home .brand-text-link { font-size: 14px !important; font-weight: 600; }
.brand-home .brand-preview-bar strong, .brand-home .brand-preview-title h4 { color: #33465d; font-size: 14px; }
.brand-home .brand-preview-bar > span, .brand-home .brand-preview-menu, .brand-home .brand-table-head, .brand-home .brand-example-product small, .brand-home .brand-table-value, .brand-home .brand-example-status, .brand-home .brand-preview-bottom, .brand-home .brand-ai-source > span, .brand-home .brand-ai-draft > div:first-child > span, .brand-home .brand-ai-choice, .brand-home .brand-preview-footnote { font-size: 12px; }
.brand-home .brand-table-head, .brand-home .brand-example-product small, .brand-home .brand-table-value, .brand-home .brand-preview-bar > span, .brand-home .brand-preview-bottom, .brand-home .brand-ai-source > span, .brand-home .brand-preview-footnote { color: #40536c !important; }
.brand-home .brand-example-product > span:last-child { min-width: 0; }
.brand-home .brand-example-product strong { font-size: 13px; font-weight: 600; white-space: normal; }
.brand-home .brand-table-head span, .brand-home .brand-table-value, .brand-home .brand-example-status { overflow-wrap: anywhere; }
.brand-home .brand-example-status { white-space: normal; }
.brand-home .brand-ai-source > p, .brand-home .brand-ai-draft > p { color: #40536c; font-size: 14px; }
.brand-home .brand-ai-draft strong { font-size: 13px; font-weight: 600; }
.brand-home .brand-ai-choice { color: #405978; }
.brand-home .brand-workflow h3 { font-size: 16px; font-weight: 600; }
.brand-home .brand-workflow p, .brand-home .brand-faq-intro > p:not(.brand-eyebrow), .brand-home .brand-faq-list details > p { color: #40536c; font-size: 15px; line-height: 1.85; }
.brand-home .brand-workflow a { color: #1d50ad; font-size: 14px; font-weight: 600; }
.brand-home .brand-faq-list summary { font-size: 16px; font-weight: 500; }
.brand-home .brand-tool-links span { color: #40536c; font-size: 15px; line-height: 1.7; }
.brand-home .brand-final-cta { background: linear-gradient(110deg,#1e4cb2,#1c5dcc); }
.brand-home .brand-final-cta > div > p { color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .09em; }
.brand-home .brand-final-cta > div > span { color: #fff; font-size: 15px; line-height: 1.7; }
.brand-home .brand-button-white { font-size: 15px; font-weight: 600; }
.brand-home .brand-footer-main p, .brand-home .brand-footer-main > nav a, .brand-home .brand-footer-main > nav button { color: #40536c; font-size: 14px; }
.brand-home .brand-footer-bottom { color: #52657e; font-size: 13px; }
.brand-home .brand-support-float span { color: #40536c; font-size: 13px; }
.brand-home .brand-shortcuts { max-width: 1280px; margin: 0 auto; padding: 64px max(40px, 5vw) 76px; border-top: 1px solid #e8eef7; }
.brand-home .brand-shortcuts-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 26px; }
.brand-home .brand-shortcuts-heading h2 { margin-top: 8px; color: #172642; font-size: clamp(28px, 3vw, 40px); line-height: 1.25; letter-spacing: -.03em; }
.brand-home .brand-shortcuts-heading > p { max-width: 420px; color: #52657e; font-size: 15px; line-height: 1.8; }
.brand-home .brand-shortcuts-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.brand-home .brand-shortcut-card { display: flex; align-items: center; gap: 12px; min-height: 92px; padding: 16px 14px; border: 1px solid #e2eaf5; border-radius: 14px; background: linear-gradient(145deg, #fff, #f7faff); box-shadow: 0 8px 24px rgba(31, 65, 116, .06); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.brand-home .brand-shortcut-card:hover { transform: translateY(-3px); border-color: #9dbaf0; box-shadow: 0 14px 30px rgba(31, 65, 116, .13); }
.brand-home .brand-shortcut-icon { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; color: #245ee2; background: #eaf1ff; }
.brand-home .brand-shortcut-icon svg { width: 20px; height: 20px; }
.brand-home .brand-shortcut-official-logo { display: block; width: 30px; height: 30px; object-fit: contain; }
.brand-home .brand-shortcut-logo { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; color: #fff; font: 800 10px/1 Arial, sans-serif; letter-spacing: -.04em; }
.brand-home .brand-shortcut-logo-ozon { background: linear-gradient(145deg, #005bff, #7825d7); font-size: 9px; }
.brand-home .brand-shortcut-logo-1688 { background: linear-gradient(145deg, #ff6a00, #f04400); font-size: 8px; letter-spacing: -.08em; }
.brand-home .brand-shortcut-logo-ai { background: linear-gradient(145deg, #8b5cf6, #ec4899); }
.brand-home .brand-shortcut-logo-yandex { background: #fc3f1d; font: 800 16px/1 Georgia, serif; }
.brand-home .brand-shortcut-logo-calculator { background: #0f9d75; font-size: 18px; }
.brand-home .brand-shortcut-logo-guide { background: #2563eb; font-size: 17px; }
.brand-home .brand-shortcut-1688 .brand-shortcut-icon { color: #e65300; background: #fff2e8; }
.brand-home .brand-shortcut-ai .brand-shortcut-icon { color: #7c3aed; background: #f3e8ff; }
.brand-home .brand-shortcut-yandex .brand-shortcut-icon { color: #c9321a; background: #fff0ed; }
.brand-home .brand-shortcut-calculator .brand-shortcut-icon { color: #087c5b; background: #e4f8f1; }
.brand-home .brand-shortcut-copy { display: grid; gap: 3px; min-width: 0; }
.brand-home .brand-shortcut-copy strong { color: #1e3555; font-size: 14px; font-weight: 650; line-height: 1.35; }
.brand-home .brand-shortcut-copy small { color: #62748d; font-size: 12px; line-height: 1.45; }
.brand-home .brand-shortcut-arrow { width: 15px; height: 15px; margin-left: auto; color: #7d94b5; }
@media (max-width: 1050px) { .brand-home .brand-shortcuts-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 800px) { .brand-home .brand-shortcuts { padding: 52px 24px 60px; } .brand-home .brand-shortcuts-heading { display: grid; gap: 12px; } .brand-home .brand-shortcuts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .brand-home .brand-shortcuts { padding-inline: 20px; } .brand-home .brand-shortcut-card { min-height: 82px; padding: 12px 10px; } .brand-home .brand-shortcut-icon { flex-basis: 34px; width: 34px; height: 34px; border-radius: 10px; } .brand-home .brand-shortcut-copy strong { font-size: 13px; } .brand-home .brand-shortcut-copy small { font-size: 11px; } }
@media (max-width: 800px) {
  .brand-home .brand-nav-login, .brand-home .brand-nav :is(a,button) { font-size: 14px; }
  .brand-home .brand-hero-kicker { font-size: 13px; }
  .brand-home .brand-hero-description { font-size: 16px; }
  .brand-home .brand-hero-actions .brand-button, .brand-home .brand-hero-explore { font-size: 15px !important; }
  .brand-home .brand-hero-footnote, .brand-home .brand-hero-strip span { font-size: 14px; }
  .brand-home .brand-entry-top > span { font-size: 12px; }
  .brand-home .brand-button-white { font-size: 15px; }
  .brand-home .brand-feature-tabs button { font-size: 14px; }
}
@media (max-width: 560px) {
  .brand-home .brand-nav.is-open { gap: 8px; }
  .brand-home .brand-hero-description br { display: none; }
  .brand-home .brand-hero-points li { font-size: 14px; }
  .brand-home .brand-entry > p:not(.brand-entry-note) { font-size: 15px; }
  .brand-home .brand-entry-note { font-size: 13px; }
  .brand-home .brand-eyebrow { font-size: 12px; }
  .brand-home .brand-section-heading > p:last-child, .brand-home .brand-feature-description { font-size: 15px; }
  .brand-home .brand-feature-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-home .brand-feature-tabs button { min-width: 0; font-size: 14px; }
  .brand-home .brand-feature-tags li { font-size: 14px; }
  .brand-home .brand-table-head, .brand-home .brand-table-row { grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr); }
  .brand-home .brand-example-product strong { font-size: 12px; }
  .brand-home .brand-table-value, .brand-home .brand-example-status { font-size: 12px; }
  .brand-home .brand-workflow p, .brand-home .brand-faq-list details > p { font-size: 15px; }
  .brand-home .brand-faq-list summary { font-size: 15px; }
  .brand-home .brand-final-cta > div > p { font-size: 12px; }
  .brand-home .brand-final-cta > div > span { font-size: 15px; }
  .brand-home .brand-footer-main > nav a, .brand-home .brand-footer-main > nav button { font-size: 14px; }
  .brand-home .brand-footer-bottom { font-size: 13px; }
}

/* Keep support available without covering page content at any size. */
.brand-home .brand-support-float { position: static; right: auto; bottom: auto; margin: 0 max(40px, calc((100% - 1280px) / 2)) 24px; border: 1px solid #c5d5ec; background: #f4f8ff; color: #183f79; font-size: 14px; font-weight: 600; line-height: 1.6; }
.brand-home .brand-footer { padding-bottom: 32px; }
.brand-home .brand-ai-draft > div:first-child { color: #31568e; }
.brand-home .brand-ai-draft > div:first-child > span { color: #31568e; font-size: 13px; font-weight: 500; }
.brand-home .brand-faq-list summary > span { color: #526984; font-weight: 500; }
@media (max-width: 1150px) { .brand-home .brand-support-float { margin-inline: 28px; } }
@media (max-width: 800px) { .brand-home .brand-support-float { margin-inline: 24px; } }
@media (max-width: 560px) { .brand-home .brand-support-float { margin-inline: 20px; } }

/* Mobile navigation keeps its support action in the expanded menu. */
@media (max-width: 800px) {
  .brand-home .brand-header { height: auto; }
  .brand-home .brand-header-inner { height: auto; flex-wrap: wrap; column-gap: 12px; row-gap: 0; }
  .brand-home .brand-header-actions { min-height: 72px; }
  .brand-home .brand-nav.is-open { position: static; order: 3; flex: 0 0 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 44px; gap: 0; margin-bottom: 12px; padding: 6px 12px 60px; animation: none; }
  .brand-home .brand-nav.is-open :is(a,button) { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 4px; font-size: 14px; }
  .brand-home .brand-nav.is-open :is(a,button)::after { bottom: 3px; }
  .brand-home .brand-nav.is-open ~ .brand-header-actions .brand-contact { display: inline-flex; position: absolute; z-index: 1; left: 32px; right: 32px; bottom: 20px; min-height: 44px; justify-content: center; padding: 8px 12px; border: 1px solid #c5d5ec; border-radius: 7px; background: #f4f8ff; color: #183f79; font-size: 14px; font-weight: 600; }
}

/* Keep the header support action visible between the mobile and wide layouts. */
@media (min-width: 801px) and (max-width: 1150px) {
  .brand-home .brand-header-inner { column-gap: 16px; }
  .brand-home .brand-nav { gap: clamp(12px, 1.8vw, 20px); }
  .brand-home .brand-header-actions { gap: 14px; }
  .brand-home .brand-header-actions .brand-contact { display: inline-flex; }
}

/* Keep decorative artwork from weakening hero text contrast at tablet widths. */
@media (min-width: 561px) and (max-width: 900px) { .brand-home .brand-orbit { opacity: .22; } }


/* HOME438: concise product advantages with a distinct visual hierarchy. */
.brand-home .brand-benefits { padding-block: 76px; }
.brand-adv-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 36px; margin-bottom: 30px; }
.brand-home .brand-adv-heading .brand-eyebrow { color: #3156a2 !important; font-size: 12px; font-weight: 650; letter-spacing: .12em; }
.brand-home .brand-adv-heading h2 { margin-top: 12px; color: #152340; font-size: clamp(28px, 2.7vw, 38px); font-weight: 650; line-height: 1.4; letter-spacing: -.035em; }
.brand-home .brand-adv-heading > p { margin-bottom: 3px; color: #4a5c76; font-size: 16px; line-height: 1.85; }
.brand-adv-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; }
.brand-adv-grid > article { min-width: 0; border-radius: 22px; }
.brand-adv-listing { position: relative; grid-column: span 7; display: grid; grid-template-columns: minmax(0, 1fr) minmax(175px, .84fr); align-items: center; gap: 20px; padding: 32px 30px 56px; border: 1px solid #dce5f6; background: #f0f4ff; overflow: hidden; }
.brand-home .brand-adv-kicker { display: inline-flex; color: #315da6; font-size: 14px; font-weight: 600; }
.brand-home .brand-adv-listing-copy h3 { margin-top: 13px; color: #16284b; font-size: clamp(24px, 2.1vw, 30px); font-weight: 650; line-height: 1.5; letter-spacing: -.025em; }
.brand-home .brand-adv-listing-copy > p { margin-top: 14px; color: #425979; font-size: 16px; line-height: 1.85; }
.brand-home .brand-adv-link { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; color: #214f9a; font-size: 14px; font-weight: 600; }
.brand-home .brand-adv-link svg { width: 16px; height: 16px; transition: transform 180ms ease; }
.brand-adv-listing-copy .brand-adv-link { margin-top: 14px; }
.brand-home .brand-adv-score-note { position: absolute; inset: auto 30px 18px; color: #4a6082; font-size: 14px; line-height: 1.65; }
.brand-adv-document { position: relative; align-self: center; padding: 16px 15px 10px; border: 1px solid #dae3f3; border-radius: 14px; background: #fff; box-shadow: 0 10px 28px #29476f0c; transform: rotate(3deg); }
.brand-adv-document-head { display: flex; align-items: center; gap: 7px; color: #3b5272; font-size: 11px; font-weight: 600; white-space: nowrap; }
.brand-adv-doc-logo { display: grid; place-items: center; width: 21px; height: 21px; border-radius: 6px; background: #315bd6; color: #fff; font-size: 14px; font-style: italic; }
.brand-adv-document-head > i { width: 4px; height: 4px; margin-left: auto; border-radius: 50%; background: #b9c9e4; box-shadow: -7px 0 #b9c9e4; }
.brand-adv-document-product { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding-bottom: 15px; border-bottom: 1px solid #edf0f6; }
.brand-adv-document-product > span { display: grid; place-items: center; width: 52px; height: 58px; border: 1px solid #e5ebf7; border-radius: 8px; background: #f4f6fc; color: #6c87bd; }
.brand-adv-document-product svg { width: 35px; height: 43px; }
.brand-adv-document-product > div { flex: 1; min-width: 0; }
.brand-adv-document-product b { display: block; margin-bottom: 8px; color: #435a7a; font-size: 12px; }
.brand-adv-document-product i { display: block; width: 85%; height: 5px; margin: 6px 0; border-radius: 6px; background: #e7edf8; }
.brand-adv-document-product i:last-child { width: 58%; }
.brand-adv-document-checks { display: grid; gap: 10px; margin-top: 14px; color: #435b7e; font-size: 12px; }
.brand-adv-document-checks > span { display: flex; align-items: center; gap: 7px; }
.brand-adv-document-checks svg { width: 16px; height: 16px; padding: 2px; border-radius: 50%; color: #296456; background: #e5f4ed; }
.brand-adv-document-foot { display: block; margin-top: 11px; color: #60718a; font-size: 10px; text-align: right; }
.brand-adv-policy { grid-column: span 5; display: flex; flex-direction: column; padding: 26px 30px 23px; background: #162540; border: 1px solid #233754; color: #fff; }
.brand-adv-policy-heading { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 18px; color: #cad7ef; font-size: 14px; }
.brand-adv-policy-heading svg { color: #a9c2f3; width: 18px; height: 18px; }
.brand-adv-policy-item { display: flex; align-items: center; gap: 16px; padding: 18px 0; }
.brand-adv-policy-item + .brand-adv-policy-item { border-top: 1px solid #ffffff20; }
.brand-adv-policy-symbol { display: grid; place-items: center; flex: 0 0 46px; height: 46px; border: 1px solid #ffffff20; border-radius: 12px; background: #ffffff09; color: #c5d8ff; }
.brand-adv-policy-symbol svg { width: 23px; height: 23px; stroke-width: 1.6; }
.brand-adv-infinity { font: 38px/.8 Georgia, serif; }
.brand-home .brand-adv-policy-item h3 { color: #fff; font-size: 22px; font-weight: 600; line-height: 1.4; letter-spacing: -.015em; }
.brand-home .brand-adv-policy-item p { margin-top: 7px; color: #d1dcf0; font-size: 15px; line-height: 1.75; }
.brand-home .brand-adv-policy .brand-adv-link { margin-top: auto; color: #e1ebff; }
.brand-adv-media { grid-column: span 4; overflow: hidden; border: 1px solid #e0e6f0; background: #fff; }
.brand-adv-art { position: relative; display: flex; min-height: 175px; justify-content: center; align-items: center; isolation: isolate; border-bottom: 1px solid #e7edf6; overflow: hidden; }
.brand-adv-art-image { background: #f0f3fc; }
.brand-adv-art-video { background: #ecf5f3; }
.brand-adv-art-cover { background: #f4f3f9; }
.brand-adv-art-kicker { position: absolute; top: 15px; left: 20px; z-index: 2; color: #50658a; font-size: 10px; font-weight: 650; letter-spacing: .1em; }
.brand-adv-art-caption { position: absolute; bottom: 10px; right: 16px; color: #526580; font-size: 10px; }
.brand-adv-image-frame { position: relative; display: grid; place-items: center; width: 115px; height: 118px; margin-top: 6px; border: 5px solid #fff; border-radius: 15px; color: #506cb1; background: #e4eafa; box-shadow: -14px 9px 0 -4px #d6dff3; transform: rotate(6deg); }
.brand-adv-image-frame > svg { position: relative; z-index: 1; width: 60px; height: 76px; stroke-width: 1.6; }
.brand-adv-image-orbit { position: absolute; inset: 14px; border-radius: 50%; background: #f0f4ff; }
.brand-adv-image-spark { position: absolute; top: 6px; right: -23px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; color: #fff; background: #4f69c9; box-shadow: 0 5px 14px #4f69c91f; transform: rotate(-6deg); }
.brand-adv-image-spark svg { width: 19px; height: 19px; stroke-width: 1.7; }
.brand-adv-film { display: flex; gap: 5px; padding: 7px; border: 1px solid #cfdfdc; border-radius: 11px; background: #ffffffd9; transform: rotate(-3deg); }
.brand-adv-film > span { display: grid; place-items: center; width: 61px; height: 73px; border-radius: 6px; color: #668b83; background: #e7efed; }
.brand-adv-film > span:nth-child(2) { background: #f0e8dc; color: #9e8b70; }
.brand-adv-film > span:nth-child(3) { background: #e6eaf4; color: #7b89ad; }
.brand-adv-film > span > svg { width: 35px; height: 45px; stroke-width: 1.6; }
.brand-adv-play { position: absolute; inset: 50% auto auto 50%; display: grid; place-items: center; width: 32px; height: 32px; border: 3px solid #fff; border-radius: 50%; color: #fff; background: #4e8073; transform: translate(-50%,-50%); }
.brand-adv-play svg { width: 17px; height: 17px; }
.brand-adv-timeline { position: absolute; display: flex; gap: 3px; bottom: 32px; left: 50%; width: 140px; height: 7px; transform: translateX(-50%); }
.brand-adv-timeline > i { flex: 1; background: #b6d3cb; border-radius: 2px; }
.brand-adv-timeline > b { position: absolute; left: 40%; width: 2px; height: 13px; top: -3px; background: #406f64; }
.brand-adv-workspace-frame { display: flex; width: 212px; height: 110px; margin-top: 6px; border: 1px solid #dcdde9; border-radius: 9px; background: #fff; box-shadow: 0 8px 18px #30385407; transform: rotate(2deg); overflow: hidden; }
.brand-adv-workspace-nav { display: flex; flex-direction: column; gap: 10px; width: 37px; padding: 17px 11px; border-right: 1px solid #ebebf4; background: #f1f2f8; }
.brand-adv-workspace-nav > i { display: block; width: 14px; height: 5px; border-radius: 2px; background: #c9cde0; }
.brand-adv-workspace-nav > i:first-child { background: #7284bb; }
.brand-adv-workspace-sheet { flex: 1; padding: 14px 13px; }
.brand-adv-workspace-sheet > b { display: block; width: 55px; height: 6px; margin-bottom: 13px; border-radius: 2px; background: #9ba7cb; }
.brand-adv-workspace-sheet > span { display: grid; grid-template-columns: 1.6fr 1fr .6fr; gap: 8px; margin-top: 7px; padding: 6px; border: 1px solid #eaecf4; border-radius: 4px; }
.brand-adv-workspace-sheet i { display: block; height: 4px; border-radius: 2px; background: #dbe0ee; }
.brand-adv-workspace-sheet i:last-child { background: #b8c8ed; }
.brand-adv-media-copy { padding: 23px 24px 25px; }
.brand-adv-card-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 9px; }
.brand-home .brand-adv-card-heading h3 { color: #1d2c45; font-size: 21px; font-weight: 600; line-height: 1.5; letter-spacing: -.02em; }
.brand-home .brand-adv-media-copy > p { margin-top: 9px; color: #4a5b74; font-size: 15px; line-height: 1.85; }
.brand-adv-badge { display: inline-flex; align-items: center; min-height: 25px; padding: 2px 9px; border: 1px solid #d9e2f6; border-radius: 6px; color: #3f5c9a; background: #f0f4ff; font-size: 12px; font-weight: 600; white-space: nowrap; }
.brand-adv-badge.is-free { border-color: #c7e0d5; color: #27624c; background: #edf7f1; }
@media (hover: hover) and (pointer: fine) {
  .brand-adv-link:hover svg { transform: translate(2px,-2px); }
  .brand-home .brand-adv-link:hover { text-decoration: underline; text-underline-offset: 4px; }
}
@media (max-width: 1150px) {
  .brand-adv-heading { gap: 24px; }
  .brand-home .brand-adv-heading > p { max-width: 350px; font-size: 15px; }
  .brand-adv-listing { grid-template-columns: minmax(0, 1fr) 175px; padding: 26px 24px 61px; gap: 12px; }
  .brand-home .brand-adv-listing-copy h3 { font-size: 25px; }
  .brand-home .brand-adv-listing-copy > p { font-size: 15px; }
  .brand-adv-policy { padding: 24px; }
  .brand-home .brand-adv-policy-item h3 { font-size: 20px; }
  .brand-adv-policy-item { gap: 12px; }
  .brand-adv-policy-symbol { flex-basis: 40px; height: 40px; }
  .brand-home .brand-adv-score-note { inset-inline: 24px; }
  .brand-adv-media-copy { padding: 20px; }
  .brand-home .brand-adv-card-heading h3 { font-size: 19px; }
}
@media (max-width: 950px) {
  .brand-adv-listing { grid-column: span 12; grid-template-columns: minmax(0, 1fr) 225px; min-height: 300px; }
  .brand-adv-policy { grid-column: span 12; display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; }
  .brand-adv-policy-heading { grid-column: 1/-1; margin-bottom: 0; }
  .brand-adv-policy-item + .brand-adv-policy-item { border-top: 0; }
  .brand-adv-policy .brand-adv-link { grid-column: 1/-1; }
  .brand-adv-media { grid-column: span 4; }
  .brand-adv-art { min-height: 155px; }
  .brand-adv-card-heading { display: block; }
  .brand-adv-card-heading .brand-adv-badge { margin-top: 7px; }
  .brand-home .brand-adv-media-copy > p br { display: none; }
  .brand-adv-art-kicker { left: 14px; font-size: 9px; }
  .brand-adv-film { gap: 3px; padding: 5px; }
  .brand-adv-film > span { width: 46px; height: 64px; }
  .brand-adv-workspace-frame { width: 165px; }
}
@media (max-width: 680px) {
  .brand-home .brand-benefits { padding-block: 52px; }
  .brand-adv-heading { display: block; margin-bottom: 24px; }
  .brand-home .brand-adv-heading h2 { font-size: 28px; }
  .brand-home .brand-adv-heading > p { max-width: none; margin-top: 15px; font-size: 15px; }
  .brand-adv-grid { gap: 14px; }
  .brand-adv-grid > article { border-radius: 17px; }
  .brand-adv-listing { grid-template-columns: minmax(0, 1fr) 170px; padding: 24px 22px 65px; min-height: 295px; }
  .brand-home .brand-adv-listing-copy h3 { font-size: 24px; }
  .brand-home .brand-adv-score-note { inset-inline: 22px; font-size: 14px; }
  .brand-adv-document { padding: 12px 11px 8px; }
  .brand-adv-document-head { font-size: 10px; }
  .brand-adv-media { grid-column: span 12; display: grid; grid-template-columns: 170px minmax(0, 1fr); align-items: stretch; }
  .brand-adv-art { min-height: 184px; border-right: 1px solid #e7edf6; border-bottom: 0; }
  .brand-adv-media-copy { align-self: center; padding: 21px; }
  .brand-home .brand-adv-media-copy > p { font-size: 15px; }
  .brand-adv-art-caption { left: 12px; right: 12px; bottom: 12px; font-size: 9px; text-align: center; }
  .brand-adv-image-frame { width: 95px; height: 101px; }
  .brand-adv-image-frame > svg { width: 52px; height: 64px; }
  .brand-adv-image-spark { right: -18px; }
  .brand-adv-film > span { width: 36px; height: 58px; }
  .brand-adv-film > span > svg { width: 28px; height: 38px; }
  .brand-adv-timeline { bottom: 36px; width: 110px; }
  .brand-adv-workspace-frame { width: 140px; height: 99px; }
  .brand-adv-workspace-sheet { padding: 12px 9px; }
  .brand-adv-workspace-sheet > span { gap: 5px; padding: 5px; }
}
@media (max-width: 480px) {
  .brand-adv-listing { display: block; min-height: 0; padding: 25px 22px 63px; }
  .brand-adv-document { display: none; }
  .brand-home .brand-adv-listing-copy h3 { font-size: 25px; }
  .brand-home .brand-adv-listing-copy > p { font-size: 16px; }
  .brand-adv-policy { display: flex; padding: 23px 22px 20px; }
  .brand-adv-policy-heading { margin-bottom: 8px; }
  .brand-adv-policy-item { padding: 17px 0; }
  .brand-adv-policy-item + .brand-adv-policy-item { border-top: 1px solid #ffffff20; }
  .brand-home .brand-adv-policy-item h3 { font-size: 21px; }
  .brand-home .brand-adv-policy-item p { font-size: 15px; }
  .brand-adv-policy .brand-adv-link { margin-top: 6px; }
  .brand-adv-media { grid-template-columns: 118px minmax(0, 1fr); }
  .brand-adv-art { min-height: 200px; }
  .brand-adv-media-copy { padding: 20px 16px; }
  .brand-home .brand-adv-card-heading h3 { font-size: 20px; }
  .brand-adv-art-kicker { top: 13px; left: 10px; font-size: 8px; letter-spacing: .05em; }
  .brand-adv-art-caption { left: 8px; right: 8px; font-size: 9px; }
  .brand-adv-image-frame { width: 72px; height: 84px; border-width: 4px; border-radius: 10px; box-shadow: -8px 6px 0 -3px #d6dff3; }
  .brand-adv-image-frame > svg { width: 42px; height: 55px; }
  .brand-adv-image-spark { top: -6px; right: -12px; width: 25px; height: 25px; border-radius: 8px; }
  .brand-adv-image-spark svg { width: 15px; height: 15px; }
  .brand-adv-film { display: grid; grid-template-columns: repeat(2, 32px); gap: 3px; padding: 4px; }
  .brand-adv-film > span { width: 32px; height: 44px; }
  .brand-adv-film > span:nth-child(3) { display: none; }
  .brand-adv-film > span > svg { width: 24px; height: 31px; }
  .brand-adv-play { width: 26px; height: 26px; border-width: 2px; }
  .brand-adv-play svg { width: 15px; height: 15px; }
  .brand-adv-timeline { bottom: 48px; width: 74px; height: 6px; }
  .brand-adv-workspace-frame { width: 96px; height: 90px; border-radius: 7px; }
  .brand-adv-workspace-nav { width: 21px; padding: 15px 6px; }
  .brand-adv-workspace-nav > i { width: 9px; height: 4px; }
  .brand-adv-workspace-sheet { padding: 13px 6px; }
  .brand-adv-workspace-sheet > b { width: 38px; height: 5px; margin-bottom: 10px; }
  .brand-adv-workspace-sheet > span { gap: 4px; padding: 4px; margin-top: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-home .brand-adv-link svg { transition: none; transform: none; }
}

@media (max-width: 360px) { .brand-adv-media { grid-template-columns: 94px minmax(0, 1fr); } .brand-adv-art-kicker { font-size: 7px; left: 8px; } .brand-adv-workspace-frame { width: 84px; } }
.brand-home .brand-shortcut-logo-taobao { background: linear-gradient(145deg, #ff5000, #ff7a00); font-size: 16px; }
.brand-home .brand-shortcut-logo-pdd { background: linear-gradient(145deg, #e43d30, #f56b43); font-size: 16px; }
.brand-home .brand-shortcut-taobao .brand-shortcut-icon { color: #e65300; background: #fff1eb; }
.brand-home .brand-shortcut-pdd .brand-shortcut-icon { color: #d9362b; background: #fff0ee; }
.brand-home .brand-shortcut-group { margin-top: 30px; padding: 24px; border: 1px solid #e5ebf4; border-radius: 18px; background: rgba(255,255,255,.58); }
.brand-home .brand-shortcut-group + .brand-shortcut-group { margin-top: 16px; }
.brand-home .brand-shortcut-group-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.brand-home .brand-shortcut-group-heading h3 { margin: 0; color: #203756; font-size: 17px; letter-spacing: -.01em; }
.brand-home .brand-shortcut-group-heading p { margin: 0; color: #71829a; font-size: 13px; }
.brand-home .brand-shortcut-group.is-tools { border-color: #d9e8ff; background: linear-gradient(145deg, #f7fbff, #fff); }
.brand-home .brand-shortcut-group.is-platforms { border-color: #e8e7ee; background: #fbfbfd; }
.brand-home .brand-shortcut-logo-collect { background: #0f9d75; font-size: 15px; }
.brand-home .brand-shortcut-logo-publish { background: #2563eb; font-size: 15px; }
.brand-home .brand-shortcut-logo-online { background: #64748b; font-size: 15px; }
.brand-home .brand-shortcut-online .brand-shortcut-icon { color: #1f6fbd; background: #eaf5ff; }
@media (max-width: 800px) { .brand-home .brand-shortcut-group { padding: 18px; } .brand-home .brand-shortcut-group-heading { display: grid; gap: 5px; } }