@charset "UTF-8";
:root{--ink:#173c5b;--muted:#647e94;--blue:#1865b1;--line:#d9e5ef;--paper:#f5f9fe;font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:110px}*{box-sizing:border-box}body{margin:0;background:#fbfdff;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #db781e;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,h4,p,figure{margin:0}::selection{background:#c7e2ff}.wrap{max-width:1240px;width:calc(100% - 112px);margin:auto}.skip-link{position:fixed;left:16px;top:-100px;background:#fff;padding:16px;z-index:1000}.skip-link:focus{top:12px}
.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:84px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce7ef;background:#f9fcffed;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:22px}.brand img{width:130px}.brand span{border-left:1px solid #cad8e5;padding-left:20px;font-size:12px;letter-spacing:1px;color:#60788f}.nav-links{display:flex;align-items:center;gap:26px;font-size:14px}.nav-links>a:not(.nav-cta):hover{color:var(--blue)}.nav-links .nav-cta{padding:11px 20px;border-radius:4px;background:#165fa9;color:#fff}.nav-links .nav-cta:hover,.nav-links .nav-cta:focus-visible{background:#0c4c8d;color:#fff}.menu-toggle{display:none}
.story{height:290svh;position:relative;background:#f1f7fd}.stage{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 52% 48%,#e4effa 0,#f2f7fc 63%,#fbfdff 100%)}.story-controls{position:absolute;z-index:8;left:48px;right:48px;bottom:0;height:78px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cfdeea}.chapter-nav{display:flex;gap:32px;height:100%;align-items:center}.chapter-nav button{height:100%;padding:19px 0;background:transparent;color:#6c8396;font-size:14px;position:relative}.chapter-nav button.active{color:#155c9c}.chapter-nav button.active:after{position:absolute;content:"";top:-1px;left:0;right:0;height:2px;background:#1764b4}.scene-more{font-size:14px;color:#567a97}.scene-more span{font-size:22px;margin-left:9px}.story-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#dce7f2;z-index:9}.story-progress span{display:block;width:0;height:100%;background:#2269af}
.eyebrow{font-size:14px;letter-spacing:1px;font-weight:500;line-height:1.6;color:#62829d}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 25px;border-radius:4px;font-size:16px;font-weight:550;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:#165faa;color:#fff}.primary:hover,.primary:focus-visible{background:#0c4c8d;color:#fff}.text-button{display:inline-flex;align-items:center;font-size:16px;padding:10px 0;color:#2b6089;border-bottom:1px solid #94b5cf}.inline-link{font-size:15px;color:#226499;border-bottom:1px solid #b0cbdc;padding-bottom:5px}.proof-band{background:#eaf3fc;border-block:1px solid #d9e7f3}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:48px 0;gap:40px}.proof-grid>div{border-left:1px solid #bdd4e8;padding-left:38px}.proof-grid strong{font-size:clamp(40px,5vw,68px);line-height:1.1;font-weight:550;letter-spacing:-2px;color:#1f5078}.proof-grid strong span{font-size:.4em;letter-spacing:0;margin-left:5px}.proof-grid p{font-size:16px;margin-top:17px;color:#63829b}
.products-section,.partners-section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}.section-heading h2,.integration-section h2,.center-heading h2{font-size:clamp(32px,3.2vw,45px);font-weight:550;line-height:1.35;letter-spacing:-1.2px;margin-top:16px}.section-heading>p{font-size:16px;line-height:1.9;color:var(--muted)}.flagship{display:grid;grid-template-columns:.9fr 1.6fr;gap:70px;background:#f0f6fd;border:1px solid #d5e4f2;border-radius:8px;padding:46px 50px}.product-code{font:14px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.3px;color:#7693a9}.flagship h3{font-size:39px;font-weight:550;margin:8px 0 13px}.flagship-title>p:last-of-type{font-size:16px;color:#5c7d96;line-height:1.8}.flagship .text-button{margin-top:22px}.flagship-detail>p{font-size:19px;line-height:1.9;color:#426884}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #c8dcec;margin-top:31px;padding-top:25px}.outcomes>div{display:flex;flex-direction:column;gap:12px}.outcomes strong{font-size:17px;font-weight:550}.outcomes span{font-size:14px;color:#66859d;white-space:nowrap}.catalog-heading{display:flex;align-items:center;justify-content:space-between;margin:58px 0 27px;gap:25px}.catalog-heading h3{font-size:23px;font-weight:500}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{padding:28px 25px 25px;background:#fff;border:1px solid #dae5ee;border-radius:6px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column;align-items:flex-start}.product-card:hover{transform:translateY(-5px);border-color:#9dbdd8;box-shadow:0 12px 35px #204f7710}.product-card h3{font-size:22px;font-weight:550;margin:10px 0 14px}.product-card p{font-size:15px;line-height:1.9;color:var(--muted);flex:1}.card-link{font-size:14px;color:#2d70a5;margin-top:26px}.secondary-services{display:flex;justify-content:flex-end;align-items:center;gap:22px;margin-top:28px;font-size:14px;color:#7a8fa0}.secondary-services a{color:#4e7493;border-bottom:1px solid #bdcfdc;padding-bottom:4px}
.agent-section{background:#eef5fe;border-block:1px solid #dce9f5;padding:100px 0}.agent-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:94px}.agent-section h2{font-size:clamp(34px,3.5vw,51px);font-weight:550;line-height:1.45;letter-spacing:-1px;margin:23px 0}.agent-section h2 span{color:#2974b7}.section-description{font-size:17px;line-height:1.95;color:#66849c}.agent-section .button{margin-top:29px}.skill-sheet{background:#fff;padding:36px 38px;border:1px solid #c7d9eb;box-shadow:9px 12px 0 #dfeaf7;transform:rotate(2deg);border-radius:3px;transition:transform .4s}.skill-sheet-top{display:flex;justify-content:space-between;font:13px/1.5 ui-monospace,monospace;letter-spacing:1px;color:#7291ad;border-bottom:1px solid #d3e1ed;padding-bottom:21px}.skill-sheet h3{font:36px/1.3 ui-monospace,SFMono-Regular,monospace;color:#264e6d;letter-spacing:-1px;margin-top:24px}.skill-sheet h3 span{color:#88a4be}.skill-sheet>p{font-size:16px;color:#7993a9;line-height:1.8;margin-top:8px}.skill-sheet dl{margin:25px 0 0}.skill-sheet dl>div{padding:23px 0;border-top:1px solid #d4e2ef}.skill-sheet dt{font-size:17px;font-weight:550;color:#386c93}.skill-sheet dd{margin:10px 0 0;font-size:14px;color:#7891a7;line-height:1.8}.center-heading{text-align:center}.center-heading h2{margin-top:12px}.center-heading>p:last-child{font-size:17px;line-height:1.9;margin-top:15px;color:#7a91a4}.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px;margin-top:46px}.partner-grid>a{min-height:142px;background:#e4eeff;border:1px solid #d1dff3;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;transition:background .2s}.partner-grid>a:hover{background:#dbe8fc}.partner-grid img{width:180px;height:55px;object-fit:contain}.partner-grid span{font-size:14px;color:#526d88}
.integration-section{padding:85px 0;background:#f1f7fc;border-block:1px solid #e0eaf2}.integration-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.integration-section .section-description{margin-top:23px}.integration-links{display:grid;gap:18px}.integration-links>a{background:#fff;padding:25px 28px;border:1px solid #d8e5ee;border-radius:5px;transition:border-color .2s}.integration-links>a:hover{border-color:#8bb3d2}.integration-links span{font-size:14px;color:#5e8ba9}.integration-links strong{display:block;font-size:21px;font-weight:500;margin:8px 0 9px}.integration-links p{font-size:15px;color:#7890a4}.closing-section{padding:78px 0;background:#fff}.closing-inner{display:flex;justify-content:space-between;gap:35px;align-items:center}.closing-section h2{font-size:37px;line-height:1.5;font-weight:550;letter-spacing:-1px;margin-top:12px}.closing-section h2 span{color:#327eb6}.closing-actions{display:flex;align-items:center;gap:28px}
dialog{border:1px solid #dce7ef;padding:34px;width:min(390px,calc(100% - 38px));border-radius:10px;color:#294e6b;box-shadow:0 28px 90px #1437533b}dialog::backdrop{background:#15334c66;backdrop-filter:blur(5px)}dialog h2{font-size:22px;margin-bottom:20px}dialog img{width:240px;margin:auto}dialog p{font-size:14px;text-align:center;margin-top:17px;color:#72899b}.dialog-close{position:absolute;right:12px;top:8px;font-size:29px;background:transparent;line-height:1}
@media(max-width:1100px){.brand span{display:none}.site-header{padding:0 30px}.nav-links{gap:20px}.wrap{width:calc(100% - 70px)}.product-grid{grid-template-columns:repeat(2,1fr)}.flagship{gap:35px;padding:35px}.agent-grid{gap:45px}.skill-sheet{padding:28px}.skill-sheet h3{font-size:31px}.partner-grid img{width:150px}.outcomes{gap:10px}.outcomes span{font-size:12px}}
@media(max-width:800px){:root{scroll-padding-top:90px}.site-header{height:70px;padding:0 22px}.brand img{width:112px}.menu-toggle{display:flex;width:36px;height:36px;padding:8px 4px;flex-direction:column;justify-content:center;gap:7px;background:transparent}.menu-toggle span{display:block;width:25px;height:1.5px;background:#2a5475}.nav-links{position:absolute;top:69px;left:0;right:0;padding:23px;max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain;background:#f9fcff;border-bottom:1px solid #dce7ef;display:none;align-items:stretch;gap:0;box-shadow:0 16px 25px #203c5810}.nav-links.open{display:flex;flex-direction:column}.nav-links>a{font-size:16px;padding:13px 0}.nav-links .nav-cta{margin-top:9px;text-align:center}.wrap{width:calc(100% - 44px)}.story{height:255svh}.stage{min-height:650px}.story-controls{left:20px;right:20px;height:64px}.chapter-nav{gap:23px;width:100%;justify-content:space-between}.chapter-nav button{font-size:13px}.scene-more{display:none}.proof-grid{gap:10px;padding:30px 0}.proof-grid>div{padding-left:14px}.proof-grid strong{font-size:34px;letter-spacing:-1px}.proof-grid p{font-size:12px;line-height:1.6;margin-top:11px}.products-section,.partners-section{padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.integration-section h2,.center-heading h2{font-size:31px;margin-top:11px}.section-heading>p{margin-top:20px;font-size:16px}.flagship{display:block;padding:28px}.flagship h3{font-size:32px}.flagship-detail{margin-top:29px;border-top:1px solid #cfdeed;padding-top:22px}.flagship-detail>p{font-size:16px;line-height:1.9}.outcomes{gap:15px;margin-top:22px;padding-top:22px;grid-template-columns:1fr}.outcomes>div{display:flex;flex-direction:row;justify-content:space-between;gap:8px}.outcomes strong{font-size:15px}.outcomes span{font-size:13px}.catalog-heading{display:block;margin:37px 0 22px}.catalog-heading h3{font-size:21px;line-height:1.5;margin-bottom:14px}.catalog-heading .inline-link{font-size:14px}.product-grid{gap:12px}.product-card{padding:23px 18px}.product-card h3{font-size:20px;line-height:1.5;margin:9px 0 11px}.product-card p{font-size:14px;line-height:1.8}.product-code{font-size:12px}.card-link{font-size:13px;margin-top:18px}.secondary-services{justify-content:flex-start;gap:18px;flex-wrap:wrap;font-size:13px;line-height:1.6}.agent-section{padding:65px 0}.agent-grid{grid-template-columns:1fr;gap:45px}.agent-section h2{font-size:38px;line-height:1.4;margin:18px 0}.section-description{font-size:16px;line-height:1.9}.skill-sheet{margin:0 6px 0 0;padding:27px}.skill-sheet h3{font-size:31px}.skill-sheet>p{font-size:15px}.skill-sheet dt{font-size:16px}.skill-sheet dd{font-size:14px}.skill-sheet dl>div{padding:19px 0}.center-heading>p:last-child{font-size:15px}.partner-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.partner-grid>a{min-height:120px;gap:12px}.partner-grid img{width:135px;height:46px}.partner-grid span{font-size:13px}.integration-section{padding:65px 0}.integration-inner{grid-template-columns:1fr;gap:32px}.integration-links>a{padding:23px}.integration-links strong{font-size:20px}.integration-links p{font-size:14px}.closing-section{padding:55px 0}.closing-inner{display:block}.closing-section h2{font-size:31px;max-width:330px}.closing-section h2 span{display:block}.closing-actions{margin-top:25px;gap:24px}}
@media(max-width:390px){.proof-grid strong{font-size:29px}.proof-grid>div{padding-left:10px}.proof-grid p{font-size:11px}.product-grid{grid-template-columns:1fr}.skill-sheet h3{font-size:27px}.chapter-nav{gap:14px}.chapter-nav button{font-size:12px}}
@media(min-width:801px) and (max-height:700px){.stage{min-height:580px}.site-header{height:70px}.story-controls{height:65px}}

/* Restore the original Skill card straighten-on-hover; touch keeps its resting pose. */
@media(hover:hover) and (pointer:fine){.skill-sheet:hover{transform:rotate(0)}}

/* Service figures animate only on their first entry into the viewport. */
.proof-grid strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.proof-grid strong .proof-value{display:inline-block;font:inherit;letter-spacing:inherit;margin:0;transform-origin:center 70%}
.proof-milestone{animation:proof-milestone .4s ease-in-out both}
@keyframes proof-milestone{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}

/* Service scale: three clear color families, with readable solid-color figures. */
.proof-band{
  background:linear-gradient(110deg,#edf5ff 0%,#edfbf7 52%,#f3efff 100%);
  border-block-color:#cbdcec;
}
.proof-band .proof-grid{gap:22px;padding:36px 0}
.proof-band .proof-grid>div{
  --proof-accent:#155cba;
  --proof-tint:#dfedff;
  min-width:0;
  padding:23px 28px 25px;
  border:0;
  border-top:4px solid var(--proof-accent);
  border-radius:12px;
  background:linear-gradient(135deg,var(--proof-tint),#fff);
  box-shadow:0 8px 22px #244d7310,inset 0 0 0 1px #ffffffb8;
}
.proof-band .proof-grid>div:nth-child(2){--proof-accent:#087667;--proof-tint:#ddf5ef}
.proof-band .proof-grid>div:nth-child(3){--proof-accent:#6240b4;--proof-tint:#ece5ff}
.proof-band .proof-grid strong{color:var(--proof-accent);font-weight:600}
.proof-band .proof-grid p{color:#334b65;line-height:1.65;font-weight:500;margin-top:14px}
@media(max-width:800px){
  .proof-band .proof-grid{gap:12px;padding:28px 0}
  .proof-band .proof-grid>div{padding:19px 14px 20px;border-radius:9px}
  .proof-band .proof-grid p{margin-top:11px}
}
@media(max-width:600px){
  .proof-band .proof-grid{gap:8px;padding:24px 0}
  .proof-band .proof-grid>div{padding:17px 8px 18px;border-top-width:3px;border-radius:7px}
  .proof-band .proof-grid strong{font-size:clamp(21px,6.8vw,34px);letter-spacing:-1px}
  .proof-band .proof-grid strong span:not(.proof-value){margin-left:3px}
}

/* Original, locally hosted mini-program code: trial comes before marketplaces. */
.trial-section{padding:82px 0;background:#f4f8ff;border-bottom:1px solid #dce6f3}
.trial-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);align-items:center;gap:60px}
.trial-copy h2{font-size:clamp(32px,3.3vw,44px);font-weight:550;line-height:1.4;letter-spacing:-1px;margin-top:13px}
.trial-copy .section-description{margin-top:20px;color:#526f87}.trial-copy .button{margin-top:26px}
.miniapp-trial{display:grid;grid-template-columns:196px minmax(0,1fr);align-items:center;gap:22px;padding:24px;border:1px solid #d4e1f0;border-radius:12px;background:#fff;min-width:0;margin:0}
.miniapp-code{display:block;width:196px;max-width:100%;padding:10px;background:#fff;border:1px solid #e0e9f1;border-radius:8px}
.miniapp-code img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.miniapp-trial-copy{min-width:0}.miniapp-trial-copy h3{font-size:20px;font-weight:550;line-height:1.5;color:#214968}
.miniapp-trial-copy p{margin-top:10px;font-size:15px;line-height:1.8;color:#5c7891}
.miniapp-original{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:9px;color:#2d70a5;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.miniapp-code:focus-visible,.miniapp-original:focus-visible{outline:3px solid #db781e;outline-offset:4px}
@media(max-width:1080px) and (min-width:801px){.trial-inner{gap:38px}.miniapp-trial{grid-template-columns:164px minmax(0,1fr);gap:18px;padding:21px}.miniapp-code{width:164px}}
@media(max-width:800px){.trial-section{padding:62px 0}.trial-inner{grid-template-columns:1fr;gap:32px}.trial-copy h2{font-size:34px}.miniapp-trial{max-width:520px}}
@media(max-width:480px){.miniapp-trial{grid-template-columns:148px minmax(0,1fr);gap:16px;padding:20px}.miniapp-code{width:148px;padding:7px}.miniapp-trial-copy h3{font-size:18px}.miniapp-trial-copy p{font-size:14px}}
@media(max-width:359px){.miniapp-trial{grid-template-columns:1fr;justify-items:center;text-align:center}.miniapp-code{width:192px}.miniapp-trial-copy p br{display:none}.miniapp-trial-copy h3 br{display:none}}