.gf-api-hero{--gf-api-hero-canvas:1550px;--gf-api-hero-art-width:950px;--gf-api-hero-art-left:679px;--gf-api-hero-art-shift:160px;--gf-api-hero-copy-inset:29px;position:relative;height:500px;overflow:hidden;color:var(--gf-color-text-primary);background:linear-gradient(104deg,#f2f3f7 .26%,#d5dff9 99.07%)}.gf-api-hero-inner{position:relative;width:min(var(--gf-api-hero-canvas),100%);height:100%;margin:0 auto}.gf-api-hero-copy{--gf-api-hero-copy-left:var(--gf-api-hero-copy-inset);position:relative;z-index:2;box-sizing:border-box;width:min(576px,calc(100% - var(--gf-api-hero-copy-left)));margin-left:var(--gf-api-hero-copy-left);padding-top:115px}.gf-api-hero h1{display:flex;flex-direction:column;margin:0;font-family:var(--gf-font-family-body);font-size:var(--gf-ppe-text-hero-size);font-weight:var(--gf-font-weight-semibold);letter-spacing:0;line-height:56px}.gf-api-hero h1 span:last-child{color:var(--gf-color-brand-blue-primary)}.gf-api-hero-description{margin:20px 0 0;color:var(--gf-color-text-secondary);font-size:var(--gf-text-body-size);line-height:26px}.gf-api-hero-copy .gf-button{margin-top:42px}.gf-api-hero-art{position:absolute;z-index:1;top:0;left:var(--gf-api-hero-art-left);pointer-events:none}.gf-api-hero-art,.gf-api-hero-art img{width:var(--gf-api-hero-art-width);height:500px}.gf-api-hero-art img{max-width:none;object-fit:contain;object-position:left center}.gf-api-advantages,.gf-api-capabilities,.gf-api-scenarios{padding:100px 0}.gf-api-advantages{color:var(--gf-color-text-inverse);background:var(--gf-color-background-tse)}.gf-api-capabilities{background:var(--gf-color-background-soft)}.gf-api-scenarios{background:var(--gf-color-surface)}.gf-api-advantages h2,.gf-api-capabilities h2,.gf-api-scenarios h2{margin:0;font-family:var(--gf-font-family-body);font-size:var(--gf-ppe-text-heading-size);font-weight:var(--gf-font-weight-regular);letter-spacing:0;line-height:56px}.gf-api-section-copy{max-width:1076px;margin:20px 0 0;color:var(--gf-color-text-hint);font-size:var(--gf-text-body-size);line-height:24px}.gf-api-advantage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px;margin-top:60px}.gf-api-advantage-card,.gf-api-capability-card{display:flex;flex-direction:column;align-items:flex-start;border-radius:14px;background:var(--gf-color-surface)}.gf-api-advantage-card{gap:20px;padding:24px}.gf-api-icon{display:grid;width:56px;height:56px;place-items:center;background:var(--gf-color-icon-surface)}.gf-api-icon-square{border-radius:14px}.gf-api-icon-round{border-radius:30px}.gf-api-icon svg{display:block;width:24px;height:24px}.gf-api-advantage-card h3,.gf-api-capability-card h3{margin:0;color:var(--gf-color-text-primary);font-size:var(--gf-text-subtitle-size);font-weight:var(--gf-font-weight-semibold);line-height:28px}.gf-api-advantage-card p,.gf-api-capability-card p{margin:0;color:var(--gf-color-text-hint);font-size:var(--gf-text-body-sm-size);line-height:24px}.gf-api-advantage-card h3+p,.gf-api-capability-card h3+p{margin-top:10px}.gf-api-capabilities-heading{display:flex;align-items:center;justify-content:space-between;gap:36px}.gf-api-capabilities-heading>p{margin:0;color:var(--gf-color-text-hint);font-size:var(--gf-text-body-size);line-height:24px;text-align:right}.gf-api-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:32px;gap:32px;margin-top:48px}.gf-api-capability-card{min-height:288px;padding:28px 20px}.gf-api-capability-card h3{margin-top:20px}.gf-api-capability-card .gf-api-capability-tags{margin-top:auto;padding-top:20px;color:var(--gf-color-brand-blue-primary);font-size:var(--gf-text-caption-size);line-height:16px}.gf-api-scenario-body{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-top:48px}.gf-api-steps{display:flex;flex-direction:column;gap:36px;width:min(538px,100%);margin:0;padding:0;list-style:none}.gf-api-step{display:flex;align-items:center;gap:22px;padding:12px}.gf-api-step-index{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:30px;color:var(--gf-color-text-inverse);background:var(--gf-color-brand-blue-primary);font-size:var(--gf-text-subtitle-size);line-height:28px}.gf-api-step h3,.gf-api-step-index{font-weight:var(--gf-font-weight-semibold)}.gf-api-step h3{margin:0;font-size:var(--gf-text-body-lg-size);line-height:24px}.gf-api-step p{margin:2px 0 0;color:var(--gf-color-text-hint);font-size:var(--gf-text-body-sm-size);line-height:24px}.gf-api-scenario-art{width:655px;max-width:100%;height:368px;overflow:hidden;border-radius:12px}.gf-api-scenario-art img{width:100%;height:100%;object-fit:cover}@media (max-width:1549px){.gf-api-hero-art{left:max(calc(var(--gf-api-hero-art-left) - var(--gf-api-hero-art-shift)),calc(var(--gf-api-hero-art-left) - (var(--gf-api-hero-canvas) - 100%)))}}@media (max-width:1390px){.gf-api-hero-inner{overflow:hidden}}@media (max-width:1280px){.gf-api-hero h1{font-size:clamp(40px,4vw,50px)}.gf-api-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gf-api-scenario-art{width:min(655px,48%);height:auto;aspect-ratio:655/368}}@media (max-width:1100px){.gf-api-capabilities-heading{flex-direction:column;align-items:flex-start;gap:16px}.gf-api-capabilities-heading>p{text-align:left}.gf-api-scenario-body{flex-direction:column;align-items:stretch}.gf-api-scenario-art,.gf-api-steps{width:100%}}@media (max-width:768px){.gf-api-hero-copy{--gf-api-hero-copy-left:20px}.gf-api-advantage-grid{grid-template-columns:1fr}}@media (max-width:700px){.gf-page-wrap{width:min(100% - 40px,560px)}.gf-api-hero-copy{padding-top:54px}.gf-api-hero h1{font-size:var(--gf-ppe-text-hero-mobile-size);line-height:44px}.gf-api-hero-description{margin-top:18px;font-size:var(--gf-ppe-text-body-mobile-size);line-height:24px}.gf-api-hero-copy .gf-button{margin-top:28px}.gf-api-advantages,.gf-api-capabilities,.gf-api-scenarios{padding:64px 0}.gf-api-advantages h2,.gf-api-capabilities h2,.gf-api-scenarios h2{font-size:var(--gf-ppe-text-heading-mobile-size);line-height:44px}.gf-api-advantage-grid,.gf-api-capability-grid{gap:18px;margin-top:36px}.gf-api-capability-grid{grid-template-columns:1fr}.gf-api-capability-card{min-height:0}}@media (max-width:540px){.gf-api-hero-copy{--gf-api-hero-copy-left:16px}}@media (prefers-reduced-motion:reduce){.gf-api-hero{transition:none}}