/* DESIGN.md v3 — Glory About Us typography, CANGO brand. Loaded last. */
:root{--cango-unit:clamp(.75px,.0522vw,1px);--cango-font:Roboto,Arial,sans-serif;--display:var(--cango-font);--body:var(--cango-font);--ink:#212121;--muted:#65676b;--blue:#2a4a8b;--navy:#102c50;--line:#e5e8ea;--pale:#f4f6f8;--cango-h1:calc(62 * var(--cango-unit));--cango-h1-line:calc(74 * var(--cango-unit));--cango-h2:calc(48 * var(--cango-unit));--cango-h2-line:calc(58 * var(--cango-unit));--cango-h3:calc(26 * var(--cango-unit));--cango-body:calc(18 * var(--cango-unit));--cango-body-line:calc(30 * var(--cango-unit));--cango-lead:calc(24 * var(--cango-unit));--cango-lead-line:calc(34 * var(--cango-unit))}
body{font-family:var(--cango-font);font-size:var(--cango-body);line-height:var(--cango-body-line);color:#212121}button,input,textarea,select{font-family:var(--cango-font)}.wrap,.shell{width:min(1600px,94%)}body #main h1{font-family:var(--cango-font);font-size:var(--cango-h1);font-weight:700;line-height:var(--cango-h1-line);letter-spacing:0;color:#212121}body #main h2{font-family:var(--cango-font);font-size:var(--cango-h2);font-weight:600;line-height:var(--cango-h2-line);letter-spacing:0;color:#212121}body #main h3{font-family:var(--cango-font);font-size:var(--cango-h3);font-weight:500;line-height:1.35;letter-spacing:0;color:#212121}body #main p{font-family:var(--cango-font);font-size:var(--cango-body);font-weight:400;line-height:var(--cango-body-line);color:#65676b}body #main .hero h1,body #main .cp-hero h1,body #main .quote-band h2{color:#fff}body #main .hero .hero-sub,body #main .cp-hero-copy>p:not(.eyebrow),body #main .cp-history-head>div>p:not(.eyebrow){font-size:var(--cango-lead);line-height:var(--cango-lead-line);color:#dce5f0}body #main .quote-band p{color:#dce5f0}body #main .page-hero p:not(.eyebrow){font-size:var(--cango-lead);line-height:var(--cango-lead-line)}body #main .eyebrow,body #main .hero-kicker,body #main .label{font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.1em;color:#2a4a8b}body #main .hero .hero-kicker,body #main .cp-hero .eyebrow{color:#c1d5f2}
body #main .product h3,body #main .product-card h3,body #main .about-range h3,body #main .cp-process h3,body #main .cp-event h3{font-size:18px;line-height:1.4;font-weight:600}body #main .product p,body #main .model-line,body #main .quote-hint,body #main .card-copy>p{font-size:14px;line-height:1.6;color:#707070}body #main .metrics strong,body #main .about-facts strong,body #main .cp-stats strong{font-family:var(--cango-font);font-size:55px;line-height:1.1;font-weight:600;color:#2a4a8b}body #main .metrics span,body #main .about-facts span,body #main .cp-stats span{font-size:16px;line-height:1.5;color:#65676b}body #main .cp-year{font-size:34px;line-height:1.3}body #main .cp-source,body #main .about-source,body #main .form-note,body #main .video-external{font-size:12px;line-height:1.6;color:#707070}
body #main .button,body #main .btn,body #main .outline,body #main .more{font-family:var(--cango-font);font-size:14px;line-height:1.4;font-weight:600;letter-spacing:0;border-radius:8px}body #main .button,body #main .btn,body #main .more{background:#2a4a8b;color:#fff}body #main .button:hover,body #main .btn:hover,body #main .more:hover{background:#102c50}.text-link{font-family:var(--cango-font);font-size:14px;font-weight:500;color:#2a4a8b}body #main label{font-family:var(--cango-font);font-size:14px;line-height:1.5}body #main input,body #main textarea,body #main select{font-size:16px;line-height:1.5}body #main .product-description table,body #main .product-description th,body #main .product-description td{font-family:var(--cango-font);font-size:14px;line-height:1.6}body #main .catalog-sidebar h2,body #main .technical-aside h2{font-size:22px;line-height:1.4}.catalog-sidebar a,.catalog-meta,.breadcrumb,.pagination{font-family:var(--cango-font);font-size:14px;line-height:1.5}.cpm-categories button,.cpm-name{font-size:14px}.cpm-model{font-size:14px}.cpm-heading .cg-menu-title{font-size:20px;font-weight:600;line-height:1.4}.cg-company-intro .cg-menu-title{font-size:26px;font-weight:600;line-height:1.3}.cg-company-links strong{font-size:18px}.cg-company-links span,.cg-company-intro p{font-size:14px;line-height:1.6}#cg-navigation>a,#cg-navigation>.cg-trigger{font-size:15px}#cg-header .cg-inquiry{font-size:14px;font-weight:600}footer,footer a,footer p{font-family:var(--cango-font)}footer h2,footer h3{font-family:var(--cango-font);font-size:16px;line-height:1.5;font-weight:600;color:#212121}footer .footer-grid a{font-size:14px;line-height:1.6;font-weight:500}footer .footer-grid p{font-size:14px;line-height:1.7;color:#65676b}footer .bottom,footer .footer-bottom{font-size:12px;line-height:1.6}.site-footer{background:#f4f6f8;color:#212121}.site-footer .footer-brand{color:#2a4a8b}.site-footer .footer-email{font-size:16px;color:#2a4a8b}.site-footer h2{margin-top:18px}.site-footer .footer-brand span{font-size:12px;color:#707070}
@media(max-width:1000px){#cg-navigation>a,#cg-navigation>.cg-trigger{font-size:16px}}@media(max-width:760px){:root{--cango-h1:25px;--cango-h1-line:37.5px;--cango-h2:22px;--cango-h2-line:33px;--cango-h3:18px;--cango-body:14.4px;--cango-body-line:24px;--cango-lead:14.4px;--cango-lead-line:24px}body #main .product h3,body #main .product-card h3,body #main .about-range h3,body #main .cp-process h3,body #main .cp-event h3{font-size:16px}body #main .product p,body #main .model-line,body #main .quote-hint,body #main .card-copy>p{font-size:13px}body #main .eyebrow,body #main .hero-kicker,body #main .label{font-size:11px}body #main .metrics strong,body #main .about-facts strong,body #main .cp-stats strong{font-size:34px}body #main .metrics span,body #main .about-facts span,body #main .cp-stats span{font-size:14px}body #main .button,body #main .btn,body #main .outline,body #main .more{font-size:13px}body #main .cp-year{font-size:26px}.cpm-categories button{font-size:13px}.cpm-model{font-size:13px}.cg-company-intro .cg-menu-title{font-size:22px}#cg-header .cg-inquiry{font-size:12px}.hero-content{padding-top:80px}.hero{min-height:540px}}

body #main .category-intro h3{color:#fff}body #main .category-intro p{color:#dce5f0}
body #main .quote-band .button.light{background:#fff;color:#2a4a8b}

body footer,body footer.site-footer{background:#2a4a8b;color:#fff}body footer a,body footer p,body footer span,body footer h2,body footer h3,body footer b,body footer .footer-email{color:#fff}body footer .footer-top,body footer .bottom,body footer .footer-bottom{border-color:#ffffff35}body footer .footer-brand img,body footer .footer-top img{width:220px;height:auto;object-fit:contain;background:transparent}body footer a:hover{color:#fff;text-decoration:underline}body footer .btn{border:1px solid #fff;background:transparent;color:#fff}.cg-brand img{object-fit:contain} 
body footer.site-footer p,body footer.site-footer a,body footer.site-footer h2,body footer.site-footer h3,body footer.site-footer span,body.home footer p,body.home footer a,body.home footer h3,body.home footer span,body.home footer b{color:#fff!important}
/* White brand artwork must not inherit legacy dark-logo blending. */
body footer .footer-top img,body footer .footer-brand img{mix-blend-mode:normal;opacity:1;filter:none;flex-shrink:0;display:block}
/* Shared interaction palette, matched to the global footer. */
:root{--cango-primary:#2A4A8B;--cango-primary-hover:#203B70;--cango-primary-active:#192F59;--cango-primary-tint:#EDF2FA;--blue:var(--cango-primary)}
body #main :is(.button,.btn,.more,.outline),body #cg-header .cg-inquiry,body #cg-search button,body .floating{background:var(--cango-primary);color:#fff;border-color:var(--cango-primary)}
body #main :is(.button,.btn,.more,.outline):hover,body #cg-header .cg-inquiry:hover,body #cg-search button:hover,body .floating:hover{background:var(--cango-primary-hover);color:#fff;border-color:var(--cango-primary-hover)}
body #main :is(.button,.btn,.more,.outline):active,body #cg-header .cg-inquiry:active,body #cg-search button:active{background:var(--cango-primary-active)}
body #main .pj-filters button[aria-pressed=true]{background:var(--cango-primary);border-color:var(--cango-primary);color:#fff}
body #main .pj-filters button:hover{background:var(--cango-primary-hover);border-color:var(--cango-primary-hover);color:#fff}
body #main :is(.tabs,.solution-tabs) button.active,body #main .cp-tabs button[aria-selected=true]{color:var(--cango-primary);border-bottom-color:var(--cango-primary)}
body .cpm-categories button[aria-selected=true]{color:var(--cango-primary);background:var(--cango-primary-tint);border-color:var(--cango-primary)}
body #main .adv-controls button,body .pj-lightbox button{background:var(--cango-primary);border-color:var(--cango-primary);color:#fff}
body #main .adv-controls button:hover,body .pj-lightbox button:hover{background:var(--cango-primary-hover);color:#fff}
body #main .quote-band .button.light,body footer .btn{background:#fff;color:var(--cango-primary)!important;border:1px solid #fff}
body #main .quote-band .button.light:hover,body footer .btn:hover{background:var(--cango-primary-tint);color:var(--cango-primary-hover)!important;border-color:var(--cango-primary-tint)}
body :is(button,.button,.btn,.more,.outline,.cg-inquiry):focus-visible{outline:3px solid #7396D7;outline-offset:4px}

.footer-legal{width:min(1600px,94%);margin:auto;display:flex;justify-content:flex-end;gap:24px;padding:20px 0;border-top:1px solid #ffffff35}.footer-legal a{font-size:13px;color:#fff}body.page .prose{max-width:1000px;padding-top:64px;padding-bottom:72px}body.page .prose h1{margin-bottom:28px}body.page .prose h2{margin:36px 0 16px}body.page .prose p{margin:0 0 20px}.prose a{color:#2a4a8b;text-decoration:underline}@media(max-width:760px){.footer-legal{justify-content:flex-start;flex-wrap:wrap;gap:18px}body.page .prose{padding-top:40px;padding-bottom:40px}}

body.home footer a.btn,body footer.site-footer a.btn{color:#2A4A8B!important}body.home footer a.btn:hover,body footer.site-footer a.btn:hover{color:#203B70!important}
body footer .cango-footer-bottom{width:min(1600px,94%);margin:0 auto;padding:24px 0 28px;border-top:1px solid #ffffff35}body footer .cango-footer-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px}body footer .cango-footer-meta a,body footer .cango-footer-meta span{font:500 12px/1.7 Roboto,Arial,sans-serif;letter-spacing:.035em;color:#fff;padding:0;margin:0;white-space:nowrap}body footer .cango-footer-meta .cango-footer-name{font-size:15px;font-weight:700;letter-spacing:.06em}body footer .cango-footer-bottom p{font:400 11px/1.7 Roboto,Arial,sans-serif;letter-spacing:.04em;margin:14px 0 0;color:#fff}body footer .cango-footer-meta a:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){body footer .cango-footer-bottom{padding:22px 0 26px}body footer .cango-footer-meta{gap:12px 20px}body footer .cango-footer-meta a,body footer .cango-footer-meta span{font-size:11px}body footer .cango-footer-bottom p{font-size:10px;max-width:420px}}
