:root{--ink:#142033;--muted:#637087;--line:#e3e9f1;--page:#f3f6fa;--blue:#2457e6;--teal:#18a6a6;--navy:#102238;--radius:14px}
html,body{background:var(--page);color:var(--ink)}
.header{height:70px;background:rgba(255,255,255,.94);border-bottom:1px solid #e4e9f0;backdrop-filter:blur(16px)}
.nav-wrap{width:min(1240px,calc(100% - 72px))}
.brand{font-size:18px;font-weight:750}
.brand img{width:30px;height:30px}
.nav{gap:8px;margin:0}
.nav a{padding:10px 12px;border-radius:999px;transition:background .18s,color .18s}
.nav a:hover,.nav a.current{background:#edf3ff;color:var(--blue)}
.nav-cta{padding:12px 17px;box-shadow:0 5px 14px rgb(36 87 230 / 16%)}
.hero.wrap{width:min(1240px,calc(100% - 72px));max-width:1240px}
.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr);gap:52px;min-height:600px;padding-top:48px;padding-bottom:58px;text-align:left;overflow:visible}
.hero-copy{width:100%;max-width:600px;align-items:flex-start;text-align:left;padding:0}
.eyebrow{border-radius:999px;padding:8px 12px;background:#fff;border-color:#dfe8f5;color:#42536a;font-size:10px}
.pulse{background:#18a6a6;box-shadow:0 0 0 4px #e2f5f3}
.hero h1{font-size:clamp(46px,5vw,66px);line-height:1.14;font-weight:700;color:#13243a;margin:23px 0 17px;text-wrap:balance}
.hero h1 span{color:var(--blue)}
.hero-lede{max-width:500px;margin:0 0 25px;color:#607087;font-size:15px;line-height:1.9}
.hero-actions{justify-content:flex-start;gap:10px}
.button{height:49px;padding:0 18px;border-radius:9px;font-size:12px;gap:12px}
.button-primary{background:var(--blue);box-shadow:0 7px 18px rgb(36 87 230 / 20%)}
.button-primary:hover{background:#1948c7;box-shadow:0 10px 24px rgb(36 87 230 / 24%)}
.button-quiet{background:#fff;border-color:#d9e1eb;color:#273951}
.button-quiet:hover{background:#f4f8ff;border-color:#b7c9e8}
.button-provider{background:#e9f6f5;border-color:#d5ece9;color:#117b7a}
.button-provider span{color:#117b7a}
.hero-note{margin-top:20px;font-size:10px;color:#7a8797}
.hero-note .check{background:#e2f5f3;color:#138783}
.product-art{display:grid;width:100%;height:400px;padding:25px;border-radius:22px;background:#e6edf6;position:relative;isolation:isolate}
.product-art:before{content:"";position:absolute;z-index:-1;inset:0 0 0 22%;border-radius:22px;background:#dce7f4}
.art-glow{display:none}
.app-window{width:min(100%,510px);justify-self:center;border-radius:13px;border-color:#dce5ef;box-shadow:0 22px 52px rgb(24 43 70 / 18%);transform:rotate(-1deg)}
.window-bar{height:38px;background:#fff}
.window-status{color:#118b85!important}
.window-status i{background:#25b8a9}
.app-content{min-height:300px}
.app-sidebar{width:48px;background:#f9fbfd;border-color:#e8edf3}
.side-mark{border-radius:8px;background:var(--navy);color:#8fe2d7}
.side-active{border-radius:8px;background:#e7f6f5;color:#108d88}
.app-main{padding:19px 21px}
.app-heading h2{color:#172b43}
.avatar{background:#e4f3f4;color:#167f82}
.traffic-card{background:#f6f8fb;border-color:#e6ecf3;border-radius:9px}
.chart i{background:#53b9b2}
.route-heading span+span{border-radius:999px;border-color:#e1e8ef}
.route-icon{border-radius:8px}
.route-green{background:#e5f5ee;color:#20835e}.route-orange{background:#fff2e8;color:#c66b36}.route-blue{background:#edf2fa;color:#5776a3}
.row-check{background:#daf3e7;color:#267b57}
.art-tag{border-radius:8px;box-shadow:0 9px 25px rgb(24 43 70 / 12%);border-color:#e1e8ef;color:#40516a}
.tag-top{right:0;top:39px;transform:rotate(2deg)}
.tag-top span,.tag-signal{color:#138c87}
.tag-bottom{left:0;bottom:35px;transform:rotate(-2deg)}
.hero-index{display:none}
.platform-strip{background:#fff;border-color:#e2e8f0}
.strip-inner{min-height:80px;gap:18px}
.platform-list{gap:8px}
.platform-list a{height:38px;padding:0 12px;border:1px solid #e2e8f0;border-radius:9px;background:#f9fbfd;color:#42536a;font-weight:600}
.platform-list a:hover{background:#edf4ff;border-color:#cbdaf1;color:var(--blue)}
.section{padding-top:84px;padding-bottom:84px}
.section-heading h2,.provider-intro h2,.guide-title h2,.faq-heading h2{color:#17273d;font-size:32px}
.section-kicker{color:#148d89;font-size:9px}
.feature-grid{gap:12px}
.feature-card{min-height:292px;padding:22px;border-radius:12px;border-color:#e1e7ef;box-shadow:0 5px 18px rgb(22 42 67 / 4%)}
.feature-main{background:#132b43;color:#fff;border-color:#132b43}
.feature-number{color:#7d8fa4}
.feature-main .feature-number{color:#9eb0c4}
.feature-icon{width:34px;height:34px;border-radius:9px;margin:25px 0 15px}
.icon-lime{background:#dff4ef;color:#167f79}.icon-orange{background:#fff0e6;color:#bf6b42}.icon-blue{background:#ebf1fc;color:#536ea4}
.feature-card h3{font-size:18px;color:#17273d}
.feature-main h3{color:#fff}
.feature-card p{color:#748298}
.feature-main p{color:#bdcad8}
.rule-visual{border-color:#39516a;color:#cad5e0}
.rule-visual b{color:#84dbd1}
.dot-purple{background:#a89ce8}.dot-lime{background:#43beb1}.dot-orange{background:#efa36e}
.protocol-chips span{border-color:#e3e9f0;background:#f9fbfd;color:#617087;border-radius:6px}
.mini-stats div{background:#f5f8fb;border-radius:7px}
.mini-stats i{background:#45b9ae}.mini-stats div:nth-child(2) i{background:#779ae1}.mini-stats div:nth-child(3) i{background:#e4a36a}
.downloads-band{background:#eaf0f6;border-color:#e1e7ef}
.download-card{border-radius:11px;border-color:#e1e7ef;box-shadow:0 5px 18px rgb(22 42 67 / 4%)}
.download-card:hover{border-color:#bdd0e9;box-shadow:0 12px 25px rgb(22 42 67 / 10%)}
.download-link{width:31px;height:31px;border-radius:9px;color:#2457e6}
.download-link:hover{background:#2457e6;color:#fff}
.download-foot{border-color:#edf0f4}
.providers-section{gap:58px}
.provider-row{border-color:#e1e7ef}
.provider-row:first-child{border-color:#e1e7ef}
.provider-row:hover{background:#f3f7fb}
.provider-mark{border-radius:9px}
.provider-arrow{color:#148d89}
.provider-label{border-radius:999px;border-color:#e2e8f0;color:#6e7d90}
.text-link{color:#148d89}
.guide-band{background:#132b43}
.guide-band .section-kicker{color:#78d2c9}
.guide-steps article{border-color:#385069}
.guide-steps article>span,.guide-steps article>b{color:#78d2c9}
.faq-list details,.faq-list details:first-child{border-color:#e0e7ef}
.faq-list summary span{color:#148d89}
.footer{background:#fff;border-color:#e1e7ef}
.footer-bottom{border-color:#edf0f4}
.footer-bottom a{color:#148d89}
.subhero{margin-top:24px;padding:48px 52px;min-height:320px;border-radius:20px;border-color:#e1e7ef;background:#fff;box-shadow:0 7px 24px rgb(22 42 67 / 5%)}
.subhero h1{font-size:46px;line-height:1.2}
.subhero-stamp{background:#e9f3f5;border-color:#d5e4ec}
.subhero-stamp:before,.subhero-stamp:after{border-color:#d3e1e9}
.subhero-stamp>span{color:#148d89}
.subhero-stamp>b{background:#e9f3f5}
.platform-download-card,.client-card,.docs-grid article{border-radius:12px;border-color:#e1e7ef;box-shadow:0 5px 18px rgb(22 42 67 / 4%)}
.platform-download-card:hover{border-color:#bdd0e9;box-shadow:0 12px 25px rgb(22 42 67 / 10%)}
.platform-card-arrow,.platform-card-link b{color:#148d89}
.release-list,.release-row{border-color:#e1e7ef}
.release-badge{background:#e2f4ee;color:#217752}
.badge-neutral{background:#edf2f7;color:#53647b}
.release-action{background:#2457e6;border-radius:8px}
.release-action:hover{background:#1948c7}
.release-action b{color:#fff}
.release-buttons .button-provider{border-radius:8px;background:#e9f6f5;border-color:#d5ece9;color:#117b7a}
.release-buttons .button-provider span{color:#117b7a}
.notice-line>span{border-color:#c7d7df;color:#148d89}
.platform-switch{background:#fff;border-color:#e1e7ef}
.platform-switch a b,.platform-switch .all-platforms{color:#148d89}
.client-card{min-height:270px}
.client-actions{border-color:#e8edf3}
.client-actions a,.tutorial-steps a,.docs-grid a{color:#148d89}
.tutorial-steps,.tutorial-steps article{border-color:#e1e7ef}
.tutorial-index,.tutorial-steps a b,.docs-number{color:#148d89}
.tutorial-step-art{background:#e8f2f5;border-color:#dae6ed;border-radius:10px}
.step-config{background:#edf5f5}.step-route{background:#edf1f9}
.providers-promo{background:#eaf0f6;border-color:#e1e7ef}
.providers-promo-card{border-radius:11px;border-color:#e1e7ef;box-shadow:0 5px 18px rgb(22 42 67 / 4%)}
.providers-promo-card:hover{border-color:#bdd0e9;box-shadow:0 12px 24px rgb(22 42 67 / 9%)}
.providers-promo-heading>a,.providers-promo-source a{color:#148d89}
@media(max-width:900px){
  .hero.wrap{width:min(100% - 40px,760px)}
  .hero{grid-template-columns:minmax(0,.9fr) minmax(330px,1.1fr);gap:24px;min-height:560px}
  .hero h1{font-size:45px}
  .product-art{height:360px;padding:18px}
  .app-main{padding:16px}
  .platform-list{gap:6px}
  .platform-list a{padding:0 9px;font-size:13px}
  .platform-list a span{font-size:10px}
  .subhero{padding:36px 30px}
}
@media(max-width:640px){
  .nav-wrap{width:calc(100% - 36px);position:relative}
  .nav-cta{display:none}
  .menu-toggle{display:flex;width:38px;height:38px;border:1px solid #e0e7ef;border-radius:10px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px}
  .nav{display:none;position:absolute;top:56px;left:0;right:0;margin:0;padding:8px;background:#fff;border:1px solid #e1e7ef;border-radius:12px;box-shadow:0 12px 24px rgb(22 42 67 / 12%);flex-direction:column;align-items:stretch;gap:2px}
  .nav.is-open{display:flex}
  .nav a{padding:11px 12px;border-radius:8px;font-size:12px}
  .hero.wrap{width:calc(100% - 36px);margin-inline:auto;padding-inline:0}
  .hero{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:22px;min-height:0;padding:48px 0 34px;text-align:left}
  .hero-copy{width:100%;max-width:none;align-items:flex-start;text-align:left}
  .hero-copy{left:auto;right:auto;top:auto;padding:0;transform:none}
  .eyebrow{font-size:9px;padding:7px 10px}
  .hero h1{font-size:clamp(35px,9vw,46px);line-height:1.2;margin:19px 0 13px;text-wrap:balance}
  .hero-lede{max-width:100%;font-size:13px;line-height:1.8;margin-bottom:19px;overflow-wrap:anywhere}
  .hero-actions{width:100%;justify-content:flex-start;gap:7px}
  .hero-actions .button{height:43px;padding:0 12px;font-size:10px;gap:8px}
  .hero-note{font-size:9px;margin-top:15px;flex-wrap:wrap}
  .product-art{display:grid;height:auto;min-height:275px;padding:12px;border-radius:17px}
  .product-art:before{left:15%;border-radius:17px}
  .app-window{width:100%;transform:none;border-radius:10px}
  .window-bar{height:32px;padding-inline:10px;font-size:7px}
  .app-content{min-height:225px}
  .app-sidebar{width:36px;gap:12px;padding:10px 0;font-size:10px}
  .side-mark{width:22px;height:22px;font-size:11px;margin-bottom:4px}
  .side-active{width:23px;height:23px}
  .app-main{padding:12px 11px}
  .app-heading{margin-bottom:10px}
  .app-heading h2{font-size:14px}
  .app-heading small,.traffic-card small{font-size:7px}
  .traffic-card{padding:9px 10px 0}
  .traffic-card strong{font-size:19px}
  .chart{height:30px;gap:5px}
  .route-heading{margin:11px 0 5px;font-size:9px}
  .route-row{height:39px;gap:7px}
  .route-icon{width:22px;height:22px;font-size:10px}
  .route-row b{font-size:9px}
  .route-row small{font-size:7px}
  .art-tag{font-size:7px;padding:8px 9px}
  .tag-top{right:-2px;top:5px}
  .tag-bottom{left:-3px;bottom:4px;font-size:9px}
  .platform-strip .strip-inner{display:block;padding-top:15px;padding-bottom:14px}
  .strip-label{display:block;margin-bottom:10px;font-size:10px}
  .platform-list{width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:4px}
  .platform-list a{height:35px;flex:none;padding:0 10px;font-size:12px}
  .platform-list a span{font-size:9px}
  .strip-link{display:none}
  .section{padding-top:58px;padding-bottom:58px}
  .section-heading h2,.provider-intro h2,.guide-title h2,.faq-heading h2{font-size:26px}
  .section-heading>p{font-size:10px}
  .feature-grid{display:flex;flex-direction:column;gap:9px}
  .feature-card,.feature-main{min-height:0;padding:18px;border-radius:11px}
  .feature-icon{margin:18px 0 12px}
  .feature-card h3{font-size:17px}
  .feature-card p{font-size:10px}
  .downloads-wrap{padding:54px 0}
  .download-grid{grid-template-columns:1fr 1fr;gap:8px}
  .download-card{min-height:146px;padding:12px 10px 0;border-radius:10px}
  .download-meta{padding-top:11px}
  .download-meta h3{font-size:12px}
  .download-meta p,.download-foot,.download-foot a{font-size:7px}
  .download-link{width:27px;height:27px}
  .download-caption{font-size:8px;line-height:1.7}
  .providers-section{display:block;padding-top:58px;padding-bottom:57px}
  .provider-intro h2 br{display:none}
  .provider-intro p{font-size:10px;margin:10px 0}
  .provider-list{padding-top:19px}
  .provider-row{height:68px;grid-template-columns:24px 34px minmax(0,1fr) 18px;gap:8px}
  .provider-mark{width:31px;height:31px;font-size:12px}
  .provider-name strong{font-size:11px}
  .provider-name small{font-size:8px}
  .provider-label{display:none}
  .guide-wrap{padding:52px 0;display:block}
  .guide-title{margin-bottom:20px}
  .guide-title h2{font-size:25px}
  .guide-steps article{grid-template-columns:28px 1fr 18px;min-height:70px;gap:9px}
  .guide-steps h3{font-size:11px}
  .guide-steps p{font-size:9px;line-height:1.65}
  .faq-section{display:block;padding-top:56px;padding-bottom:60px}
  .faq-heading{margin-bottom:17px}
  .faq-list summary{min-height:54px;font-size:10px}
  .faq-list details p{font-size:9px;line-height:1.8}
  .footer-top{min-height:70px;gap:10px;flex-wrap:wrap}
  .footer-top p{font-size:8px}
  .footer-bottom{padding-block:12px;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:7px}
  .footer-bottom span:nth-child(2){grid-column:1/3;grid-row:2}
  .footer-bottom a{grid-column:2;grid-row:1;text-align:right}
  .subhero{margin-top:12px;padding:27px 17px;min-height:0;border-radius:15px;gap:8px}
  .subhero h1{font-size:32px;line-height:1.25;margin:16px 0 10px}
  .subhero-copy>p{font-size:10px;line-height:1.8}
  .subhero-stamp{width:68px;height:68px;align-self:flex-start;margin-top:15px}
  .subhero-stamp>span{font-size:16px}
  .subhero-stamp small{font-size:5px}
  .subhero-stamp>b{display:none}
  .subhero-copy .hero-actions{gap:6px;flex-wrap:wrap;margin-top:14px}
  .subhero-copy .hero-actions .button{height:37px;font-size:8px;padding:0 8px;gap:5px}
  .platform-page-content{padding-top:42px;padding-bottom:45px}
  .platform-download-grid{grid-template-columns:1fr 1fr;gap:7px}
  .platform-download-card{min-height:148px;padding:12px;border-radius:10px}
  .platform-download-card h3{font-size:12px}
  .platform-download-card>p,.platform-card-link{font-size:8px}
  .platform-card-link{padding-top:10px}
  .release-row{grid-template-columns:29px minmax(0,1fr);gap:8px;padding:12px 0;min-height:0}
  .release-icon{width:28px;height:28px}
  .release-main{min-width:0}
  .release-name h3{font-size:10px}
  .release-main>p{font-size:8px;line-height:1.6}
  .release-buttons{grid-column:2;display:flex;gap:6px}
  .release-buttons .release-action{font-size:8px;padding:8px 9px}
  .release-buttons .button-provider{height:31px;font-size:8px!important;padding:0 8px}
  .release-source{display:none}
  .platform-switch>.wrap{padding-block:13px;display:flex;flex-wrap:wrap;gap:11px 15px}
  .platform-switch>div>span{width:100%;margin:0}
  .platform-switch a{font-size:8px}
  .client-grid{grid-template-columns:1fr;gap:8px}
  .client-card{min-height:210px;padding:15px;border-radius:10px}
  .client-symbol{margin:14px 0 10px}
  .client-card h3{font-size:14px}
  .client-card>p,.client-actions a{font-size:9px}
  .tutorial-steps article{grid-template-columns:24px 48px minmax(0,1fr);gap:9px;padding:15px 0}
  .tutorial-step-art{height:50px}
  .tutorial-steps h3{font-size:11px}
  .tutorial-steps p{font-size:8px;line-height:1.7}
  .docs-grid{grid-template-columns:1fr}
  .docs-grid article{min-height:135px;padding:14px;border-radius:10px}
  .docs-grid h3{font-size:12px;margin-top:10px}
  .docs-grid p,.docs-grid a{font-size:9px}
  .faq-page-list summary{font-size:9px;min-height:53px}
  .faq-page-list details p{font-size:9px}
  .providers-promo-inner{padding-block:31px}
  .providers-promo-heading{margin-bottom:10px}
  .providers-promo-heading h2{font-size:21px}
  .providers-promo-list{grid-template-columns:1fr;gap:7px}
  .providers-promo-card{min-height:56px;padding:8px;border-radius:9px}
  .providers-promo-card .provider-mark{width:29px;height:29px}
  .providers-promo-name strong{font-size:10px}
  .providers-promo-name small,.providers-promo-source{font-size:8px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

@media(max-width:640px){
  .nav{display:none!important}
  .nav.is-open{display:flex!important}
}