.about-hero{position: relative;padding-top: calc(var(--nav-height) + 4.5rem);padding-bottom: clamp(3.5rem,6vw,5.5rem);background: var(--gradient-hero);overflow: hidden;border-bottom: 1px solid var(--border-subtle)}.about-hero::before{content: '';position: absolute;inset: 0;background-image: linear-gradient(rgba(27,45,91,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(27,45,91,0.035) 1px,transparent 1px);background-size: 52px 52px;pointer-events: none;z-index: 0}.about-hero-orb-1{position: absolute;top: -25%;right: -8%;width: clamp(380px,45vw,650px);height: clamp(380px,45vw,650px);border-radius: 50%;background: radial-gradient(circle,rgba(43,90,166,0.12) 0%,rgba(61,114,196,0.04) 50%,transparent 70%);filter: blur(50px);pointer-events: none;z-index: 0}.about-hero-orb-2{position: absolute;bottom: -20%;left: -10%;width: clamp(300px,35vw,500px);height: clamp(300px,35vw,500px);border-radius: 50%;background: radial-gradient(circle,rgba(232,122,34,0.08) 0%,rgba(244,160,58,0.02) 50%,transparent 70%);filter: blur(45px);pointer-events: none;z-index: 0}.about-hero-content{position: relative;z-index: 1;text-align: center;max-width: 940px;margin-inline: auto}.about-hero-title{font-family: var(--font-heading);font-size: clamp(2.15rem,5.2vw,3.85rem);font-weight: 800;line-height: 1.12;letter-spacing: -0.03em;color: var(--brand-navy);margin-block: 1.15rem 1.25rem}.gradient-text{background: linear-gradient(135deg,var(--brand-navy) 0%,var(--brand-blue) 55%,var(--brand-orange) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.about-hero-desc{font-size: clamp(1.05rem,1.8vw,1.25rem);color: var(--text-secondary);line-height: 1.68;max-width: 66ch;margin-inline: auto;margin-bottom: 2.25rem}.about-hero-highlights{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.75rem;margin-top: 0.5rem}.hero-chip{display: inline-flex;align-items: center;gap: 0.5rem;max-width: 100%;padding: clamp(0.45rem,1.5vw,0.55rem) clamp(0.85rem,2.5vw,1.15rem);background: rgba(255,255,255,0.85);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid var(--border-medium);border-radius: var(--radius-full);font-size: clamp(0.8rem,2vw,0.875rem);font-weight: 600;color: var(--brand-navy);box-shadow: var(--shadow-xs);transition: transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.hero-chip svg{width: 16px;height: 16px;color: var(--brand-orange);flex-shrink: 0}@media (hover: hover) and (pointer: fine){.hero-chip:hover{transform: translateY(-2px);box-shadow: var(--shadow-sm);border-color: var(--border-orange)}}.about-overview{background: var(--surface-page);border-bottom: 1px solid var(--border-subtle)}.about-overview-grid{display: grid;grid-template-columns: 1.15fr 0.85fr;gap: clamp(2rem,4.5vw,4.5rem);align-items: center}@media (max-width: 1024px){.about-overview-grid{grid-template-columns: 1fr;gap: 2.75rem}}.about-story-text{display: flex;flex-direction: column;gap: 1.25rem}.about-story-lead{font-size: clamp(1.05rem,2vw,1.15rem);font-weight: 500;color: var(--text-primary);line-height: 1.65}.about-story-p{font-size: 1rem;color: var(--text-secondary);line-height: 1.7}.about-quote-box{margin-top: 0.5rem;padding: 1.5rem 1.75rem;background: var(--surface-base);border-left: 4px solid var(--brand-orange);border-top: 1px solid var(--border-subtle);border-right: 1px solid var(--border-subtle);border-bottom: 1px solid var(--border-subtle);border-radius: 0 var(--radius-lg) var(--radius-lg) 0;box-shadow: var(--shadow-xs);display: flex;gap: 1rem;align-items: flex-start}.about-quote-icon{width: 28px;height: 28px;color: var(--brand-orange);flex-shrink: 0;opacity: 0.85}.about-quote-box p{font-size: 0.975rem;font-style: italic;color: var(--text-primary);line-height: 1.6;font-weight: 500}@media (max-width: 480px){.about-quote-box{padding: 1.25rem 1.15rem;gap: 0.75rem}}.about-metrics-card{background: var(--surface-base);border: 1px solid var(--border-subtle);border-radius: var(--radius-2xl);padding: clamp(1.5rem,3.5vw,2.75rem);box-shadow: var(--shadow-card);position: relative;overflow: hidden}.about-metrics-header{margin-bottom: 1.75rem}.about-metrics-header h3{font-size: 1.35rem;color: var(--brand-navy);margin-bottom: 0.4rem}.about-metrics-header p{font-size: 0.9rem;color: var(--text-muted)}.metrics-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 1.5rem;padding-bottom: 2rem;border-bottom: 1px solid var(--border-subtle)}@media (max-width: 480px){.about-metrics-card{padding: 1.5rem 1.25rem}.metrics-grid{gap: 1.25rem 1rem;padding-bottom: 1.5rem}}.metric-item{display: flex;flex-direction: column}.metric-val{font-family: var(--font-heading);font-size: clamp(1.85rem,3.5vw,2.75rem);font-weight: 800;line-height: 1;color: var(--brand-navy);margin-bottom: 0.35rem;letter-spacing: -0.02em}.metric-val.metric-val--orange{color: var(--brand-orange)}.metric-label{font-size: 0.85rem;font-weight: 600;color: var(--text-secondary);line-height: 1.35}.metrics-capabilities{padding-top: 1.5rem}.metrics-capabilities-label{display: block;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.10em;text-transform: uppercase;color: var(--text-muted);margin-bottom: 0.85rem}.capabilities-tags{display: flex;flex-wrap: wrap;gap: 0.45rem}.cap-tag{padding: 0.35rem 0.75rem;background: var(--surface-subtle);border: 1px solid var(--border-subtle);border-radius: var(--radius-full);font-size: 0.8rem;font-weight: 500;color: var(--brand-navy);transition: background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}@media (hover: hover) and (pointer: fine){.cap-tag:hover{background: var(--surface-base);border-color: var(--border-medium)}}.about-pillars{background: var(--surface-base);border-bottom: 1px solid var(--border-subtle)}.pillars-header{text-align: center;max-width: 680px;margin-inline: auto;margin-bottom: 3.5rem}.pillars-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 1.75rem}@media (max-width: 1100px){.pillars-grid{grid-template-columns: repeat(2,1fr);gap: 1.5rem}}@media (max-width: 620px){.pillars-grid{grid-template-columns: 1fr;gap: 1.25rem}.pillar-card{padding: 1.75rem 1.25rem}}.pillar-card{background: var(--surface-page);border: 1px solid var(--border-subtle);border-radius: var(--radius-xl);padding: 2.25rem 1.75rem;display: flex;flex-direction: column;position: relative;transition: transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.pillar-icon-box{width: 52px;height: 52px;border-radius: var(--radius-lg);background: rgba(43,90,166,0.10);border: 1px solid rgba(43,90,166,0.18);display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;color: var(--brand-blue);transition: background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.pillar-icon-box svg{width: 26px;height: 26px}.pillar-card h3{font-size: 1.25rem;color: var(--brand-navy);margin-bottom: 0.75rem;letter-spacing: -0.01em}.pillar-card p{font-size: 0.95rem;color: var(--text-secondary);line-height: 1.65}@media (hover: hover) and (pointer: fine){.pillar-card:hover{transform: translateY(-4px);background: var(--surface-base);border-color: rgba(43,90,166,0.28);box-shadow: var(--shadow-card-hover)}.pillar-card:hover .pillar-icon-box{background: var(--brand-navy);color: var(--text-inverse);transform: scale(1.05)}}.about-solutions{background: var(--surface-page);border-bottom: 1px solid var(--border-subtle)}.solutions-header{text-align: center;max-width: 720px;margin-inline: auto;margin-bottom: 3.5rem}.solutions-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.75rem}@media (max-width: 1024px){.solutions-grid{grid-template-columns: repeat(2,1fr);gap: 1.5rem}}@media (max-width: 640px){.solutions-grid{grid-template-columns: 1fr;gap: 1.25rem}}.solution-card{background: var(--surface-base);border: 1px solid var(--border-subtle);border-radius: var(--radius-xl);padding: 2.25rem 2rem;display: flex;flex-direction: column;text-decoration: none;box-shadow: var(--shadow-xs);cursor: pointer;transition: transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.solution-card:focus-visible{outline: 2px solid var(--brand-orange);outline-offset: 3px;border-radius: var(--radius-xl)}.solution-card:active{transform: scale(0.985)}@media (max-width: 480px){.solution-card{padding: 1.75rem 1.25rem}}.solution-card-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1.25rem}.solution-icon-wrap{width: 46px;height: 46px;border-radius: var(--radius-md);background: var(--surface-navy-tint);border: 1px solid var(--border-subtle);display: flex;align-items: center;justify-content: center;color: var(--brand-blue);transition: transform var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.solution-icon-wrap svg{width: 22px;height: 22px}.solution-link-arrow{width: 32px;height: 32px;border-radius: var(--radius-full);background: var(--surface-subtle);display: flex;align-items: center;justify-content: center;color: var(--text-muted);transition: background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.solution-link-arrow svg{width: 16px;height: 16px}.solution-card h3{font-size: 1.25rem;color: var(--brand-navy);margin-bottom: 0.75rem;letter-spacing: -0.01em}.solution-card p{font-size: 0.925rem;color: var(--text-secondary);line-height: 1.6;margin-bottom: 1.5rem;flex-grow: 1}.solution-tags{display: flex;flex-wrap: wrap;gap: 0.4rem;margin-top: auto}.solution-tag{font-size: 0.75rem;font-weight: 600;padding: 0.25rem 0.65rem;background: var(--surface-subtle);color: var(--text-muted);border-radius: var(--radius-full);border: 1px solid var(--border-subtle)}@media (hover: hover) and (pointer: fine){.solution-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-card-hover);border-color: rgba(43,90,166,0.28)}.solution-card:hover .solution-icon-wrap{background: var(--brand-blue);color: var(--text-inverse);transform: scale(1.06)}.solution-card:hover .solution-link-arrow{background: var(--brand-orange);color: var(--text-inverse);transform: translateX(3px)}}.about-partners-preview{background: var(--surface-base);border-bottom: 1px solid var(--border-subtle)}.partners-preview-header{text-align: center;max-width: 700px;margin-inline: auto;margin-bottom: 3rem}.partner-chips-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(130px,1fr));gap: 1.25rem;margin-bottom: 3rem}@media (max-width: 480px){.partner-chips-grid{grid-template-columns: repeat(2,1fr);gap: 0.75rem}}.partner-chip-card{min-height: 72px;height: auto;padding-top: 10px;padding-bottom: 10px;padding: 0.75rem 1.25rem;background: var(--surface-page);border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;box-shadow: var(--shadow-xs);transition: transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}@media (max-width: 480px){.partner-chip-card{height: 64px;padding: 0.5rem 1rem}}.partner-chip-card img{max-height: 36px;max-width: 105px;width: auto;height: auto;object-fit: contain;filter: drop-shadow(0 1px 2px rgba(27,45,91,0.08));transition: transform var(--dur-base) var(--ease-out)}@media (max-width: 480px){.partner-chip-card img{max-height: 30px;max-width: 90px}}.partner-chip-card img.logo--invert{filter: invert(1) drop-shadow(0 1px 2px rgba(0,0,0,0.15))}@media (hover: hover) and (pointer: fine){.partner-chip-card:hover{transform: translateY(-3px);background: var(--surface-base);border-color: rgba(43,90,166,0.28);box-shadow: var(--shadow-md)}.partner-chip-card:hover img{transform: scale(1.06)}}.partners-preview-cta{text-align: center}.about-cta-section{background: var(--surface-page);padding-block: clamp(4rem,8vw,7rem)}.about-cta-banner{background: var(--gradient-navy);border-radius: clamp(var(--radius-xl),4vw,var(--radius-2xl));padding: clamp(2.5rem,6vw,4.5rem) clamp(1.25rem,4vw,3.5rem);text-align: center;color: var(--text-inverse);position: relative;overflow: hidden;box-shadow: var(--shadow-xl);border: 1px solid rgba(255,255,255,0.12)}.about-cta-orb{position: absolute;top: -50%;right: -20%;width: 500px;height: 500px;border-radius: 50%;background: radial-gradient(circle,rgba(232,122,34,0.25) 0%,transparent 70%);pointer-events: none;z-index: 0}.about-cta-content{position: relative;z-index: 1;max-width: 720px;margin-inline: auto}.about-cta-banner h2{color: var(--text-inverse);font-size: clamp(1.75rem,4vw,2.75rem);font-weight: 800;margin-bottom: 1.15rem;letter-spacing: -0.02em}.about-cta-banner p{color: rgba(255,255,255,0.82);font-size: clamp(1rem,2vw,1.125rem);line-height: 1.65;margin-bottom: 2.25rem}.about-cta-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem}@media (max-width: 480px){.about-cta-actions{flex-direction: column;width: 100%}.about-cta-actions .btn{width: 100%}}.btn--ghost-white{background: rgba(255,255,255,0.08);color: var(--text-inverse);border: 1.5px solid rgba(255,255,255,0.28);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}@media (hover: hover) and (pointer: fine){.btn--ghost-white:hover{background: rgba(255,255,255,0.18);border-color: rgba(255,255,255,0.6);color: var(--text-inverse);transform: translateY(-1px)}}@media (prefers-reduced-motion: reduce){.hero-chip,.pillar-card,.solution-card,.partner-chip-card,.solution-icon-wrap,.solution-link-arrow,.pillar-icon-box,.cap-tag,.btn,.btn--ghost-white,.about-quote-box{transition: none !important;transform: none !important;animation: none !important}.reveal{opacity: 1 !important;transform: none !important;transition: none !important}}.partner-chip-card img.logo--xl{max-height: 65px !important;max-width: 180px !important;transform: scale(1.6)}.partner-logo-card img[src*='apc_logo'],.partner-chip-card img[src*='apc_logo']{transform: scale(1.2) !important}.partner-logo-card:hover img[src*='apc_logo'],.partner-chip-card:hover img[src*='apc_logo']{transform: scale(1.25) !important}.partner-logo-card img[src*='synology_logo'],.partner-chip-card img[src*='synology_logo']{transform: scale(2.0) !important}.partner-logo-card:hover img[src*='synology_logo'],.partner-chip-card:hover img[src*='synology_logo']{transform: scale(2.05) !important}.partner-logo-card img[src*='ruijie_logo'],.partner-chip-card img[src*='ruijie_logo']{transform: scale(1.6) !important}.partner-logo-card:hover img[src*='ruijie_logo'],.partner-chip-card:hover img[src*='ruijie_logo']{transform: scale(1.65) !important}