:root{
  --ink:#0b1220;
  --muted:#475569;
  --line:#d7e1ed;
  --paper:#f5f8fc;
  --lime:#2457e6;
  --orange:#2457e6;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --reference-blue:#2457e6;
  --reference-blue-dark:#1d4ed8;
  --reference-navy:#0b1730;
  --reference-border:#d7e1ed;
  --reference-card-radius:16px;
  --reference-panel-radius:24px;
}
html,body{background:#f5f8fc;color:#0b1220;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;letter-spacing:0}
body{color:#0b1220}
a{color:inherit}
.header{height:72px;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(0,0,0,.06);backdrop-filter:blur(20px)}
.brand{font-size:18px;color:#0b1220;letter-spacing:0}
.brand img{border-radius:8px}
.brand-dot{color:#2457e6}
.nav{gap:21px}
.nav a{font-size:13px;color:#475569}
.nav a:hover,.nav a.current,.text-link:hover{color:#2457e6}
.nav-cta{border:0;border-radius:999px;background:#2457e6;color:#fff;padding:11px 17px;font-size:12px}
.nav-cta span{color:#fff;opacity:.8}
.nav-cta:hover{background:#1d4ed8;color:#fff;box-shadow:0 8px 20px rgb(36 87 230 / 20%)}
.hero{min-height:min(82vh,760px);display:flex;flex-direction:column;justify-content:center;gap:0;padding-top:82px;padding-bottom:72px;text-align:center;overflow:hidden}
.hero-copy{width:min(100%,920px);padding:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #dbe6f5;border-radius:999px;background:#fff;color:#475569;font:500 11px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}
.pulse{background:#2457e6;box-shadow:0 0 0 4px #e8efff}
.hero h1{max-width:100%;font-size:60px;line-height:1.2;font-weight:650;letter-spacing:0;margin:24px 0 18px}
.hero h1 span{color:#2457e6}
.mobile-only-break{display:none}
.hero-lede{max-width:760px;font-size:17px;line-height:1.8;color:#475569;margin:0 0 27px}
.hero-actions{gap:14px;justify-content:center}
.button{height:54px;padding:0 23px;border-radius:999px;font-size:14px;gap:13px}
.button-primary{background:#2457e6;color:#fff;box-shadow:0 8px 24px rgb(36 87 230 / 18%)}
.button-primary:hover{background:#1d4ed8}
.button-primary span{color:#fff}
.button-quiet{background:#fff;border:1px solid #d7e1ed;color:#0b1730}
.button-quiet span{color:#2457e6}
.button-quiet:hover{background:#edf3ff;border-color:#b9c9e7}
.button-provider{background:#edf3ff;border-color:#dbe6f5;color:#2457e6}
.button-provider span{color:#2457e6}
.hero-note{margin-top:23px;color:#64748b;font-size:12px}
.hero-note .check{background:#e7efff;color:#2457e6}
.product-art,.hero-index{display:none}
.platform-strip{background:#fff;border-color:#d7e1ed}
.strip-inner{min-height:84px}
.strip-label{color:#64748b;font-size:12px}
.platform-list{gap:10px}
.platform-list a{min-height:42px;padding:0 14px;border:1px solid #d7e1ed;border-radius:999px;background:#fff;color:#0b1730;font-size:15px}
.platform-list a:hover{border-color:#aebfe0;background:#f6f9ff;color:#2457e6}
.platform-list a span{font-size:12px}
.strip-link,.strip-link span{color:#2457e6}
.section{padding-top:88px;padding-bottom:88px}
.section-kicker{color:#2457e6;font-size:10px}
.section-heading h2,.provider-intro h2,.guide-title h2,.faq-heading h2{color:#0b1220;letter-spacing:0}
.section-heading>p{color:#64748b;font-size:13px}
.feature-grid{gap:16px}
.feature-card{min-height:304px;padding:25px;background:#fff;border:1px solid #d7e1ed;border-radius:16px;box-shadow:0 8px 24px rgb(11 23 48 / 5%)}
.feature-main{background:#fff;color:#0b1220;border-color:#d7e1ed}
.feature-number,.feature-main .feature-number{color:#64748b}
.feature-main p,.feature-card p{color:#475569;font-size:12px}
.feature-card h3{color:#0b1220}
.feature-icon{border-radius:11px}
.icon-lime{background:#edf3ff;color:#2457e6}
.icon-orange{background:#eaf4ff;color:#12639a}
.icon-blue{background:#eff4ff;color:#536aa0}
.rule-visual{border-color:#e3eaf3;color:#475569}
.rule-visual b{color:#2457e6}
.dot-purple{background:#7c6dd8}.dot-lime{background:#2457e6}.dot-orange{background:#1689a7}
.protocol-chips span{border-color:#d7e1ed;background:#f9fbfe;color:#475569;border-radius:999px}
.mini-stats div{background:#f5f8fc;border-radius:8px}
.mini-stats i{background:#2457e6}.mini-stats div:nth-child(2) i{background:#6c9bf2}.mini-stats div:nth-child(3) i{background:#71b3c5}
.downloads-band{background:#f0f4f9;border-color:#e3eaf3}
.downloads-wrap{padding-top:76px;padding-bottom:76px}
.download-card{min-height:174px;padding:18px 16px 0;border:1px solid #d7e1ed;border-radius:16px;box-shadow:0 8px 24px rgb(11 23 48 / 5%)}
.download-card:hover{border-color:#aebfe0;box-shadow:0 12px 32px rgb(15 23 42 / 10%)}
.download-link{border-radius:999px;border-color:#d7e1ed;color:#2457e6}
.download-link:hover{background:#2457e6;color:#fff}
.download-foot{border-color:#e3eaf3}
.download-foot a,.card-provider-link{color:#2457e6!important}
.download-caption{color:#64748b}
.providers-section{gap:64px}
.provider-row{border-color:#d7e1ed}
.provider-row:first-child{border-color:#d7e1ed}
.provider-row:hover{background:#f0f4f9}
.provider-mark{border-radius:11px}
.provider-arrow{color:#2457e6}
.provider-label{border-color:#d7e1ed;border-radius:999px;background:#fff;color:#475569}
.provider-source{color:#64748b}
.text-link{color:#2457e6}
.guide-band{background:#0b1730;color:#f8fafc}
.guide-band .section-kicker{color:#9db8ff}
.guide-title h2{color:#fff}
.guide-title>p,.guide-steps p{color:#b9c7dc}
.guide-steps article{border-color:rgb(255 255 255 / 16%)}
.guide-steps article>span,.guide-steps article>b{color:#9db8ff}
.faq-section{background:#f5f8fc}
.faq-list details,.faq-list details:first-child{border-color:#d7e1ed}
.faq-list summary{color:#0b1730}
.faq-list summary span{color:#2457e6}
.faq-list details p{color:#475569}
.footer{border-color:#d7e1ed;background:#fff}
.footer-bottom{border-color:#e3eaf3;color:#64748b}
.footer-bottom a{color:#2457e6}
.subhero{background:#fff;border:1px solid #e3eaf3;border-radius:24px;margin-top:26px;padding:54px 58px;min-height:340px;box-shadow:0 8px 24px rgb(11 23 48 / 5%)}
.subhero-copy{max-width:760px}
.subhero .eyebrow{background:#f9fbfe}
.subhero h1{font-size:48px;color:#0b1220}
.subhero h1 span{color:#2457e6}
.subhero-copy>p{font-size:14px;color:#475569}
.subhero-stamp{border-color:#d7e1ed;background:#f0f4f9}
.subhero-stamp:before,.subhero-stamp:after{border-color:#d7e1ed}
.subhero-stamp>span{color:#2457e6}
.subhero-stamp>b{background:#f0f4f9;color:#64748b}
.platform-page-content{padding-top:58px;padding-bottom:68px}
.platform-download-card,.client-card,.docs-grid article{border:1px solid #d7e1ed;border-radius:16px;box-shadow:0 8px 24px rgb(11 23 48 / 5%)}
.platform-download-card:hover{border-color:#aebfe0;box-shadow:0 12px 32px rgb(15 23 42 / 10%)}
.platform-card-arrow,.platform-card-link b{color:#2457e6}
.platform-card-link{border-color:#e3eaf3;color:#2457e6}
.release-list,.release-row{border-color:#d7e1ed}
.release-badge{background:#edf3ff;color:#2457e6;border-radius:999px}
.badge-neutral{background:#f0f4f9;color:#475569}
.release-action{background:#2457e6;border-radius:999px}
.release-action:hover{background:#1d4ed8}
.release-action b{color:#fff}
.release-source{color:#2457e6}
.release-buttons .button-provider{height:38px;border-radius:999px;background:#edf3ff;border-color:#dbe6f5;color:#2457e6}
.release-buttons .button-provider span{color:#2457e6}
.notice-line{color:#64748b}
.notice-line>span{border-color:#b9c9e7;color:#2457e6}
.platform-switch{background:#fff;border-color:#d7e1ed}
.platform-switch a{color:#475569}
.platform-switch a b,.platform-switch .all-platforms{color:#2457e6}
.client-card{min-height:276px}
.client-symbol{border-radius:11px}
.client-actions{border-color:#e3eaf3}
.client-actions a,.tutorial-steps a,.docs-grid a{color:#2457e6}
.tutorial-steps,.tutorial-steps article{border-color:#d7e1ed}
.tutorial-index,.tutorial-steps a b,.docs-number{color:#2457e6}
.tutorial-step-art{background:#edf3ff;border-color:#d7e1ed;border-radius:14px}
.step-config{background:#f0f9ff}.step-route{background:#eff4ff}
.docs-grid article{min-height:190px}
.docs-grid h3{color:#0b1730}
.docs-grid p,.tutorial-steps p{color:#475569}
.faq-page-list details,.faq-page-list details:first-child{border-color:#d7e1ed}
.providers-promo{background:#f0f4f9;border-color:#d7e1ed}
.providers-promo-card{border:1px solid #d7e1ed;border-radius:14px;box-shadow:0 8px 24px rgb(11 23 48 / 5%)}
.providers-promo-card:hover{border-color:#aebfe0;box-shadow:0 12px 30px rgb(15 23 42 / 9%)}
.providers-promo-heading>a,.providers-promo-source a{color:#2457e6}
.providers-promo-source{color:#64748b}
@media(max-width:900px){.hero{min-height:660px}.hero h1{font-size:50px}.product-art{display:none}.platform-list{gap:7px}.platform-list a{padding:0 10px}.subhero{padding:38px 32px}.subhero h1{font-size:42px}}
@media(max-width:640px){
  .header{height:64px}
  .header{height:auto;min-height:64px}
  .nav-wrap{position:relative;display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:12px;padding-bottom:10px}
  .nav-cta,.menu-toggle{display:none!important}
  .nav{position:static;display:flex!important;order:2;flex:0 0 100%;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:0 15px;margin:10px 0 0}
  .nav a{font-size:10px;white-space:nowrap}
  .hero.wrap{width:calc(100% - 36px);max-width:700px;margin-inline:auto;padding-inline:18px}
  .hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:620px;padding:61px 18px 54px}
  .hero-copy,.hero h1,.hero-lede,.hero-actions{width:100%;min-width:0;max-width:100%}
  .hero-copy{position:relative;left:-50px;right:auto;top:auto;width:calc(100% + 100px);padding:0 50px;align-self:center;margin:0;transform:none}
  .hero h1{font-size:34px;line-height:1.28;margin:22px 0 14px;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}
  .mobile-only-break{display:block}
  .hero-lede{max-width:320px;font-size:14px;line-height:1.8;margin-bottom:22px;white-space:normal;overflow-wrap:anywhere}
  .hero-actions{display:grid;grid-template-columns:max-content max-content;justify-content:center;gap:8px}
  .hero-actions .button{height:47px;padding:0 14px;font-size:11px}
  .hero-note{font-size:10px;margin-top:17px}
  .strip-inner{min-height:120px;overflow:hidden}
  .platform-list{width:100%;gap:6px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}
  .platform-list a{min-height:36px;padding:0 8px;font-size:13px}
  .platform-list a span{font-size:9px}
  .feature-card{border-radius:14px}
  .downloads-wrap{padding-top:58px;padding-bottom:58px}
  .download-card{border-radius:14px}
  .subhero{margin-top:12px;padding:30px 18px;min-height:0;border-radius:18px;gap:8px}
  .subhero h1{font-size:34px;line-height:1.24}
  .subhero-copy>p{font-size:11px}
  .subhero-stamp{width:75px;height:75px;margin-top:18px}
  .subhero-stamp>span{font-size:18px}
  .subhero-stamp small{font-size:5px}
  .subhero-copy .hero-actions .button{height:40px;font-size:8px;padding:0 7px;gap:5px}
  .release-buttons .release-action{padding:8px 8px}
  .release-buttons .button-provider{height:31px;padding:0 6px;font-size:8px!important}
  .providers-promo-card{border-radius:12px}
}