@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/manrope-latin-400.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/manrope-latin-500.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/manrope-latin-600.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/manrope-latin-700.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url("/fonts/manrope-latin-800.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/manrope-latin-ext-400.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/manrope-latin-ext-500.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/manrope-latin-ext-600.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/manrope-latin-ext-700.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url("/fonts/manrope-latin-ext-800.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/manrope-cyrillic-400.woff2") format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/manrope-cyrillic-500.woff2") format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/manrope-cyrillic-600.woff2") format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/manrope-cyrillic-700.woff2") format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url("/fonts/manrope-cyrillic-800.woff2") format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
/* cyrillic-ext */

/* cyrillic */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */



body{margin:0;background:#FFFFFF}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
a{color:#0757D9}a:hover{color:#0548B3}
:focus-visible{outline:2px solid #0A66FF;outline-offset:2px}
section[id]{scroll-margin-top:80px}
/* header */
@keyframes h7In{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes h7Track{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}
@keyframes h7Drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

.h7-bar{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #E6EAF3;animation:h7In .6s cubic-bezier(.2,.8,.2,1) both}
.h7-wrap{max-width:1200px;margin:0 auto;padding:0 24px;height:80px;display:flex;align-items:center;gap:16px}
.h7-logo{display:inline-flex;align-items:center;min-height:44px;flex:none}
.h7-logo img{height:28px;width:auto;display:block}

.h7-navbox{flex:1;display:flex;justify-content:center;min-width:0}
.h7-track{position:relative;display:flex;padding:4px;border-radius:14px;background:#F5F7FB;border:1px solid #E6EAF3;animation:h7Track .7s cubic-bezier(.2,.8,.2,1) .12s both}
.h7-pill{position:absolute;top:4px;left:4px;width:124px;height:44px;border-radius:10px;background:#E6EFFF;box-shadow:0 2px 8px rgba(11,31,75,.08);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .25s ease;pointer-events:none}
.h7-pill.none{opacity:0}
.h7-pill.p0{transform:translateX(0px)}
.h7-pill.p1{transform:translateX(124px)}
.h7-pill.p2{transform:translateX(248px)}
.h7-pill.p3{transform:translateX(372px)}
.h7-pill.p4{transform:translateX(496px)}
.h7-item{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:124px;height:44px;border-radius:10px;font-size:14px;font-weight:600;color:#3B4A6B;text-decoration:none;white-space:nowrap;transition:color .2s ease}
.h7-item:hover{color:#0B1F4B}
.h7-item.on{color:#0757D9;font-weight:700}
.h7-item.on:hover{color:#0757D9}

.h7-right{display:flex;align-items:center;gap:12px;flex:none;animation:h7In .6s cubic-bezier(.2,.8,.2,1) .2s both}
.h7-seg{display:inline-flex;padding:3px;gap:2px;border-radius:10px;border:1px solid #E6EAF3}
.h7-seg .lang{height:32px;min-width:34px;padding:0 6px;border:0;border-radius:7px;background:transparent;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.04em;color:#3B4A6B;cursor:pointer;transition:background-color .16s ease,color .16s ease}
.h7-seg .lang:hover{color:#0B1F4B}
.h7-seg .lang.on{background:#0B1F4B;color:#F5F7FB}
.h7-login{display:inline-flex;align-items:center;height:44px;padding:0 4px;font-size:15px;font-weight:600;color:#0B1F4B;text-decoration:none;transition:color .16s ease}
.h7-login:hover{color:#0757D9}
.h7-call{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;background:#0A66FF;color:#FFFFFF;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}
.h7-call:hover{background:#0757D9;color:#FFFFFF;transform:translateY(-2px);box-shadow:0 10px 30px rgba(11,31,75,.10)}

.h7-burger{display:none;width:44px;height:44px;padding:0;border:1px solid #E6EAF3;border-radius:12px;background:#FFFFFF;color:#0B1F4B;align-items:center;justify-content:center;cursor:pointer}
.h7-burger .bars{position:relative;display:block;width:18px;height:12px}
.h7-burger .bars span{position:absolute;left:0;width:18px;height:2px;border-radius:2px;background:currentColor;transition:top .25s cubic-bezier(.2,.8,.2,1),transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
.h7-burger .bars span:nth-child(1){top:0}
.h7-burger .bars span:nth-child(2){top:5px}
.h7-burger .bars span:nth-child(3){top:10px}
.h7-burger.open .bars span:nth-child(1){top:5px;transform:rotate(45deg)}
.h7-burger.open .bars span:nth-child(2){opacity:0}
.h7-burger.open .bars span:nth-child(3){top:5px;transform:rotate(-45deg)}

.h7-panel{display:none;background:#FFFFFF;border-bottom:1px solid #E6EAF3;box-shadow:0 10px 30px rgba(11,31,75,.10);animation:h7Drop .35s cubic-bezier(.2,.8,.2,1) both}
.h7-panel-in{max-width:1200px;margin:0 auto;padding:12px 24px 24px}
.h7-mnav{display:flex;flex-direction:column;gap:4px}
.h7-mlink{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;border-radius:12px;font-size:17px;font-weight:700;color:#0B1F4B;text-decoration:none;transition:background-color .2s ease,color .2s ease}
.h7-mlink svg{color:#6B7A99;transition:transform .16s ease,color .16s ease}
.h7-mlink:hover{background:#F5F7FB;color:#0B1F4B}
.h7-mlink:hover svg{transform:translateX(3px)}
.h7-mlink.on{background:#E6EFFF;color:#0757D9}
.h7-mlink.on svg{color:#0757D9}
.h7-mrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 0}
.h7-mlangs{display:inline-flex;padding:4px;gap:4px;border-radius:12px;border:1px solid #E6EAF3}
.h7-mlangs .lang{height:44px;min-width:56px;padding:0 12px;border:0;border-radius:9px;background:transparent;font-family:inherit;font-size:15px;font-weight:700;color:#3B4A6B;cursor:pointer}
.h7-mlangs .lang.on{background:#0B1F4B;color:#F5F7FB}
.h7-mlogin{display:inline-flex;align-items:center;gap:8px;height:44px;font-size:16px;font-weight:700;color:#0757D9;text-decoration:none}
.h7-mcall{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border-radius:12px;background:#0A66FF;color:#FFFFFF;font-size:16px;font-weight:700;text-decoration:none;font-variant-numeric:tabular-nums}
.h7-mcall:hover{background:#0757D9;color:#FFFFFF}

@media (max-width:1239px){
  .h7-navbox{display:none}
  .h7-right{margin-left:auto}
  .h7-burger{display:inline-flex}
  .h7-panel{display:block}
}
@media (max-width:640px){
  .h7-wrap{padding:0 16px;height:64px;gap:8px}
  .h7-panel-in{padding:8px 16px 20px}
  .h7-logo img{height:24px}
  .h7-seg,.h7-login{display:none}
  .h7-right{gap:8px}
  .h7-call{width:44px;padding:0;background:#E6EFFF;color:#0757D9}
  .h7-call:hover{background:#E6EFFF;color:#0548B3;box-shadow:none}
  .h7-call .lbl{display:none}
}
/* hero */
@keyframes hr-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes hr-frameUp{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
@keyframes hr-ping{0%{transform:scale(1);opacity:.5}100%{transform:scale(2.3);opacity:0}}
@keyframes hr-ants{to{stroke-dashoffset:-28}}
.hr-in{animation:hr-rise .7s cubic-bezier(.2,.8,.2,1) both}
.hr-d1{animation-delay:.08s}.hr-d2{animation-delay:.16s}.hr-d3{animation-delay:.24s}.hr-d4{animation-delay:.32s}
.hr-kick{margin:0 0 24px;color:#0757D9;font-size:12px;font-weight:700;line-height:16px;letter-spacing:.08em;text-transform:uppercase}
.hr-h1{margin:0;max-width:1120px;font-size:clamp(40px,5.2vw,72px);line-height:1.03;font-weight:800;letter-spacing:-.04em;color:#0B1F4B;text-wrap:balance}
.hr-h1 em{font-style:normal;color:#0757D9}
.hr-sub{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px 64px;align-items:end;margin-top:36px}
.hr-lead{margin:0;max-width:600px;font-size:18px;line-height:28px;color:#3B4A6B}
.hr-side{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.hr-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:12px;font-family:inherit;font-size:16px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
.hr-btn svg{width:20px;height:20px;flex:none}
.hr-btn .hr-arr{transition:transform .16s ease}
.hr-btn:hover .hr-arr{transform:translateX(3px)}
.hr-btn-p{background:#0A66FF;color:#FFFFFF}
.hr-btn-p:hover{background:#0757D9;color:#FFFFFF;transform:translateY(-2px);box-shadow:0 10px 30px rgba(10,102,255,.24)}
.hr-btn-p:active{background:#0548B3;transform:none}
.hr-btn-s{background:#E6EFFF;color:#0757D9}
.hr-btn-s:hover{background:#DBE7FF;color:#0548B3;transform:translateY(-2px)}
.hr-btn-s:active{transform:none}
.hr-proof{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.hr-proof li{display:flex;align-items:center;gap:6px;font-size:14px;line-height:20px;font-weight:600;color:#3B4A6B}
.hr-proof svg{width:16px;height:16px;color:#0A66FF;flex:none}
.hr-clip{margin:48px -40px 0;padding:24px 40px 0;height:420px;overflow:hidden}
.hr-frame{background:#FFFFFF;border:1px solid #E6EAF3;border-radius:24px;box-shadow:0 30px 80px rgba(11,31,75,.14);overflow:hidden;animation:hr-frameUp 1s cubic-bezier(.2,.8,.2,1) .35s both}
.hr-chrome{display:flex;align-items:center;gap:16px;height:44px;padding:0 16px;background:#F5F7FB;border-bottom:1px solid #E6EAF3}
.hr-dots{display:flex;gap:6px}
.hr-dots i{display:block;width:10px;height:10px;border-radius:50%;background:#DCE2EE}
.hr-url{flex:1;display:flex;justify-content:center}
.hr-url span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 14px;border-radius:8px;background:#FFFFFF;border:1px solid #E6EAF3;font-size:12px;font-weight:600;color:#3B4A6B}
.hr-url svg{width:12px;height:12px;color:#16A34A}
.hr-langs{font-size:12px;font-weight:700;color:#3B4A6B;letter-spacing:.04em}
.hr-langs b{color:#0757D9}
.hr-body{display:grid;grid-template-columns:264px minmax(0,1fr);height:420px}
.hr-side-p{padding:16px;border-right:1px solid #E6EAF3;display:flex;flex-direction:column;gap:12px}
.hr-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border-radius:12px;background:#F5F7FB;border:1px solid #E6EAF3;font-size:14px;color:#3B4A6B}
.hr-search svg{width:16px;height:16px;color:#3B4A6B}
.hr-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hr-tab{display:flex;align-items:center;justify-content:space-between;gap:6px;height:44px;padding:0 12px;border-radius:12px;border:1px solid #E6EAF3;background:#FFFFFF;font-family:inherit;font-size:13px;font-weight:700;color:#0B1F4B;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.hr-tab:hover{border-color:#C9DCF7}
.hr-tab span{font-size:12px;font-weight:700;color:#3B4A6B;font-variant-numeric:tabular-nums}
.hr-tab.hr-on{background:#E6EFFF;border-color:#E6EFFF;color:#0757D9}
.hr-tab.hr-on span{color:#0757D9}
.hr-rows{display:flex;flex-direction:column;gap:4px}
.hr-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;animation:hr-rise .4s cubic-bezier(.2,.8,.2,1) both}
.hr-row:hover{background:#F5F7FB}
.hr-r-ic{width:36px;height:36px;border-radius:12px;background:#F5F7FB;border:1px solid #E6EAF3;color:#0B1F4B;display:flex;align-items:center;justify-content:center;flex:none}
.hr-r-ic svg{width:18px;height:18px}
.hr-r-tx{flex:1;min-width:0}
.hr-r-top{display:flex;align-items:center;justify-content:space-between;gap:6px}
.hr-r-plate{font-size:14px;font-weight:800;line-height:20px;font-variant-numeric:tabular-nums}
.hr-r-meta{margin-top:1px;font-size:12px;line-height:16px;color:#3B4A6B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.hr-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:8px;font-size:11px;font-weight:700;line-height:16px;color:#0B1F4B;white-space:nowrap}
.hr-chip i{display:block;width:6px;height:6px;border-radius:50%}
.hr-chip.hr-go{background:#E7F6EC}.hr-chip.hr-go i{background:#16A34A}
.hr-chip.hr-idle{background:#FEF3DD}.hr-chip.hr-idle i{background:#F59E0B}
.hr-chip.hr-park{background:#EEF2F9}.hr-chip.hr-park i{background:#6B7A99}
.hr-empty{margin:4px 2px;font-size:13px;color:#3B4A6B}
.hr-map{position:relative;overflow:hidden;background:#EEF2F9}
.hr-map .hr-base{position:absolute;inset:0;width:100%;height:100%;display:block}
.hr-mk{position:absolute;width:0;height:0;z-index:2;transition:opacity .2s ease}
.hr-mk.hr-dim{opacity:.28}
.hr-dot{position:absolute;left:-20px;top:-20px;width:40px;height:40px;border-radius:50%;background:#FFFFFF;border:3px solid #6B7A99;color:#0B1F4B;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(11,31,75,.14)}
.hr-dot svg{width:18px;height:18px}
.hr-dot.hr-go{border-color:#16A34A}.hr-dot.hr-idle{border-color:#F59E0B}.hr-dot.hr-park{border-color:#6B7A99}
.hr-mk-a .hr-dot{left:-28px;top:-28px;width:56px;height:56px;box-shadow:0 0 0 8px rgba(10,102,255,.18),0 10px 30px rgba(11,31,75,.10)}
.hr-mk-a .hr-dot svg{width:24px;height:24px}
.hr-mk-a .hr-dot::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #0A66FF;animation:hr-ping 2.8s ease-out infinite}
.hr-pill{position:absolute;left:0;bottom:28px;transform:translateX(-50%);white-space:nowrap;padding:4px 8px;border-radius:8px;background:#FFFFFF;color:#0B1F4B;font-size:12px;font-weight:700;line-height:16px;font-variant-numeric:tabular-nums;box-shadow:0 2px 8px rgba(11,31,75,.14)}
.hr-mk-a .hr-pill{bottom:42px;background:#0B1F4B;color:#FFFFFF}
.hr-mk-a{left:58%;top:46%}
.hr-mk-b{left:78%;top:74%}
.hr-mk-c{left:22%;top:24%}
.hr-stop{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#FFFFFF;border:3px solid #0A66FF;z-index:1}
.hr-gf{position:absolute;left:78%;top:74%;width:150px;height:150px;margin:-75px 0 0 -75px}
.hr-gf svg{display:block;width:150px;height:150px}
.hr-gf-c{animation:hr-ants 2.4s linear infinite}
.hr-gf-lbl{position:absolute;left:50%;top:-6px;transform:translateX(-50%);padding:2px 8px;border-radius:8px;background:#FFFFFF;color:#0757D9;font-size:11px;font-weight:700;line-height:16px;box-shadow:0 2px 8px rgba(11,31,75,.08)}
.hr-legend{position:absolute;left:16px;top:16px;display:flex;gap:12px;padding:8px 12px;border-radius:12px;background:#FFFFFF;box-shadow:0 2px 8px rgba(11,31,75,.08);z-index:4}
.hr-legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#3B4A6B}
.hr-legend i{display:block;width:8px;height:8px;border-radius:50%}
.hr-toast{position:absolute;right:16px;top:16px;width:290px;display:flex;gap:12px;padding:12px 14px;border-radius:16px;background:#FFFFFF;box-shadow:0 10px 30px rgba(11,31,75,.10);z-index:4;animation:hr-rise .7s cubic-bezier(.2,.8,.2,1) 1.6s both}
.hr-t-ic{width:36px;height:36px;border-radius:12px;background:#FEF3DD;color:#B45309;display:flex;align-items:center;justify-content:center;flex:none}
.hr-t-ic svg{width:18px;height:18px;color:#F59E0B}
.hr-t-k{margin:0;font-size:12px;line-height:16px;font-weight:700;color:#3B4A6B;font-variant-numeric:tabular-nums}
.hr-t-t{margin:2px 0 0;font-size:14px;line-height:20px;font-weight:700;color:#0B1F4B}
.hr-zoom{position:absolute;right:16px;bottom:96px;display:flex;flex-direction:column;border-radius:8px;background:#FFFFFF;box-shadow:0 2px 8px rgba(11,31,75,.08);overflow:hidden;z-index:4}
.hr-zoom span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:16px;font-weight:700;color:#3B4A6B}
.hr-zoom span+span{border-top:1px solid #E6EAF3}
@media (max-width:960px){.hr-sub{grid-template-columns:1fr}.hr-body{grid-template-columns:220px minmax(0,1fr)}.hr-toast{display:none}}
@media (max-width:640px){.hr-wrap{padding:64px 20px 0 !important}.hr-body{grid-template-columns:1fr}.hr-side-p{display:none}.hr-clip{margin:40px -20px 0;padding:16px 20px 0;height:400px}.hr-langs{display:none}.hr-url span{font-size:11px}}
.hr-lm{margin:0 3px}.hr-lm.hr-on,.hr-lm.on{color:#0757D9}
/* facts */
.f08-kicker{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0757D9;animation:f08-rise .6s cubic-bezier(.2,.8,.2,1) both}
.f08-kicker::before{content:"";width:24px;height:2px;border-radius:2px;background:#0A66FF}
.f08-s{margin:20px 0 0;font-size:clamp(26px,3.3vw,44px);line-height:1.36;font-weight:800;letter-spacing:-.02em;color:#0B1F4B;text-wrap:pretty;animation:f08-rise .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:.08s}
.f08-c{padding:.02em .32em .06em;border-radius:12px;background-color:#E6EFFF;color:#0757D9;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:f08-hl .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s)}
.f08-c svg{width:.7em;height:.7em;margin-right:.2em;vertical-align:-.04em;animation:f08-ic .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s)}
.f08-name{white-space:nowrap}
@keyframes f08-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes f08-hl{from{background-color:rgba(230,239,255,0);color:#0B1F4B}to{background-color:#E6EFFF;color:#0757D9}}
@keyframes f08-ic{from{opacity:0}to{opacity:1}}
@media (max-width:600px){
  .f08-c{border-radius:8px}
}
/* how */
@keyframes h07rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes h07ping{0%{transform:scale(.5);opacity:.6}100%{transform:scale(2.4);opacity:0}}
@keyframes h07go{0%{transform:translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(196px);opacity:0}}
@keyframes h07draw{0%{stroke-dashoffset:1}50%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.h07-in{animation:h07rise .7s cubic-bezier(.2,.8,.2,1) both}
.h07-d1{animation-delay:.08s}.h07-d2{animation-delay:.16s}.h07-d3{animation-delay:.26s}.h07-d4{animation-delay:.36s}.h07-d5{animation-delay:.46s}
@supports (animation-timeline: view()){
  .h07-rv{animation:h07rise linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
}
.h07-kicker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#0757D9;margin:0 0 16px}
.h07-h2{font-size:clamp(28px,3.6vw,44px);font-weight:800;letter-spacing:-0.02em;line-height:1.1;margin:0 auto;max-width:760px}
.h07-lead{font-size:18px;line-height:28px;color:#3B4A6B;margin:20px auto 0;max-width:680px}
.h07-rows{margin-top:56px;display:flex;flex-direction:column;gap:40px}
.h07-row{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:24px 72px;align-items:center}
.h07-row.rev{grid-template-columns:minmax(0,1fr) minmax(0,440px)}
.h07-row.rev .h07-art{order:2}
.h07-art{background:#F5F7FB;border:1px solid #E6EAF3;border-radius:24px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.h07-art:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(11,31,75,.10)}
.h07-art svg{display:block;width:100%;height:auto}
.h07-text{max-width:460px}
.h07-row.rev .h07-text{justify-self:end}
.h07-step{display:inline-flex;align-items:center;gap:10px;font-size:14px;line-height:20px;font-weight:700;color:#0757D9;margin:0 0 14px}
.h07-n{width:32px;height:32px;border-radius:8px;background:#E6EFFF;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.h07-h3{font-size:clamp(22px,2.2vw,26px);font-weight:800;letter-spacing:-0.015em;line-height:1.2;margin:0 0 12px}
.h07-p{font-size:18px;line-height:28px;color:#3B4A6B;margin:0}
.h07-svgt{font-family:Manrope,-apple-system,Roboto,sans-serif}
.h07-ping{transform-box:fill-box;transform-origin:center;animation:h07ping 2.6s cubic-bezier(.2,.8,.2,1) infinite}
.h07-go{animation:h07go 3.6s cubic-bezier(.45,0,.55,1) infinite}
.h07-draw{stroke-dasharray:1;animation:h07draw 8s cubic-bezier(.45,0,.55,1) infinite}
@media (max-width:820px){
  .h07-rows{margin-top:48px;gap:40px}
  .h07-row,.h07-row.rev{grid-template-columns:1fr}
  .h07-row.rev .h07-art{order:0}
  .h07-row.rev .h07-text{justify-self:start}
}
/* features */
.ft-kk{margin:0 0 16px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0757D9}
.ft-h2{margin:0;font-size:clamp(28px,3.6vw,44px);line-height:1.1;font-weight:800;letter-spacing:-.02em;color:#0B1F4B}
.ft-lead{margin:16px auto 0;max-width:560px;font-size:18px;line-height:28px;color:#3B4A6B}
.ft-f8-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px minmax(0,1fr);gap:64px;align-items:stretch;margin-top:64px}
.ft-f8-col{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-around;gap:32px;padding:24px 0}
.ft-f8-it{position:relative;display:flex;gap:16px;align-items:flex-start;animation:ft-rise .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes ft-rise{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
.ft-f8-l .ft-f8-it{flex-direction:row-reverse;text-align:right}
.ft-f8-ic{flex:none;width:48px;height:48px;border-radius:14px;background:#FFFFFF;border:1px solid #E6EAF3;color:#0A66FF;display:grid;place-items:center;box-shadow:0 2px 8px rgba(11,31,75,.08);transition:background .18s ease,color .18s ease,border-color .18s ease}
.ft-f8-ic svg{width:22px;height:22px}
.ft-f8-it:hover .ft-f8-ic{background:#0A66FF;border-color:#0A66FF;color:#FFFFFF}
.ft-f8-it h3{margin:0;padding-top:2px;font-size:19px;line-height:26px;font-weight:800;letter-spacing:-.01em;color:#0B1F4B}
.ft-f8-it p{margin:6px 0 0;font-size:15px;line-height:23px;color:#3B4A6B}
.ft-f8-it::after{content:"";position:absolute;top:24px;width:40px;height:1px;background:#B9CBEA}
.ft-f8-it::before{content:"";position:absolute;top:21px;width:7px;height:7px;border-radius:50%;background:#0A66FF;box-shadow:0 0 0 4px #E6EFFF}
.ft-f8-l .ft-f8-it::after{right:-56px}
.ft-f8-l .ft-f8-it::before{right:-63px}
.ft-f8-r .ft-f8-it::after{left:-56px}
.ft-f8-r .ft-f8-it::before{left:-63px}
.ft-f8-mid{position:relative;display:flex;justify-content:center;align-items:center}
.ft-f8-disc{position:absolute;left:50%;top:50%;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;background:#E6EFFF;pointer-events:none}
.ft-f8-ring{position:absolute;left:50%;top:50%;width:720px;height:720px;margin:-360px 0 0 -360px;border-radius:50%;border:1px dashed #C9D6EE;pointer-events:none}
.ft-f8-phone{position:relative;width:320px;height:650px;padding:10px;border-radius:52px;background:#0B1F4B;box-shadow:0 30px 80px rgba(11,31,75,.14),inset 0 0 0 2px #243052;animation:ft-float 8s ease-in-out infinite}
@keyframes ft-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.ft-f8-scr{position:relative;width:100%;height:100%;border-radius:42px;overflow:hidden;background:#EEF2F9}
.ft-f8-scr svg.ft-mapbg{position:absolute;inset:0;display:block;width:100%;height:100%}
.ft-f8-scr svg text{font-family:Manrope,-apple-system,Roboto,sans-serif}
.ft-f8-isl{position:absolute;left:50%;top:10px;width:96px;height:28px;margin-left:-48px;border-radius:14px;background:#0B1224}
.ft-f8-bar{position:absolute;left:12px;right:12px;top:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;height:44px;padding:0 8px 0 14px;background:#FFFFFF;border-radius:14px;box-shadow:0 2px 8px rgba(11,31,75,.08)}
.ft-f8-bar b{font-size:14px;font-weight:800;color:#0B1F4B}
.ft-f8-seg{display:flex;gap:4px}
.ft-f8-seg span{display:inline-flex;align-items:center;height:28px;padding:0 8px;border-radius:8px;font-size:12px;font-weight:700;color:#3B4A6B}
.ft-f8-seg span.ft-on{background:#E6EFFF;color:#0757D9}
.ft-f8-sheet{position:absolute;left:8px;right:8px;bottom:8px;padding:10px 16px 16px;background:#FFFFFF;border-radius:28px 28px 34px 34px;box-shadow:0 -10px 30px rgba(11,31,75,.10)}
.ft-f8-hd{width:36px;height:4px;margin:0 auto 12px;border-radius:2px;background:#E6EAF3}
.ft-f8-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ft-f8-pl{font-size:17px;line-height:22px;font-weight:800;color:#0B1F4B;font-variant-numeric:tabular-nums}
.ft-f8-md{font-size:13px;line-height:18px;font-weight:500;color:#3B4A6B}
.ft-st{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:8px;background:#E7F6EC;font-size:12px;font-weight:700;color:#0B1F4B}
.ft-st i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16A34A}
.ft-f8-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.ft-f8-kv div{padding:8px 10px;background:#F5F7FB;border-radius:12px}
.ft-f8-kv span{display:block;font-size:11px;line-height:14px;font-weight:600;color:#3B4A6B}
.ft-f8-kv b{display:block;margin-top:2px;font-size:14px;line-height:20px;font-weight:800;color:#0B1F4B;font-variant-numeric:tabular-nums}
.ft-trk{stroke-dasharray:1;stroke-dashoffset:1;animation:ft-draw 2.6s cubic-bezier(.2,.8,.2,1) .5s both}
@keyframes ft-draw{to{stroke-dashoffset:0}}
.ft-ping{transform-box:fill-box;transform-origin:center;animation:ft-ping 2.8s ease-out infinite}
@keyframes ft-ping{from{transform:scale(1);opacity:.5}to{transform:scale(1.9);opacity:0}}
.ft-ants{animation:ft-ants 2s linear infinite}
@keyframes ft-ants{to{stroke-dashoffset:-14}}
@media (max-width:1080px){
  .ft-f8-wrap{grid-template-columns:1fr 1fr;gap:40px 32px}
  .ft-f8-mid{grid-column:1 / -1;order:-1}
  .ft-f8-l .ft-f8-it{flex-direction:row;text-align:left}
  .ft-f8-it::after,.ft-f8-it::before{display:none}
  .ft-f8-col{justify-content:flex-start;padding:0}
  .ft-f8-ring{display:none}
}
@media (max-width:640px){
  .ft-f8-wrap{grid-template-columns:1fr;margin-top:40px}
  .ft-f8-disc{width:340px;height:340px;margin:-170px 0 0 -170px}
  .ft-f8-phone{width:290px;height:590px}
}
/* world */
@keyframes w2rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.w2-in{animation:w2rise .7s cubic-bezier(.2,.8,.2,1) both}
.w2-d1{animation-delay:.08s}.w2-d2{animation-delay:.16s}.w2-d3{animation-delay:.26s}.w2-d4{animation-delay:.34s}.w2-d5{animation-delay:.42s}.w2-d6{animation-delay:.5s}
.w2-kicker{margin:0;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0757D9}
.w2-h2{margin:16px auto 0;max-width:860px;font-size:clamp(28px,3.6vw,44px);line-height:1.1;font-weight:800;letter-spacing:-.02em;color:#0B1F4B}
.w2-lead{margin:20px auto 0;max-width:640px;font-size:18px;line-height:28px;color:#3B4A6B}
.w2-band{position:relative;margin-top:56px;border-radius:32px;background:#F5F7FB;border:1px solid #E6EAF3;box-shadow:0 10px 30px rgba(11,31,75,.06);overflow:hidden}
.w2-svg{display:block;width:100%;height:auto;min-height:240px}
.w2-draw{stroke-dasharray:1;stroke-dashoffset:0;animation:w2draw 10s cubic-bezier(.65,0,.35,1) infinite}
@keyframes w2draw{0%{stroke-dashoffset:1;opacity:1}28%{stroke-dashoffset:0;opacity:1}82%{stroke-dashoffset:0;opacity:1}94%,100%{stroke-dashoffset:0;opacity:0}}
.w2-ping{transform-box:fill-box;transform-origin:center;animation:w2ping 3s cubic-bezier(.2,.8,.2,1) infinite}
@keyframes w2ping{0%{transform:scale(1);opacity:.5}75%,100%{transform:scale(2.6);opacity:0}}
.w2-chip{position:absolute;left:20px;top:20px;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:12px;background:#FFFFFF;border:1px solid #E6EAF3;box-shadow:0 2px 8px rgba(11,31,75,.08);color:#0B1F4B;font-variant-numeric:tabular-nums}
.w2-chip-ico{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:3px solid #16A34A;background:#FFFFFF}
.w2-chip b{font-size:14px;line-height:18px;font-weight:800}
.w2-chip small{display:flex;align-items:center;gap:6px;font-size:13px;line-height:18px;font-weight:600;color:#3B4A6B}
.w2-dot{width:8px;height:8px;border-radius:50%;background:#16A34A}
.w2-tag{position:absolute;right:20px;bottom:20px;padding:6px 10px;border-radius:8px;background:#E6EFFF;color:#0757D9;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.w2-points{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 32px}
.w2-pt{display:flex;align-items:center;gap:14px;font-size:16px;line-height:24px;font-weight:600;color:#0B1F4B}
.w2-pt-ico{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#E6EFFF;color:#0A66FF}
@media (max-width:600px){.w2-tag{display:none}.w2-chip{left:12px;top:12px}}
/* who */
.wo-kick{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0757D9;margin:0 0 16px}
.wo-h2{font-size:clamp(28px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}
.wo-lead{font-size:18px;line-height:28px;color:#3B4A6B;margin:16px auto 0;max-width:560px}
@keyframes wo-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes wo-drive{0%{left:12px;opacity:0}6%{opacity:1}80%{left:calc(100% - 52px);opacity:1}92%{left:calc(100% - 52px);opacity:1}100%{left:calc(100% - 52px);opacity:0}}
@keyframes wo-trail{0%{width:0;opacity:0}6%{opacity:1}80%{width:calc(100% - 64px);opacity:1}92%{width:calc(100% - 64px);opacity:1}100%{width:calc(100% - 64px);opacity:0}}
@keyframes wo-pop{0%{opacity:0;transform:translateY(8px) scale(.6)}100%{opacity:1;transform:none}}
@keyframes wo-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes wo-ping{0%{transform:translate(-50%,-50%) scale(.5);opacity:.6}100%{transform:translate(-50%,-50%) scale(2.4);opacity:0}}
.wo-in{animation:wo-rise .7s cubic-bezier(.2,.8,.2,1) both}
.wo-d1{animation-delay:.08s}.wo-d2{animation-delay:.16s}.wo-d3{animation-delay:.24s}.wo-d4{animation-delay:.32s}.wo-d5{animation-delay:.40s}
.wo-w7-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px;margin-top:56px}
.wo-w7-card{background:#FFFFFF;border:1px solid #E6EAF3;border-radius:24px;padding:12px;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,background-color .18s ease}
.wo-w7-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(11,31,75,.10);background:#FFFFFF}
.wo-w7-scene{position:relative;height:156px;border-radius:16px;background:#EEF2F9;overflow:hidden}
.wo-w7-body{padding:20px 12px 16px}
.wo-w7-body h3{display:flex;align-items:center;gap:10px;font-size:20px;line-height:28px;font-weight:800;letter-spacing:-.01em;margin:0 0 8px}
.wo-w7-body h3 svg{color:#0A66FF;flex:none}
.wo-w7-body p{font-size:16px;line-height:24px;color:#3B4A6B;margin:0}
.wo-w7-chip{position:absolute;display:inline-flex;align-items:center;gap:6px;background:#FFFFFF;border-radius:8px;padding:4px 8px;font-size:12px;line-height:16px;font-weight:700;color:#0B1F4B;box-shadow:0 2px 8px rgba(11,31,75,.08);font-variant-numeric:tabular-nums;white-space:nowrap}
.wo-w7-chip i{width:6px;height:6px;border-radius:50%;display:inline-block}
.wo-w7-road{position:absolute;left:-10px;right:-10px;top:92px;height:12px;background:#F0D6A3;border-radius:6px}
.wo-w7-trail{position:absolute;left:32px;top:96px;height:4px;border-radius:2px;background:#0A66FF;animation:wo-trail 9s cubic-bezier(.45,.05,.35,1) infinite}
.wo-w7-stop{position:absolute;top:91px;width:14px;height:14px;border-radius:50%;background:#FFFFFF;border:3px solid #0A66FF}
.wo-w7-mk{position:absolute;top:78px;width:40px;height:40px;border-radius:50%;background:#FFFFFF;border:3px solid #16A34A;color:#0B1F4B;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(11,31,75,.12);animation:wo-drive 9s cubic-bezier(.45,.05,.35,1) infinite}
.wo-w7-pin{position:absolute;width:22px;height:22px;border-radius:50%;background:#FFFFFF;border:3px solid #6B7A99;box-shadow:0 2px 8px rgba(11,31,75,.12);animation:wo-pop .5s cubic-bezier(.2,.8,.2,1) both}
.wo-w7-pin.wo-near{width:34px;height:34px;border-color:#16A34A;box-shadow:0 0 0 8px rgba(10,102,255,.18);display:flex;align-items:center;justify-content:center;color:#0B1F4B}
.wo-p1{animation-delay:.5s}.wo-p2{animation-delay:.7s}.wo-p3{animation-delay:.9s}.wo-p4{animation-delay:1.1s}.wo-p5{animation-delay:1.4s}
.wo-w7-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#EEF2F9;transform-origin:left center;animation:wo-fill 1.6s cubic-bezier(.2,.8,.2,1) both .6s}
.wo-w7-ping{position:absolute;left:50%;top:50%;width:44px;height:44px;border-radius:50%;background:rgba(107,122,153,.35);transform:translate(-50%,-50%);animation:wo-ping 2.8s cubic-bezier(.2,.8,.2,1) infinite}
@supports (animation-timeline: view()){
  .wo-w7-pin{animation:wo-pop linear both;animation-timeline:view();animation-range:entry 10% entry 60%}
  .wo-p2{animation-range:entry 20% entry 70%}.wo-p3{animation-range:entry 30% entry 80%}.wo-p4{animation-range:entry 40% entry 90%}.wo-p5{animation-range:entry 50% cover 40%}
  .wo-w7-bar{animation:wo-fill linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}.wo-w7-trail{width:calc(100% - 64px)}.wo-w7-mk{left:calc(100% - 52px)}}
/* apps */
.ap-kick{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0757D9;margin:0 0 16px}
.ap-h2{font-size:clamp(28px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0;color:#0B1F4B}
.ap-lead{font-size:18px;line-height:28px;color:#3B4A6B;margin:16px 0 0;max-width:460px}
.ap-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}
.ap-btns{display:flex;flex-direction:column;gap:12px;margin-top:36px;max-width:340px}
.ap-btn{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 24px;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .18s,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s}
.ap-btn svg{flex:none}
.ap-btn .ap-arr{margin-left:auto;transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.ap-btn:hover .ap-arr{transform:translateX(4px)}
.ap-btn-p{background:#0A66FF;color:#FFFFFF;box-shadow:0 2px 8px rgba(11,31,75,.08)}
.ap-btn-p:hover{background:#0757D9;color:#FFFFFF;transform:translateY(-2px);box-shadow:0 10px 30px rgba(11,31,75,.10)}
.ap-btn-p:active{background:#0548B3}
.ap-btn-s{background:#E6EFFF;color:#0757D9}
.ap-btn-s:hover{background:#D6E5FF;color:#0548B3;transform:translateY(-2px)}
.ap-note{margin:24px 0 0;font-size:14px;line-height:20px;font-weight:500;color:#6B7A99}
.ap-comp{position:relative;padding:0 10% 48px 0}
.ap-lap-scr{background:#0B1224;border-radius:18px 18px 4px 4px;padding:12px 12px 14px;box-shadow:0 30px 80px rgba(11,31,75,.14)}
.ap-scr{position:relative;container-type:inline-size;overflow:hidden;background:#FFFFFF;border-radius:6px;aspect-ratio:16/10}
.ap-lap-base{position:relative;height:14px;margin:0 -5%;background:#D5DCEA;border-radius:2px 2px 14px 14px;box-shadow:0 10px 30px rgba(11,31,75,.10)}
.ap-lap-base::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:16%;height:5px;background:#B4BFD6;border-radius:0 0 8px 8px}
.ap-con{position:absolute;inset:0;display:flex;flex-direction:column;font-size:1.6cqw;line-height:1.35;color:#0B1F4B;font-variant-numeric:tabular-nums}
.ap-con-top{display:flex;align-items:center;gap:1.6em;padding:.8em 1.2em;border-bottom:1px solid #E6EAF3}
.ap-tabs{display:flex;gap:.3em;background:#F5F7FB;padding:.25em;border-radius:.7em}
.ap-tab{padding:.35em .9em;border-radius:.5em;font-weight:600;color:#3B4A6B;font-size:.9em}
.ap-tab.ap-on{background:#FFFFFF;color:#0B1F4B;box-shadow:0 1px 3px rgba(11,31,75,.1)}
.ap-lang{margin-left:auto;font-size:.85em;font-weight:700;color:#0757D9;background:#E6EFFF;padding:.3em .7em;border-radius:.5em}
.ap-con-main{flex:1;display:grid;grid-template-columns:36% 1fr;min-height:0}
.ap-side{border-right:1px solid #E6EAF3;padding:.9em;display:flex;flex-direction:column;gap:.5em;overflow:hidden}
.ap-search{display:flex;align-items:center;gap:.5em;min-height:2.4em;padding:0 .8em;border:1px solid #E6EAF3;border-radius:.7em;color:#6B7A99;font-size:.9em}
.ap-search svg{width:1.1em;height:1.1em}
.ap-cap{font-size:.75em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B7A99;margin:.5em 0 0}
.ap-row{padding:.7em .8em;border-radius:.8em;border:1px solid transparent}
.ap-row.ap-on{background:#E6EFFF;border-color:#CFE0FF}
.ap-row-t{display:flex;align-items:center;justify-content:space-between;gap:.5em}
.ap-row-t b{font-weight:800;white-space:nowrap}
.ap-row-s{font-size:.85em;color:#3B4A6B;margin-top:.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-st{display:inline-flex;align-items:center;gap:.4em;padding:.2em .55em;border-radius:.6em;font-weight:700;font-size:.78em;color:#0B1F4B;white-space:nowrap}
.ap-st i{width:.55em;height:.55em;border-radius:50%;flex:none}
.ap-st-go{background:#E7F6EC}.ap-st-go i{background:#16A34A}
.ap-st-idle{background:#FEF3DD}.ap-st-idle i{background:#F59E0B}
.ap-st-park{background:#EEF2F9}.ap-st-park i{background:#6B7A99}
.ap-cmap{position:relative;overflow:hidden}
.ap-zoom{position:absolute;right:.9em;top:.9em;display:flex;flex-direction:column;background:#FFFFFF;border-radius:.6em;box-shadow:0 2px 8px rgba(11,31,75,.08)}
.ap-zoom span{width:2.2em;height:2.2em;display:flex;align-items:center;justify-content:center;font-weight:700;color:#0B1F4B}
.ap-zoom span+span{border-top:1px solid #E6EAF3}
.ap-vcard{position:absolute;left:.9em;bottom:.9em;background:#FFFFFF;border-radius:.9em;padding:.8em 1em;box-shadow:0 10px 30px rgba(11,31,75,.10)}
.ap-ph-pos{position:absolute;right:0;bottom:0;width:24%;max-width:180px;min-width:120px}
.ap-float{animation:ap-float 8s ease-in-out infinite}
.ap-ph{position:relative;background:#0B1224;padding:8px;border-radius:34px;box-shadow:0 30px 80px rgba(11,31,75,.14),0 0 0 1px rgba(255,255,255,.06) inset}
.ap-ph-scr{position:relative;aspect-ratio:9/19;border-radius:26px;overflow:hidden;background:#FFFFFF;container-type:inline-size}
.ap-isl{position:absolute;z-index:4;top:2.2%;left:50%;transform:translateX(-50%);width:30%;height:3.2%;border-radius:99px;background:#0B1224}
.ap-app{position:absolute;inset:0;display:flex;flex-direction:column;font-size:5cqw;line-height:1.3;color:#0B1F4B;font-variant-numeric:tabular-nums}
.ap-app-sb{display:flex;justify-content:space-between;align-items:center;padding:1.2em 1.6em .4em;font-size:.8em;font-weight:700}
.ap-app-hd{display:flex;justify-content:space-between;align-items:center;padding:.5em 1.1em .7em}
.ap-app-hd b{font-size:1.35em;font-weight:800;letter-spacing:-.02em}
.ap-pill{font-size:.75em;font-weight:700;color:#0757D9;background:#E6EFFF;padding:.3em .7em;border-radius:99px}
.ap-app-map{position:relative;flex:1;overflow:hidden}
.ap-sheet{position:relative;z-index:2;margin-top:-1.2em;background:#FFFFFF;border-radius:1.4em 1.4em 0 0;box-shadow:0 -6px 20px rgba(11,31,75,.08);padding:.6em 1.1em 1.4em}
.ap-handle{width:2.8em;height:.3em;border-radius:99px;background:#E6EAF3;margin:0 auto .8em}
.ap-draw{stroke-dasharray:1;animation:ap-draw 2.4s cubic-bezier(.2,.8,.2,1) .6s both}
.ap-ping{transform-box:fill-box;transform-origin:center;animation:ap-ping 2.8s cubic-bezier(.2,.8,.2,1) infinite}
.ap-rise{animation:ap-rise .7s cubic-bezier(.2,.8,.2,1) backwards}
@keyframes ap-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes ap-ping{0%{transform:scale(.8);opacity:.9}100%{transform:scale(2.3);opacity:0}}
@keyframes ap-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes ap-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media (max-width:960px){.ap-wrap{grid-template-columns:1fr;gap:48px}.ap-btns{max-width:none}}
/* contact */
@keyframes c9rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.c9-boxin{animation:c9rise .8s cubic-bezier(.2,.8,.2,1) both}
.c9-in{animation:c9rise .65s cubic-bezier(.2,.8,.2,1) both}
.c9-d1{animation-delay:.16s}.c9-d2{animation-delay:.24s}.c9-d3{animation-delay:.32s}.c9-d4{animation-delay:.4s}.c9-d5{animation-delay:.5s}.c9-d6{animation-delay:.6s}
@keyframes c9ants{to{stroke-dashoffset:-56}}
.c9-fence{stroke-dasharray:8 6;animation:c9ants 7s linear infinite}
@keyframes c9ping{0%{transform:scale(.7);opacity:.6}100%{transform:scale(2.6);opacity:0}}
.c9-ping{transform-box:fill-box;transform-origin:center;animation:c9ping 3.2s cubic-bezier(.2,.8,.2,1) infinite}
.c9-num{display:inline-block;color:#0B1F4B;text-decoration:none;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-0.025em;font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .18s}
.c9-num:hover{color:#0757D9}
.c9-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:12px;background:#0A66FF;color:#FFFFFF;font-family:Manrope,-apple-system,Roboto,sans-serif;font-weight:700;font-size:16px;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,background-color .18s}
.c9-btn:hover{color:#FFFFFF;background:#0757D9;transform:translateY(-2px);box-shadow:0 10px 30px rgba(10,102,255,.28)}
.c9-btn:active{background:#0548B3}
.c9-btn svg{width:20px;height:20px;flex:none}
.c9-btn .c9-arr{transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.c9-btn:hover .c9-arr{transform:translateX(4px)}
@media (max-width:640px){.c9-wrap{padding:64px 16px !important}.c9-pad{padding:36px 24px !important}.c9-btn{width:100%}}
/* footer */
.f4-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.f4-sep{width:1px;height:24px;background:#E6EAF3;flex:none}
.f4-sp{flex:1 1 0;min-width:0}
.f4-co,.f4-co:hover{color:#0757D9;font-weight:700;text-decoration:none;background:linear-gradient(#0757D9,#0757D9) 0 100%/0 1px no-repeat;transition:background-size .2s cubic-bezier(.2,.8,.2,1)}
.f4-co:hover{background-size:100% 1px}
.f4-tel,.f4-tel:hover{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:800;color:#0B1F4B;text-decoration:none;font-variant-numeric:tabular-nums;transition:color .15s}
.f4-tel:hover{color:#0757D9}
.f4-tel svg{color:#0A66FF}
.f4-seg{display:inline-flex;padding:2px;gap:2px;border:1px solid #E6EAF3;border-radius:12px;background:#FFFFFF}
.f4-lg{min-width:44px;height:44px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#3B4A6B;font:700 13px/1 Manrope,-apple-system,Roboto,sans-serif;letter-spacing:.04em;cursor:pointer;transition:background .18s,color .18s}
.f4-lg:hover{color:#0757D9}
.f4-lg.on{background:#E6EFFF;color:#0757D9}
.f4-nl,.f4-nl:hover{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font-size:14px;font-weight:600;color:#3B4A6B;text-decoration:none;transition:color .15s}
.f4-nl:hover{color:#0757D9}
.f4-site,.f4-site:hover{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:700;color:#0757D9;text-decoration:none}
.f4-site svg{transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.f4-site:hover svg{transform:translate(3px,-3px)}
@media (max-width:720px){.f4-sep,.f4-sp{display:none}.f4-co-line{flex-basis:100%}}
@keyframes f4fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.f4-in{animation:f4fade .6s cubic-bezier(.2,.8,.2,1) both}
.f4-d2{animation-delay:.12s}
/* smooth transitions between sections */
html{scroll-padding-top:80px}
.hr-clip{-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 62%,transparent 100%)}
main > section:nth-of-type(2){background:linear-gradient(#FFFFFF 0,#F5F7FB 140px) !important;border-top:0 !important;border-bottom:0 !important}
#how{background:linear-gradient(#F5F7FB 0,#FFFFFF 160px) !important}
#features{background:linear-gradient(#FFFFFF 0,#F5F7FB 160px) !important}
#world{background:linear-gradient(#F5F7FB 0,#FFFFFF 160px) !important}
#who{background:linear-gradient(#FFFFFF 0,#F5F7FB 160px) !important}
#apps{background:linear-gradient(#F5F7FB 0,#FFFFFF 160px) !important}
#contact{background:linear-gradient(#FFFFFF 0,#F5F7FB 160px) !important}
.pg-foot{background:linear-gradient(#F5F7FB 0,#FFFFFF 96px) !important;border-top:0 !important}
@keyframes pg-reveal{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){
  main > section:not(:first-child) > div{animation:pg-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 32%}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}html{scroll-behavior:auto}}

.h7-panel{display:none !important}
.h7-panel.is-open{display:block !important}
a.lang,a.f4-lg{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.nf{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#fff;color:#0B1F4B;font-family:Manrope,-apple-system,Roboto,sans-serif}
.nf-box{max-width:520px}
.nf h1{font-size:40px;line-height:1.15;letter-spacing:-.03em;margin:0 0 12px}
.nf p{margin:0 0 24px;font-size:18px;line-height:1.45;color:#3B4A6B}
.nf a{display:inline-flex;align-items:center;height:48px;padding:0 18px;border-radius:12px;background:#0A66FF;color:#fff;font-weight:700;text-decoration:none}