/* Platform home agent hub V2 */
.landing-page.ph-page {
  --ph-blue: #176bff; --ph-cyan: #16bde7; --ph-green: #19b98a;
  --ph-orange: #ff982b; --ph-violet: #715cff; --ph-ink: #071b42;
  --ph-muted: #657695; --ph-line: #dce7f7;
  min-height: 100vh; color: var(--ph-ink); background: #f6f9ff;
  font-family: "PingFang SC", "Microsoft YaHei", Inter, sans-serif; overflow: hidden;
}
.landing-page.ph-page * { box-sizing: border-box; }
.landing-page.ph-page a { color: inherit; text-decoration: none; }
.landing-page.ph-page button { font: inherit; }
.landing-page.ph-page .ph-shell { width: calc(100% - 64px); max-width: 1440px; margin-inline: auto; }
.landing-page.ph-page .ph-nav { position: sticky; top: 0; z-index: 50; height: 82px; border-bottom: 1px solid rgba(217,228,244,.78); background: rgba(255,255,255,.9); backdrop-filter: blur(20px); transition: .25s ease; }
.landing-page.ph-page .ph-nav.is-scrolled { background: rgba(255,255,255,.97); box-shadow: 0 12px 40px rgba(37,74,137,.09); }
.landing-page.ph-page .ph-nav__inner { height: 100%; display: flex; align-items: center; gap: 44px; }
.landing-page.ph-page .ph-brand { width: 146px; flex: 0 0 auto; display: flex; align-items: center; }
.landing-page.ph-page .ph-brand img { display: block; width: 132px; height: auto; }
.landing-page.ph-page .ph-nav__links { display: flex; align-items: center; gap: 40px; margin: 0 auto; }
.landing-page.ph-page .ph-nav__links a { position: relative; padding: 30px 0 27px; font-size: 15px; font-weight: 650; color: #293b59; }
.landing-page.ph-page .ph-nav__links a::after { content: ""; position: absolute; left: 50%; bottom: 19px; width: 0; height: 2px; border-radius: 2px; background: var(--ph-blue); transform: translateX(-50%); transition: width .2s ease; }
.landing-page.ph-page .ph-nav__links a:hover { color: var(--ph-blue); }
.landing-page.ph-page .ph-nav__links a:hover::after { width: 22px; }
.landing-page.ph-page .ph-nav__actions { display: flex; align-items: center; gap: 12px; }
.landing-page.ph-page .ph-link-button { padding: 12px 15px; font-weight: 650; color: #32435f; }
.landing-page.ph-page .ph-primary-button, .landing-page.ph-page .ph-secondary-button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 25px; border-radius: 13px; font-size: 15px; font-weight: 700; cursor: pointer; transition: .2s ease; }
.landing-page.ph-page .ph-primary-button { color: #fff; border: 0; background: linear-gradient(135deg,#2178ff,#0758ed); box-shadow: 0 13px 26px rgba(23,107,255,.24); }
.landing-page.ph-page .ph-primary-button:hover, .landing-page.ph-page .ph-secondary-button:hover { transform: translateY(-2px); }
.landing-page.ph-page .ph-primary-button--small { min-height: 42px; padding: 0 19px; border-radius: 11px; font-size: 14px; }
.landing-page.ph-page .ph-secondary-button { color: #17335f; border: 1px solid #cedcf0; background: rgba(255,255,255,.88); }
.landing-page.ph-page .ph-hero { position: relative; min-height: 710px; margin-top: 28px; display: grid; grid-template-columns: minmax(430px,.86fr) minmax(600px,1.14fr); grid-template-rows: 1fr auto; border: 1px solid #dfe9f7; border-radius: 30px; background: radial-gradient(circle at 78% 34%,rgba(137,202,255,.18),transparent 36%),linear-gradient(112deg,#fff 0%,#fbfdff 47%,#eef6ff 100%); box-shadow: 0 30px 70px rgba(31,70,135,.12); overflow: hidden; }
.landing-page.ph-page .ph-hero::before { content: ""; position: absolute; inset: 0; opacity: .32; pointer-events: none; background-image: linear-gradient(rgba(102,145,207,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(102,145,207,.07) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(90deg,#000,transparent 48%); }
.landing-page.ph-page .ph-hero__copy { position: relative; z-index: 2; align-self: center; padding: 72px 12px 100px 72px; }
.landing-page.ph-page .ph-eyebrow, .landing-page.ph-page .ph-kicker { color: var(--ph-blue); font-size: 13px; font-weight: 760; letter-spacing: .14em; }
.landing-page.ph-page .ph-eyebrow { display: flex; align-items: center; gap: 11px; }
.landing-page.ph-page .ph-eyebrow span { width: 30px; height: 2px; background: linear-gradient(90deg,var(--ph-cyan),var(--ph-blue)); }
.landing-page.ph-page .ph-hero h1 { max-width: 620px; margin: 23px 0 22px; font-size: clamp(44px,4.15vw,66px); line-height: 1.16; letter-spacing: -.045em; font-weight: 850; }
.landing-page.ph-page .ph-hero__lead { max-width: 600px; margin: 0; color: var(--ph-muted); font-size: 18px; line-height: 1.8; }
.landing-page.ph-page .ph-hero__actions { display: flex; gap: 14px; margin-top: 34px; }
.landing-page.ph-page .ph-proof-line { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 28px; color: #687a99; font-size: 13px; }
.landing-page.ph-page .ph-proof-line span { display: inline-flex; align-items: center; gap: 6px; }
.landing-page.ph-page .ph-proof-line i { color: var(--ph-blue); font-size: 17px; }
.landing-page.ph-page .ph-hero-art { position: relative; z-index: 1; min-height: 595px; background-image: linear-gradient(90deg,#fbfdff 0%,rgba(251,253,255,.15) 17%,transparent 44%),url('/static/images/platform-home/agent-hub-hero-v1.png'); background-position: center; background-size: cover,contain; background-repeat: no-repeat; }
.landing-page.ph-page .ph-hero-art::before { content: ""; position: absolute; inset: 7% 5% 8% 7%; border: 1px solid rgba(85,147,238,.14); border-radius: 50%; animation: ph-pulse 4.2s ease-in-out infinite; }
.landing-page.ph-page .ph-orbit-label, .landing-page.ph-page .ph-orbit-status { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: 6px; padding: 9px 13px; border: 1px solid rgba(185,210,245,.84); border-radius: 999px; color: #325888; background: rgba(255,255,255,.86); box-shadow: 0 10px 28px rgba(50,91,153,.12); backdrop-filter: blur(12px); font-size: 12px; font-weight: 700; }
.landing-page.ph-page .ph-orbit-label--one { left: 10%; top: 22%; } .landing-page.ph-page .ph-orbit-label--two { right: 5%; top: 24%; } .landing-page.ph-page .ph-orbit-label--three { right: 8%; bottom: 24%; }
.landing-page.ph-page .ph-orbit-status { left: 45%; bottom: 9%; color: #057c68; }
.landing-page.ph-page .ph-hero-metrics { position: relative; z-index: 3; grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,1fr); margin: -78px 28px 24px; border: 1px solid #dce7f5; border-radius: 20px; background: rgba(255,255,255,.94); box-shadow: 0 20px 42px rgba(41,78,139,.12); backdrop-filter: blur(16px); overflow: hidden; }
.landing-page.ph-page .ph-hero-metrics article { min-height: 116px; display: grid; grid-template-columns: 52px auto 1fr; align-items: center; gap: 14px; padding: 22px 30px; }
.landing-page.ph-page .ph-hero-metrics article + article { border-left: 1px solid #e4ecf7; }
.landing-page.ph-page .ph-hero-metrics strong { min-width: 45px; font-size: 31px; } .landing-page.ph-page .ph-hero-metrics b { display: block; margin-bottom: 5px; font-size: 14px; } .landing-page.ph-page .ph-hero-metrics small { color: #8190a9; font-size: 12px; }
.landing-page.ph-page .ph-metric-icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 15px; font-size: 25px; }
.landing-page.ph-page .ph-metric-icon--blue { color: var(--ph-blue); background: #eaf2ff; } .landing-page.ph-page .ph-metric-icon--cyan { color: #08a8ce; background: #e5faff; } .landing-page.ph-page .ph-metric-icon--green { color: #0aa77d; background: #e5faf3; }
.landing-page.ph-page .ph-section { padding: 108px 0; }
.landing-page.ph-page .ph-section--tint { margin-top: 70px; background: linear-gradient(180deg,#edf5ff,#f7faff); border-block: 1px solid #e0eaf7; }
.landing-page.ph-page .ph-section--roles { background: linear-gradient(145deg,#f5f9ff,#eef4ff); }
.landing-page.ph-page .ph-section-heading { max-width: 770px; margin-bottom: 42px; }
.landing-page.ph-page .ph-section-heading--center { margin-inline: auto; text-align: center; }
.landing-page.ph-page .ph-section-heading h2, .landing-page.ph-page .ph-trust__intro h2, .landing-page.ph-page .ph-cta h2 { margin: 14px 0 13px; font-size: clamp(32px,3vw,46px); line-height: 1.24; letter-spacing: -.035em; }
.landing-page.ph-page .ph-section-heading p, .landing-page.ph-page .ph-trust__intro p, .landing-page.ph-page .ph-cta p { margin: 0; color: var(--ph-muted); font-size: 16px; line-height: 1.8; }
.landing-page.ph-page .ph-agent-flow { display: grid; grid-template-columns: repeat(6,1fr); gap: 13px; }
.landing-page.ph-page .ph-agent-card { position: relative; min-height: 244px; padding: 25px 21px; border: 1px solid #dbe6f5; border-radius: 18px; background: rgba(255,255,255,.9); box-shadow: 0 14px 30px rgba(36,73,132,.07); }
.landing-page.ph-page .ph-agent-card__number { display: block; margin-bottom: 20px; color: #9aabc4; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.landing-page.ph-page .ph-agent-card__icon, .landing-page.ph-page .ph-role-card__icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; color: var(--ph-blue); background: #eaf2ff; font-size: 27px; }
.landing-page.ph-page .tone-violet { color: #715cff; background: #efedff; } .landing-page.ph-page .tone-cyan { color: #04aaca; background: #e5f9fd; } .landing-page.ph-page .tone-green { color: #0aa57e; background: #e3f8f1; } .landing-page.ph-page .tone-orange { color: #f18a16; background: #fff2e2; } .landing-page.ph-page .tone-blue { color: var(--ph-blue); background: #eaf2ff; }
.landing-page.ph-page .ph-agent-card h3 { margin: 20px 0 8px; font-size: 17px; } .landing-page.ph-page .ph-agent-card p { margin: 0; color: #73839c; font-size: 13px; line-height: 1.7; }
.landing-page.ph-page .ph-agent-card__arrow { position: absolute; right: -17px; top: 50%; z-index: 3; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #d5e1f2; border-radius: 50%; color: #6e8bb7; background: #fff; font-size: 20px; transform: translateY(-50%); }
.landing-page.ph-page .ph-capability-grid { display: grid; gap: 22px; }
.landing-page.ph-page .ph-capability-card { min-height: 390px; display: grid; grid-template-columns: minmax(420px,.9fr) minmax(440px,1.1fr); align-items: center; border: 1px solid #dce7f5; border-radius: 27px; background: #fff; box-shadow: 0 20px 48px rgba(35,73,133,.08); overflow: hidden; }
.landing-page.ph-page .ph-capability-card:nth-child(even) .ph-capability-card__copy { order: 2; }
.landing-page.ph-page .ph-capability-card__copy { padding: 54px 64px; }
.landing-page.ph-page .ph-capability-card__copy > span { color: var(--ph-blue); font-size: 12px; font-weight: 800; letter-spacing: .13em; }
.landing-page.ph-page .ph-capability-card__copy h3 { margin: 14px 0; font-size: 31px; line-height: 1.35; } .landing-page.ph-page .ph-capability-card__copy p { margin: 0 0 22px; color: var(--ph-muted); line-height: 1.8; }
.landing-page.ph-page .ph-capability-card__copy ul { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; color: #465b7b; font-size: 14px; } .landing-page.ph-page .ph-capability-card__copy li { display: flex; align-items: center; gap: 9px; } .landing-page.ph-page .ph-capability-card__copy li i { color: var(--ph-blue); }
.landing-page.ph-page .ph-capability-card__visual { position: relative; height: 100%; min-height: 390px; display: grid; place-items: center; background: radial-gradient(circle at 50% 48%,rgba(91,176,255,.25),transparent 29%),linear-gradient(135deg,#f2f8ff,#e7f2ff); overflow: hidden; }
.landing-page.ph-page .ph-capability-card--2 .ph-capability-card__visual { background: radial-gradient(circle at 50% 48%,rgba(65,213,193,.24),transparent 30%),linear-gradient(135deg,#effbfb,#e7f7ff); } .landing-page.ph-page .ph-capability-card--3 .ph-capability-card__visual { background: radial-gradient(circle at 50% 48%,rgba(117,97,255,.24),transparent 30%),linear-gradient(135deg,#f4f2ff,#edf4ff); }
.landing-page.ph-page .ph-visual-core { position: relative; z-index: 2; width: 142px; height: 142px; display: grid; place-items: center; border: 15px solid rgba(255,255,255,.73); border-radius: 38px; color: #fff; background: linear-gradient(145deg,#4fa6ff,#1467ef); box-shadow: 0 28px 54px rgba(24,104,220,.28),inset 0 0 0 1px rgba(255,255,255,.72); transform: rotate(-6deg); font-size: 60px; }
.landing-page.ph-page .ph-visual-ring { position: absolute; width: 330px; height: 190px; border: 2px solid rgba(87,153,239,.23); border-radius: 50%; transform: rotate(-9deg); }
.landing-page.ph-page .ph-visual-chip { position: absolute; z-index: 3; padding: 10px 15px; border: 1px solid rgba(193,216,246,.9); border-radius: 12px; color: #42638f; background: rgba(255,255,255,.88); box-shadow: 0 12px 30px rgba(44,83,141,.12); font-size: 12px; font-weight: 700; }
.landing-page.ph-page .ph-visual-chip--a { top: 24%; left: 18%; } .landing-page.ph-page .ph-visual-chip--b { right: 17%; bottom: 24%; }
.landing-page.ph-page .ph-role-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.landing-page.ph-page .ph-role-card { min-height: 170px; display: grid; grid-template-columns: 56px 1fr auto; align-items: start; gap: 17px; padding: 30px 25px; border: 1px solid #dbe6f5; border-radius: 20px; background: rgba(255,255,255,.92); box-shadow: 0 15px 34px rgba(35,71,130,.07); transition: .2s ease; }
.landing-page.ph-page .ph-role-card:hover { transform: translateY(-4px); box-shadow: 0 22px 42px rgba(35,71,130,.12); }
.landing-page.ph-page .ph-role-card h3 { margin: 5px 0 9px; font-size: 18px; } .landing-page.ph-page .ph-role-card p { margin: 0; color: #71829c; font-size: 13px; line-height: 1.7; } .landing-page.ph-page .ph-role-card > i { margin-top: 16px; color: var(--ph-blue); font-size: 23px; }
.landing-page.ph-page .ph-trust { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 82px; }
.landing-page.ph-page .ph-text-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 26px; color: var(--ph-blue)!important; font-weight: 700; }
.landing-page.ph-page .ph-trust-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.landing-page.ph-page .ph-trust-grid article { min-height: 150px; display: flex; gap: 18px; padding: 26px; border: 1px solid #dce7f5; border-radius: 18px; background: #fff; box-shadow: 0 14px 34px rgba(34,70,129,.07); }
.landing-page.ph-page .ph-trust-grid article > span { width: 47px; height: 47px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; color: var(--ph-blue); background: #eaf2ff; font-size: 24px; }
.landing-page.ph-page .ph-trust-grid h3 { margin: 3px 0 8px; font-size: 16px; } .landing-page.ph-page .ph-trust-grid p { margin: 0; color: #74849d; font-size: 13px; line-height: 1.65; }
.landing-page.ph-page .ph-cta { min-height: 285px; display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-top: 30px; margin-bottom: 72px; padding: 58px 70px; border-radius: 28px; color: #fff; background: radial-gradient(circle at 83% 30%,rgba(75,209,242,.34),transparent 25%),linear-gradient(125deg,#0755db,#176bff 55%,#22a9e7); box-shadow: 0 30px 65px rgba(12,87,215,.25); }
.landing-page.ph-page .ph-cta .ph-kicker { color: #aee7ff; } .landing-page.ph-page .ph-cta p { color: rgba(255,255,255,.78); } .landing-page.ph-page .ph-primary-button--light { flex: 0 0 auto; color: #0759df; background: #fff; box-shadow: 0 15px 30px rgba(1,39,104,.18); }
.landing-page.ph-page .ph-footer { padding: 34px 0; color: #8090a8; border-top: 1px solid #dce7f5; background: #fff; } .landing-page.ph-page .ph-footer .ph-shell { display: flex; align-items: center; gap: 28px; } .landing-page.ph-page .ph-footer img { width: 112px; } .landing-page.ph-page .ph-footer span { margin-right: auto; font-size: 12px; } .landing-page.ph-page .ph-footer div div { display: flex; gap: 24px; color: #516581; font-size: 13px; }
@keyframes ph-pulse { 0%,100% { transform: scale(.98); opacity: .38; } 50% { transform: scale(1.02); opacity: .72; } }
@media (max-width: 1180px) { .landing-page.ph-page .ph-nav__links { gap: 24px; } .landing-page.ph-page .ph-hero { grid-template-columns: minmax(390px,.88fr) minmax(510px,1.12fr); } .landing-page.ph-page .ph-hero__copy { padding-left: 48px; } .landing-page.ph-page .ph-agent-flow { grid-template-columns: repeat(3,1fr); } .landing-page.ph-page .ph-agent-card__arrow { display: none; } .landing-page.ph-page .ph-role-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 1024px) { .landing-page.ph-page .ph-shell { width: calc(100% - 40px); } .landing-page.ph-page .ph-nav__links { display: none; } .landing-page.ph-page .ph-nav__actions { margin-left: auto; } .landing-page.ph-page .ph-hero { grid-template-columns: 1fr; grid-template-rows: auto auto auto; } .landing-page.ph-page .ph-hero__copy { padding: 62px 52px 18px; text-align: center; } .landing-page.ph-page .ph-eyebrow,.landing-page.ph-page .ph-hero__actions,.landing-page.ph-page .ph-proof-line { justify-content: center; } .landing-page.ph-page .ph-hero h1,.landing-page.ph-page .ph-hero__lead { margin-inline: auto; } .landing-page.ph-page .ph-hero-art { min-height: 520px; } .landing-page.ph-page .ph-hero-metrics { margin-top: -52px; } .landing-page.ph-page .ph-capability-card { grid-template-columns: 1fr 1fr; } .landing-page.ph-page .ph-capability-card__copy { padding: 40px; } .landing-page.ph-page .ph-trust { grid-template-columns: 1fr; gap: 42px; } }
@media (max-width: 720px) { .landing-page.ph-page .ph-shell { width: calc(100% - 24px); } .landing-page.ph-page .ph-nav { height: 70px; } .landing-page.ph-page .ph-brand { width: auto; } .landing-page.ph-page .ph-brand img { width: 104px; } .landing-page.ph-page .ph-link-button { display: none; } .landing-page.ph-page .ph-primary-button--small { min-height: 38px; padding: 0 14px; } .landing-page.ph-page .ph-hero { margin-top: 12px; border-radius: 22px; } .landing-page.ph-page .ph-hero__copy { padding: 46px 24px 10px; } .landing-page.ph-page .ph-eyebrow { justify-content: flex-start; font-size: 10px; text-align: left; } .landing-page.ph-page .ph-hero h1 { margin-top: 17px; font-size: 38px; text-align: left; } .landing-page.ph-page .ph-hero__lead { font-size: 15px; text-align: left; } .landing-page.ph-page .ph-hero__actions { align-items: stretch; flex-direction: column; } .landing-page.ph-page .ph-proof-line { justify-content: flex-start; gap: 10px 16px; } .landing-page.ph-page .ph-hero-art { min-height: 390px; background-size: cover,118% auto; } .landing-page.ph-page .ph-orbit-label { display: none; } .landing-page.ph-page .ph-orbit-status { left: 50%; bottom: 5%; transform: translateX(-50%); } .landing-page.ph-page .ph-hero-metrics { grid-template-columns: 1fr; margin: -28px 12px 13px; } .landing-page.ph-page .ph-hero-metrics article { min-height: 92px; padding: 16px 20px; } .landing-page.ph-page .ph-hero-metrics article + article { border-left: 0; border-top: 1px solid #e4ecf7; } .landing-page.ph-page .ph-section { padding: 72px 0; } .landing-page.ph-page .ph-section--tint { margin-top: 42px; } .landing-page.ph-page .ph-agent-flow { grid-template-columns: repeat(2,1fr); } .landing-page.ph-page .ph-agent-card { min-height: 220px; padding: 20px 17px; } .landing-page.ph-page .ph-capability-card { grid-template-columns: 1fr; } .landing-page.ph-page .ph-capability-card:nth-child(even) .ph-capability-card__copy { order: 0; } .landing-page.ph-page .ph-capability-card__copy { padding: 34px 25px; } .landing-page.ph-page .ph-capability-card__copy h3 { font-size: 26px; } .landing-page.ph-page .ph-capability-card__visual { min-height: 300px; } .landing-page.ph-page .ph-role-grid,.landing-page.ph-page .ph-trust-grid { grid-template-columns: 1fr; } .landing-page.ph-page .ph-role-card { min-height: 140px; } .landing-page.ph-page .ph-cta { align-items: flex-start; flex-direction: column; padding: 42px 28px; } .landing-page.ph-page .ph-primary-button--light { width: 100%; } .landing-page.ph-page .ph-footer .ph-shell { align-items: flex-start; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .landing-page.ph-page *,.landing-page.ph-page *::before,.landing-page.ph-page *::after { scroll-behavior: auto!important; animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; } }