/* Yunfan public frontend, following the supplied Avigo/index4 visual reference. */
.yf-site {
    --site-blue: #006fff;
    --site-navy: #0a122a;
    --site-ink: #15203a;
    --site-muted: #626e84;
    --site-line: #e1e7f0;
    --site-surface: #eff4fb;
    margin: 0;
    background: #fff;
    color: var(--site-ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 15px;
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
}
.yf-site * { box-sizing: border-box; }
.yf-site a { color: inherit; text-decoration: none; }
.yf-site button, .yf-site input { font: inherit; }
.yf-site button, .yf-site summary { cursor: pointer; }
.yf-site h1, .yf-site h2, .yf-site h3, .yf-site p { margin: 0; }
.yf-site img { max-width: 100%; height: auto; }
.yf-site a:focus-visible, .yf-site button:focus-visible, .yf-site summary:focus-visible { outline: 3px solid #73a8ff; outline-offset: 5px; }
.yf-site section[id], .yf-site article[id] { scroll-margin-top: 112px; }
.site-wrap { width: min(1200px, calc(100% - 80px)); margin-inline: auto; }
.site-skip { position: fixed; top: -80px; left: 20px; z-index: 1000; padding: 10px 20px; background: #fff; color: var(--site-navy) !important; border: 2px solid var(--site-blue); }
.site-skip:focus { top: 12px; }
.site-text-center { text-align: center; }
.site-mobile-break { display: none; }
.site-accent { color: var(--site-blue); }

/* Shared navigation */
.site-header { height: 88px; background: var(--site-navy); color: #fff; position: sticky; top: 0; z-index: 50; border-bottom: 1px solid #ffffff12; }
.yf-home .site-header { margin-bottom: -88px; }
.site-nav-row { height: 100%; display: flex; align-items: center; gap: 38px; }
.site-brand { display: inline-flex; align-items: center; flex-shrink: 0; }
.site-brand-image { display: block; width: 142px; height: 40px !important; }
.site-nav { display: flex; align-items: center; justify-content: center; gap: 28px; flex: 1; white-space: nowrap; }
.site-nav a, .site-login-link { font-size: 14px; font-weight: 550; padding: 28px 0; }
.site-nav a { position: relative; }
.site-nav a:hover, .site-login-link:hover { color: #a9caff; }
.site-nav a[aria-current=page]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 20px; height: 2px; background: #438dff; }
.site-nav-actions { display: flex; align-items: center; gap: 22px; white-space: nowrap; }
.site-button { display: inline-flex; align-items: center; justify-content: center; gap: 22px; border: 1px solid var(--site-blue); border-radius: 5px; background: var(--site-blue); color: #fff !important; min-height: 50px; padding: 12px 23px; font-size: 14px; font-weight: 650; transition: background .18s, border-color .18s, box-shadow .18s; }
.site-button:hover { background: #005bdb; border-color: #005bdb; box-shadow: 0 6px 18px #006fff20; }
.site-button-small { min-height: 44px; padding: 10px 18px; font-size: 13px; gap: 15px; }
.site-button-outline { background: transparent; color: var(--site-ink) !important; border-color: #cdd7e7; }
.site-button-outline:hover { background: #edf4ff; border-color: #98b8ed; }
.site-button-hero-outline { background: transparent; border-color: #5f7398; color: #fff !important; }
.site-button-hero-outline:hover { background: #ffffff0a; border-color: #a3bded; }
.site-button-full { width: 100%; justify-content: space-between; }
.site-button[disabled] { opacity: .55; cursor: wait; box-shadow: none; }
.site-button-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.site-mobile-menu { display: none; }
.site-eyebrow { font-size: 11px; font-weight: 750; letter-spacing: 1.8px; color: var(--site-blue); display: flex; align-items: center; gap: 12px; }
.site-eyebrow-line { width: 29px; height: 2px; background: var(--site-blue); }
.site-page-kicker, .site-pill { display: inline-flex; align-items: center; border-radius: 5px; background: #e9f2ff; color: #005bcb; padding: 5px 11px; font-size: 12px; font-weight: 600; letter-spacing: .3px; }

/* Illustration-led Avigo hero */
.site-hero { position: relative; isolation: isolate; overflow: hidden; background: #0b1025 url('/assets/yunfan-hero.png') center center / cover no-repeat; color: #fff; }
.site-hero-grid { min-height: 752px; display: flex; align-items: center; padding-top: 174px; padding-bottom: 94px; }
.site-hero-copy { position: relative; z-index: 1; max-width: 635px; }
.site-hero-badge { display: inline-flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 600; padding: 5px 12px; color: #c4dbff; border: 1px solid #285b9c; border-radius: 5px; background: #092b593d; }
.site-hero-badge > span { display: block; width: 6px; height: 6px; border-radius: 50%; background: #4b95ff; }
.site-hero h1 { font-size: clamp(48px, 4.7vw, 68px); line-height: 1.28; letter-spacing: -1.7px; font-weight: 750; margin-top: 23px; }
.site-hero-accent { color: #3986ff; position: relative; }
.site-hero-accent::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 5px; border-block: 1px solid #3986ff; transform: rotate(-3deg); opacity: .9; }
.site-lead { font-size: 17px; line-height: 1.95; color: var(--site-muted); margin-top: 22px !important; max-width: 800px; }
.site-hero .site-lead { font-size: 15px; color: #b9c2d6; }
.site-hero-footnote { display: flex; flex-wrap: wrap; margin-top: 27px; font-size: 11px; color: #a9b9d2; gap: 0; }
.site-hero-footnote span + span::before { content: ""; display: inline-block; width: 3px; height: 3px; background: #6184b6; margin: 0 13px 3px; border-radius: 50%; }

/* Product, selection, and onboarding sections */
.site-section { padding-block: 82px; }
.site-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 35px; }
.site-section h2, .site-two-column h2, .site-home-faq-grid h2 { font-size: 36px; letter-spacing: -.8px; line-height: 1.5; font-weight: 700; }
.site-section-heading h2 { margin-top: 12px; }
.site-section-heading-center { justify-content: center; text-align: center; margin-bottom: 38px; }
.site-section-heading-center .site-eyebrow { justify-content: center; }
.site-section-heading-center .site-body-copy { max-width: 700px; margin: 14px auto 0 !important; }
.site-text-link { color: #0065e6 !important; display: inline-flex; align-items: center; gap: 14px; font-size: 13px; font-weight: 650; }
.site-text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.site-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.site-product-grid-four, .site-product-selector { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.site-product-card { display: flex; flex-direction: column; border: 1px solid var(--site-line); border-radius: 6px; padding: 29px 24px; background: #fff; min-width: 0; transition: border-color .18s, box-shadow .18s; }
.site-product-card:hover { border-color: #8db9fa; box-shadow: 0 10px 25px #11243b0b; }
.site-icon-tile { display: inline-flex; align-items: center; justify-content: center; width: 57px; height: 57px; border-radius: 8px; background: #edf4ff; color: var(--site-blue); margin-bottom: 22px; flex-shrink: 0; }
.site-icon-tile svg { width: 34px; height: 34px; }
.site-card-number { display: block; font-size: 10px; letter-spacing: 1.3px; color: #69758a; font-weight: 650; }
.site-product-card h3 { font-size: 20px; margin-top: 13px; margin-bottom: 12px; line-height: 1.5; font-weight: 700; }
.site-product-card p { color: var(--site-muted); font-size: 13px; line-height: 1.9; flex: 1; }
.site-card-meta { font-size: 11px; color: #677891; padding-block: 19px; margin-top: 10px; border-bottom: 1px solid var(--site-line); }
.site-product-card > a { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12px; font-weight: 650; color: #0065e6; margin-top: 18px; }
.site-section-note { font-size: 12px; color: #66758b; margin-top: 23px !important; line-height: 1.85; }
.site-workspace-section { background: var(--site-surface); padding-block: 78px; }
.site-two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.site-two-column h2 { margin-top: 15px; }
.site-reference-illustration { text-align: center; }
.site-reference-illustration img { display: block; width: 100%; max-width: 555px; height: auto; margin: auto; }
.site-body-copy { font-size: 14px; line-height: 1.95; color: var(--site-muted); margin-block: 18px 23px !important; max-width: 480px; }
.site-workflow-list { margin-bottom: 21px; }
.site-workflow-list article { display: flex; align-items: start; gap: 18px; padding: 15px 0; }
.site-step-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 6px; background: #dfeaff; color: #0064df; font: 600 12px/1 monospace; flex-shrink: 0; margin-top: 3px; }
.site-workflow-list h3 { font-size: 17px; font-weight: 650; }
.site-workflow-list p { font-size: 13px; color: var(--site-muted); margin-top: 6px !important; line-height: 1.8; }
.site-start-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.site-start-grid > article { border-top: 2px solid #d9e6fa; padding-top: 22px; }
.site-start-grid article > span { font-size: 30px; font-weight: 700; line-height: 1; color: #bfd5f4; }
.site-start-grid h3 { font-size: 20px; margin-top: 18px; }
.site-start-grid p { font-size: 13px; color: var(--site-muted); margin: 12px 0 19px; line-height: 1.9; }
.site-faq-section { background: #f7f9fd; padding-block: 76px; }
.site-home-faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 95px; }
.site-home-faq-grid h2 { margin-top: 15px; }
.site-cta-strip, .site-guide-banner { padding: 37px 42px; border: 1px solid #d7e5fa; border-radius: 8px; background: #eff5ff; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.site-cta-strip h2, .site-guide-banner h2 { font-size: 29px; margin-top: 10px; }
.site-cta-strip p, .site-guide-banner p { font-size: 13px; color: var(--site-muted); margin-top: 10px !important; }
.site-cta-strip .site-button-row { margin-top: 0; flex-shrink: 0; }
.site-guide-banner > .site-button { flex-shrink: 0; }

/* Shared dark footer */
.site-footer { background: #0b132c; color: #fff; padding-top: 60px; }
.site-footer-main { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 50px; padding-bottom: 47px; }
.site-footer p { font-size: 13px; line-height: 1.95; color: #a9b4ca; margin-top: 17px !important; }
.site-footer h2 { font-size: 15px; font-weight: 650; margin-bottom: 17px; }
.site-footer-main > div > a:not(.site-brand) { display: block; font-size: 13px; color: #a9b4ca; margin-top: 10px; }
.site-footer-main > div > a:hover { color: #fff; }
.site-footer-note { display: block; font-size: 9px; letter-spacing: 1.1px; color: #7f91b1; margin-top: 20px; }
.site-footer-bottom { border-top: 1px solid #ffffff14; display: flex; justify-content: space-between; gap: 20px; padding-block: 22px; color: #98a5bf; font-size: 11px; }

/* Product and informational pages */
.site-page-hero { padding-block: 64px 58px; }
.site-page-hero::after { content: ""; display: block; height: 1px; background: var(--site-line); margin-top: 40px; }
.site-page-hero h1 { font-size: 46px; font-weight: 700; line-height: 1.4; letter-spacing: -1px; margin-top: 17px; }
.site-page-hero-compact { padding-block: 53px 40px; }
.site-page-hero-compact h1 { font-size: 40px; }
.site-products-detailed { margin-top: 24px; }
.site-product-detail { display: grid; grid-template-columns: .9fr 1.2fr; gap: 90px; padding: 45px 28px; border-bottom: 1px solid var(--site-line); }
.site-product-detail:nth-child(odd) { background: #f8faff; border-radius: 7px; }
.site-product-detail h2 { font-size: 28px; margin-top: 12px; font-weight: 700; }
.site-product-type { display: inline-block; padding: 5px 10px; margin-top: 16px; border: 1px solid #dbe6f5; background: #edf4ff; border-radius: 4px; color: #426188; font-size: 11px; }
.site-product-detail p { font-size: 14px; color: var(--site-muted); line-height: 1.95; }
.site-check-list { list-style: none; padding: 0; margin: 20px 0 24px; }
.site-check-list li { position: relative; padding-left: 22px; margin-top: 12px; font-size: 13px; color: #54647c; }
.site-check-list li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #0065e6; font-weight: 700; }
.site-notice { background: #f3f7fd; border-left: 3px solid #6d9ee7; padding: 23px 27px; border-radius: 0 6px 6px 0; }
.site-notice strong { font-size: 14px; font-weight: 650; }
.site-notice p { color: var(--site-muted); font-size: 13px; line-height: 1.9; margin-top: 8px !important; }
.site-panel { border: 1px solid var(--site-line); border-radius: 7px; padding: 25px; background: #fff; }
.site-panel + .site-panel { margin-top: 18px; }
.site-panel h2, .site-panel h3 { margin-top: 0; }
.site-panel p { color: var(--site-muted); font-size: 13px; margin-top: 12px; }
.site-document-layout { display: grid; grid-template-columns: 210px 1fr; gap: 58px; padding-bottom: 85px; }
.site-document-nav { display: flex; flex-direction: column; align-self: start; position: sticky; top: 116px; border: 1px solid var(--site-line); border-radius: 7px; background: #f8faff; padding: 22px; gap: 13px; font-size: 13px; color: var(--site-muted); }
.site-document-nav > span { font-size: 10px; color: #697a96; letter-spacing: 1.6px; margin-bottom: 4px; }
.site-document-nav a:hover { color: var(--site-blue); }
.site-document-body { max-width: 860px; min-width: 0; }
.site-document-body section { border-top: 1px solid var(--site-line); padding-top: 26px; margin-bottom: 43px; }
.site-document-body h2 { font-size: 25px; line-height: 1.5; margin-top: 9px; margin-bottom: 20px; }
.site-document-body h3 { font-size: 17px; margin-top: 23px; margin-bottom: 12px; }
.site-document-body p { font-size: 14px; line-height: 1.95; color: var(--site-muted); margin-bottom: 17px; }
.site-numbered-list { list-style: none; counter-reset: step; padding: 0; margin: 0 0 25px; }
.site-numbered-list li { counter-increment: step; position: relative; padding-left: 43px; margin-bottom: 22px; }
.site-numbered-list li::before { content: counter(step); display: grid; place-items: center; position: absolute; left: 0; top: 0; width: 27px; height: 27px; background: #e7f0ff; border-radius: 5px; color: #0065e6; font-size: 12px; }
.site-numbered-list strong { font-size: 14px; font-weight: 650; }
.site-numbered-list p { margin-top: 6px; margin-bottom: 0; font-size: 13px; }
.site-doc-table { overflow: auto; border: 1px solid var(--site-line); border-radius: 6px; margin-block: 23px; }
.site-doc-table table { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; min-width: 520px; }
.site-doc-table th { background: #eff4fb; padding: 13px 16px; font-weight: 650; white-space: nowrap; }
.site-doc-table td { border-top: 1px solid var(--site-line); padding: 14px 16px; color: #5e6c82; line-height: 1.85; }
.site-code-block { background: #0d1830; color: #dce7f6; border-radius: 7px; overflow: hidden; margin-block: 23px; }
.site-code-block > div { padding: 12px 19px; display: flex; justify-content: space-between; border-bottom: 1px solid #ffffff15; color: #9bb2d1; font-size: 10px; letter-spacing: 1px; }
.site-code-block pre { font: 12px/2 "SFMono-Regular", Consolas, monospace; padding: 20px; margin: 0; overflow: auto; }
.site-caption { font-size: 12px !important; color: #66758b !important; }
.site-help-layout { display: grid; grid-template-columns: 1fr 300px; gap: 60px; align-items: start; }
.site-faq-group { margin-bottom: 35px; }
.site-faq-group h2 { font-size: 22px; margin-bottom: 18px; }
.site-faq-list details { border-top: 1px solid var(--site-line); padding: 21px 0; }
.site-faq-list details:last-child { border-bottom: 1px solid var(--site-line); }
.site-faq-list summary { font-size: 15px; font-weight: 600; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 24px; line-height: 1.65; }
.site-faq-list summary::-webkit-details-marker { display: none; }
.site-faq-list summary::after { content: "+"; font-size: 22px; font-weight: 400; color: #006fff; flex-shrink: 0; }
.site-faq-list details[open] summary::after { content: "−"; }
.site-faq-list p { font-size: 13px; color: var(--site-muted); line-height: 1.95; margin-top: 15px !important; padding-right: 30px; }
.site-faq-list details > a { font-size: 12px; color: #0065e6; display: inline-block; margin-top: 11px; }
.site-help-aside { border: 1px solid #d8e5f7; border-radius: 7px; background: #eff5ff; padding: 29px 25px; position: sticky; top: 115px; }
.site-help-aside h2 { font-size: 23px; font-weight: 650; margin-top: 13px; }
.site-help-aside p { font-size: 13px; color: var(--site-muted); line-height: 1.9; margin-top: 13px !important; margin-bottom: 20px; }
.site-help-aside h3 { font-size: 15px; }
.site-help-aside hr { border: 0; border-top: 1px solid #d8e5f7; margin: 27px 0; }
.site-about-statement { background: var(--site-navy); color: #fff; padding-block: 60px; }
.site-about-statement h2 { font-size: 34px; margin: 0; }
.site-about-statement p { color: #b5c1d6; font-size: 14px; line-height: 2; margin: 12px 0; }
.site-about-statement .site-eyebrow, .site-about-statement .site-text-link { color: #92bdff; }
.site-three-column { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.site-three-column > .site-panel { margin-top: 0; }
.site-two-column > *, .site-auth-grid > * { min-width: 0; }
.site-content-illustration { display: block; width: 100%; max-width: 600px; margin-inline: auto; }
.site-doc-table caption { padding: 16px; text-align: left; font-weight: 600; color: var(--site-ink); }
.site-value-card { border-top: 2px solid #dbe8fb; padding-top: 23px; }
.site-value-card h2 { font-size: 22px; letter-spacing: 0; margin-top: 17px; }
.site-value-card p { font-size: 14px; line-height: 1.95; color: var(--site-muted); margin-top: 14px !important; }

/* Real customer and staff forms, shared presentation only */
.site-auth-main { background: #f1f5fc; padding-block: 67px 77px; min-height: 690px; }
.site-auth-grid { display: grid; grid-template-columns: 1fr 430px; align-items: center; gap: 90px; max-width: 1090px; }
.site-registration-grid { align-items: start; }
.site-registration-grid .site-auth-story { padding-top: 50px; }
.site-auth-story h1 { font-size: 43px; line-height: 1.45; letter-spacing: -1px; font-weight: 700; margin-top: 20px; }
.site-auth-story > p { max-width: 440px; font-size: 14px; line-height: 1.95; color: var(--site-muted); margin-top: 21px !important; }
.site-auth-path { display: flex; align-items: center; gap: 14px; font-size: 10px; letter-spacing: 1px; color: #7086a3; margin-top: 45px; }
.site-auth-path span:nth-child(even) { color: #bac9df; }
.site-auth-card { padding: 34px 34px 29px; background: #fff; border: 1px solid #dce5f1; border-radius: 8px; box-shadow: 0 18px 45px #172c5308; }
.site-auth-overline { font-size: 10px; letter-spacing: 1.6px; color: #7083a0; }
.site-auth-card h2 { font-size: 26px; font-weight: 700; margin-top: 9px; }
.site-auth-description { font-size: 13px; color: var(--site-muted); margin-top: 8px !important; margin-bottom: 22px !important; }
.site-auth-card form > label { display: block; font-size: 13px; font-weight: 600; margin-top: 17px; margin-bottom: 7px; }
.site-auth-card input:not([type=hidden]) { width: 100%; padding: 12px 13px; border: 1px solid #ccd8e9; border-radius: 5px; min-height: 46px; background: #fff; color: var(--site-ink); font-size: 13px; outline: none; }
.site-auth-card input:not([type=hidden]):focus { border-color: #5495fb; box-shadow: 0 0 0 3px #006fff10; }
.site-auth-card input::placeholder { color: #7a899f; font-size: 12px; }
.site-form-message { font-size: 12px; line-height: 1.7; color: #b32940; margin-block: 12px; min-height: 4px; overflow-wrap: anywhere; }
.site-form-message:empty { margin-block: 12px; }
.site-auth-switch { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--site-line); text-align: center; color: #63758e; font-size: 12px; }
.site-auth-switch a, .site-auth-help a { color: #0065e6; margin-left: 6px; }
.site-auth-help { font-size: 11px; line-height: 1.8; color: #65758e; margin-top: 17px !important; }
.site-field-help { font-size: 11px; color: #677891; margin-top: 7px !important; }
.site-auth-steps { list-style: none; margin: 32px 0 0; padding: 0; display: flex; gap: 24px; font-size: 12px; color: #657b9a; }
.site-auth-steps span { display: block; font-size: 10px; font-family: monospace; color: #0065e6; margin-bottom: 6px; }
.site-auth-features { display: grid; gap: 19px; margin-top: 30px; }
.site-auth-features > article { display: flex; align-items: start; gap: 16px; }
.site-auth-features .site-icon-tile { width: 42px; height: 42px; margin: 0; background: #e1edff; }
.site-auth-features .site-icon-tile svg { width: 24px; height: 24px; }
.site-auth-features h3 { font-size: 15px; }
.site-auth-features p { font-size: 12px; color: #65758e; margin-top: 5px; }

/* Invitation registration: local image verification and truthful service state. */
.site-auth-card [hidden] { display: none !important; }
.site-auth-notice { padding: 11px 13px; border: 1px solid #dce6f4; border-radius: 5px; background: #f4f8fe; color: #52677f; font-size: 12px; line-height: 1.8; }
.site-auth-notice[data-tone=ready] { color: #355c83; }
.site-auth-text-button { padding: 7px 0; border: 0; background: transparent; color: #0065e6; font-size: 12px !important; text-align: left; }
.site-auth-card button:disabled { cursor: not-allowed; }
.site-auth-text-button:disabled { color: #8190a5; }
.site-auth-card button[aria-busy=true] { cursor: wait; }
.site-auth-card input[aria-invalid=true] { border-color: #b32940; }
.site-auth-card input:disabled { background: #f4f6fa; color: #70819b; }
.site-auth-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); pointer-events: none; }
.site-auth-verification { margin-top: 20px; padding: 15px; border: 1px solid var(--site-line); background: #fbfcff; border-radius: 6px; }
.site-auth-verification-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 5px 12px; }
.site-auth-verification-heading h3 { font-size: 13px; }
.site-auth-verification-heading > span { color: #677891; font-size: 10px; }
.site-auth-verification > label { display: block; font-size: 12px; font-weight: 600; margin-block: 12px 7px; }
.site-captcha-image-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.site-captcha-image-frame { display: grid; place-items: center; width: 200px; max-width: calc(100% - 54px); min-height: 64px; border: 1px solid #d5dfed; border-radius: 4px; overflow: hidden; background: #fff; }
.site-captcha-image-frame img { display: block; width: 200px; height: auto; }
.site-captcha-image-frame span { padding: 7px; font-size: 11px; color: #718199; }
.site-captcha-image-row > button { white-space: nowrap; }
.site-auth-verification .site-auth-help { margin-top: 10px !important; }
.site-form-message[data-tone=positive] { color: #426b91; }

@media (min-width: 1550px) {
    .site-hero-grid { min-height: 800px; padding-top: 180px; }
}
@media (max-width: 1100px) {
    .site-wrap { width: calc(100% - 56px); }
    .site-nav-row { gap: 24px; }
    .site-nav { gap: 21px; }
    .site-nav a { font-size: 13px; }
    .site-nav-actions { gap: 16px; }
    .site-hero h1 { font-size: 54px; }
    .site-hero-copy { max-width: 560px; }
    .site-hero-grid { min-height: 715px; }
    .site-product-grid-four, .site-product-selector { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .site-two-column { gap: 45px; }
    .site-auth-grid { gap: 55px; grid-template-columns: 1fr 405px; }
    .site-auth-story h1 { font-size: 37px; }
    .site-home-faq-grid { gap: 50px; }
    .site-cta-strip { padding: 32px; }
    .site-cta-strip h2 { font-size: 25px; }
    .site-cta-strip .site-button-row { max-width: 205px; }
}
@media (max-width: 900px) {
    .site-header { height: 76px; }
    .yf-home .site-header { margin-bottom: -76px; }
    .site-nav, .site-nav-actions { display: none; }
    .site-nav-row { justify-content: space-between; }
    .site-mobile-menu { display: block; }
    .site-mobile-menu summary { list-style: none; display: flex; flex-direction: column; gap: 5px; padding: 12px; width: 44px; }
    .site-mobile-menu summary::-webkit-details-marker { display: none; }
    .site-mobile-menu summary span { height: 2px; width: 20px; background: #fff; }
    .site-mobile-menu nav { position: absolute; top: 75px; left: 0; right: 0; padding: 16px 28px 22px; display: flex; flex-direction: column; gap: 3px; background: var(--site-navy); border-bottom: 1px solid #ffffff20; box-shadow: 0 15px 20px #08102715; }
    .site-mobile-menu nav a { padding: 11px 9px; font-size: 14px; }
    .site-mobile-menu nav a:hover { background: #ffffff0a; }
    .site-hero { background-position: 42% center; }
    .site-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #0b1025e6 20%, #0b102510); }
    .site-hero h1 { font-size: 51px; }
    .site-hero-copy { max-width: 510px; }
    .site-hero-grid { min-height: 665px; padding-top: 145px; padding-bottom: 85px; }
    .site-section { padding-block: 63px; }
    .site-section h2, .site-two-column h2, .site-home-faq-grid h2 { font-size: 31px; }
    .site-product-grid { gap: 16px; }
    .site-product-card { padding: 26px 22px; }
    .site-product-card h3 { font-size: 19px; }
    .site-two-column { gap: 30px; }
    .site-workspace-section, .site-faq-section { padding-block: 60px; }
    .site-footer-main { gap: 28px; }
    .site-document-layout { grid-template-columns: 170px 1fr; gap: 30px; }
    .site-document-nav { padding: 18px; font-size: 12px; }
    .site-help-layout { grid-template-columns: 1fr 255px; gap: 30px; }
    .site-product-detail { gap: 45px; padding: 35px 22px; }
    .site-auth-grid { grid-template-columns: 1fr 365px; gap: 35px; }
    .site-auth-story h1 { font-size: 33px; }
    .site-auth-card { padding: 29px; }
    .site-start-grid { gap: 25px; }
    .site-three-column { gap: 23px; }
}
@media (max-width: 720px) {
    .site-wrap { width: calc(100% - 40px); }
    .site-header { height: 72px; }
    .yf-home .site-header { margin-bottom: -72px; }
    .site-brand-image { width: 132px; height: 37px !important; }
    .site-mobile-menu nav { top: 71px; padding: 13px 20px 19px; }
    .site-mobile-break { display: block; }
    .site-desktop-break { display: none; }
    .site-hero { background-position: 61% center; }
    .site-hero::before { background: linear-gradient(90deg, #0b1025f5, #0b1025c2); }
    .site-hero-grid { min-height: 626px; padding-top: 132px; padding-bottom: 63px; }
    .site-hero-copy { max-width: 100%; }
    .site-hero h1 { font-size: clamp(37px, 10vw, 48px); line-height: 1.37; letter-spacing: -.8px; margin-top: 25px; }
    .site-hero-badge { font-size: 10px; padding: 5px 9px; }
    .site-hero .site-lead { font-size: 13px; line-height: 1.95; margin-top: 22px !important; }
    .site-hero .site-lead br { display: none; }
    .site-button { min-height: 46px; padding: 11px 17px; font-size: 12px; gap: 12px; }
    .site-button-row { gap: 10px; margin-top: 26px; }
    .site-hero-footnote { font-size: 10px; margin-top: 24px; }
    .site-hero-footnote span + span::before { margin-inline: 9px; }
    .site-eyebrow { font-size: 10px; letter-spacing: 1.5px; }
    .site-section { padding-block: 47px; }
    .site-section-heading { align-items: start; gap: 18px; flex-direction: column; margin-bottom: 27px; }
    .site-section-heading-center { align-items: center; }
    .site-section h2, .site-two-column h2, .site-home-faq-grid h2 { font-size: 27px; letter-spacing: -.5px; }
    .site-product-grid, .site-product-grid-four, .site-product-selector { grid-template-columns: 1fr; gap: 16px; }
    .site-product-card { padding: 26px; }
    .site-product-card h3 { font-size: 21px; }
    .site-product-card p { font-size: 13px; }
    .site-icon-tile { margin-bottom: 18px; width: 50px; height: 50px; }
    .site-icon-tile svg { width: 30px; height: 30px; }
    .site-card-meta { padding-block: 17px; }
    .site-section-note { font-size: 11px; }
    .site-workspace-section, .site-faq-section { padding-block: 48px; }
    .site-two-column { grid-template-columns: 1fr; gap: 30px; }
    .site-reference-illustration img { max-width: 330px; }
    .site-body-copy { font-size: 13px; margin-block: 16px 18px !important; }
    .site-workflow-list article { padding-block: 13px; gap: 15px; }
    .site-workflow-list h3 { font-size: 16px; }
    .site-start-grid, .site-home-faq-grid { grid-template-columns: 1fr; gap: 29px; }
    .site-start-grid article > span { font-size: 25px; }
    .site-start-grid h3 { font-size: 20px; margin-top: 14px; }
    .site-start-grid p { margin-top: 10px; }
    .site-cta-strip, .site-guide-banner { flex-direction: column; align-items: start; padding: 28px 23px; gap: 25px; }
    .site-cta-strip h2, .site-guide-banner h2 { font-size: 24px; }
    .site-cta-strip p, .site-guide-banner p { font-size: 12px; line-height: 1.85; }
    .site-cta-strip .site-button-row { max-width: 100%; }
    .site-footer { padding-top: 40px; }
    .site-footer-main { grid-template-columns: 1fr 1fr; gap: 32px 24px; padding-bottom: 35px; }
    .site-footer-main > div:first-child { grid-column: 1 / -1; }
    .site-footer p, .site-footer-main > div > a:not(.site-brand) { font-size: 12px; }
    .site-footer h2 { font-size: 14px; margin-bottom: 12px; }
    .site-footer-bottom { flex-wrap: wrap; font-size: 10px; gap: 8px; padding-block: 18px; }
    .site-page-hero { padding-block: 39px 33px; }
    .site-page-hero::after { margin-top: 29px; }
    .site-page-hero h1 { font-size: 33px; line-height: 1.45; letter-spacing: -.6px; }
    .site-page-hero-compact h1 { font-size: 31px; }
    .site-lead { font-size: 14px; margin-top: 17px !important; }
    .site-product-detail { grid-template-columns: 1fr; gap: 23px; padding: 30px 20px; }
    .site-product-detail h2 { font-size: 25px; }
    .site-product-detail p { font-size: 13px; }
    .site-notice { padding: 21px; }
    .site-notice p { font-size: 12px; }
    .site-document-layout { grid-template-columns: 1fr; gap: 27px; padding-bottom: 20px; }
    .site-document-nav { position: static; flex-direction: row; flex-wrap: wrap; gap: 10px 17px; padding: 18px; font-size: 11px; }
    .site-document-nav > span { width: 100%; font-size: 9px; }
    .site-document-body h2 { font-size: 23px; margin-bottom: 17px; }
    .site-document-body p { font-size: 13px; }
    .site-document-body section { padding-top: 22px; margin-bottom: 32px; }
    .site-document-body section:first-child { border-top: 0; }
    .site-numbered-list li { padding-left: 38px; }
    .site-numbered-list strong { font-size: 13px; }
    .site-code-block pre { font-size: 10px; padding: 15px; }
    .site-code-block > div { font-size: 9px; }
    .site-help-layout { grid-template-columns: 1fr; gap: 30px; }
    .site-help-aside { position: static; padding: 26px; }
    .site-faq-list summary { font-size: 14px; }
    .site-faq-list p { font-size: 12px; padding-right: 13px; }
    .site-about-statement { padding-block: 42px; }
    .site-about-statement h2 { font-size: 28px; }
    .site-about-statement p { font-size: 13px; }
    .site-three-column { grid-template-columns: 1fr; gap: 30px; }
    .site-value-card h2 { font-size: 23px; margin-top: 10px; }
    .site-value-card p { font-size: 13px; }
    .site-auth-main { padding-block: 36px 47px; min-height: 0; }
    .site-auth-grid { grid-template-columns: 1fr; gap: 28px; max-width: 480px; }
    .site-registration-grid .site-auth-story { padding-top: 0; }
    .site-registration-grid .site-auth-card { order: -1; }
    .site-auth-story h1 { font-size: 32px; margin-top: 16px; }
    .site-auth-story > p { font-size: 13px; margin-top: 15px !important; }
    .site-auth-card { padding: 28px 25px; }
    .site-auth-card h2 { font-size: 24px; }
    .site-auth-path { display: none; }
    .site-auth-features { margin-top: 22px; gap: 13px; }
    .site-auth-features > article { gap: 13px; }
    .site-auth-features h3 { font-size: 14px; }
    .site-auth-steps { margin-top: 22px; gap: 25px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
    .yf-site * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}