:root{--accent:#176f83;--ink:#191d3b;--muted:#647984;--paper:#f5fbfc;--lilac:#dff4f5;--white:#fff;--line:#d4e7eb;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #56baca;outline-offset:6px}button,a{touch-action:manipulation}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{height:112px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;font-size:27px;font-weight:750;letter-spacing:-1px}.brand-icon{background:var(--accent);color:white;width:42px;height:45px;border-radius:14px 14px 14px 4px;display:grid;place-items:center;font-size:38px;font-weight:500}.brand-cn{display:block;font-size:11px;font-weight:500;letter-spacing:3px;margin-top:3px}.header nav{display:flex;align-items:center;gap:36px;font-size:14px}.login{border:1px solid var(--line);padding:11px 22px;border-radius:30px}.login span{margin-left:18px}.hero{position:relative;padding-top:56px;container-type:inline-size}.trial-tag{display:inline-flex;align-items:center;gap:9px;color:var(--accent);font-size:13px;background:var(--lilac);padding:9px 15px;border-radius:30px}.trial-tag>span,.online>span{width:6px;height:6px;background:currentColor;border-radius:50%}h1{font-size:clamp(46px,5.1vw,72px);line-height:1.23;letter-spacing:-3px;font-weight:750;margin:28px 0 24px}.hero-description{font-size:25px;line-height:1.65;margin:0 0 22px;font-weight:650;text-align:left}.hero-description>span{display:block;font-size:14px;color:var(--muted);font-weight:400;margin-top:5px}.hero-detail{font-size:15px;color:var(--muted);line-height:1.9;margin:0}.hero-actions{display:flex;justify-content:flex-start;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:0;border-radius:9px;padding:17px 24px;font-size:15px;font-weight:600;min-height:52px}.primary{background:var(--accent);color:white;transition:background .2s}.primary:hover{background:#12586a}.secondary-link{font-size:13px;border-bottom:1px solid #98c2ca;padding-bottom:4px}.trial-note{font-size:11px;color:var(--muted);margin:15px 0 0}.benefit-icon{font-size:34px;color:var(--accent);font-family:Arial,sans-serif;font-weight:400}.benefits h2{font-size:17px;margin:0 0 7px}.benefits p{font-size:12px;color:var(--muted);margin:0}.service{background:var(--ink);color:white;position:relative;overflow:hidden}.service:after{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff12;border-radius:50%;left:-350px;top:90px;pointer-events:none}.service-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;padding-block:80px}.online{display:flex;align-items:center;gap:9px;font-size:12px;color:#cdeef2}.online>span{color:#85e0e5;box-shadow:0 0 0 4px #ffffff0e}.service h2{font-size:42px;line-height:1.35;letter-spacing:-1px;margin:24px 0 20px}.service-heading>p{color:#cbdfe8;font-size:14px;line-height:1.9;margin:0}.availability{display:flex;align-items:center;font-family:Arial,sans-serif;font-size:66px;letter-spacing:-3px;margin-top:24px;font-weight:600}.availability>span{font-size:39px;margin:0 5px;font-weight:400}.availability small{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:12px;line-height:1.9;letter-spacing:0;margin-left:20px;font-weight:400;color:#cbdfe8}.contacts{align-self:center}.contact{display:flex;align-items:center;padding:27px 0;border-bottom:1px solid #ffffff35;gap:19px}.contact:first-child{border-top:1px solid #ffffff35}.contact-icon{width:48px;height:48px;display:grid;place-items:center;background:#ffffff12;border-radius:14px;flex-shrink:0}.contact-icon svg{width:27px;height:27px}.text-icon{font-family:Georgia,serif;font-size:30px}.contact-text{display:flex;flex-direction:column;gap:8px}.contact-text strong{font-size:20px;font-weight:550}.contact-text>span{color:#cbdfe8;font-size:12px}.contact-action{margin-left:auto;font-size:12px;white-space:nowrap}.contact:hover .contact-action{text-decoration:underline;text-underline-offset:5px}.contact-note{font-size:11px;color:#cbdfe8;margin:22px 0 0}.trust{padding-top:77px}.trust-heading{text-align:center}.shield{display:inline-block;width:35px;height:35px;color:var(--accent)}.shield svg{width:100%;height:100%}.trust h2{font-size:29px;margin:18px 0 13px;letter-spacing:-.7px}.trust-heading>p{font-size:13px;color:var(--muted);margin:0}.trust-points{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin:48px 0 68px}.trust-points h3{font-size:15px;margin:0 0 14px}.trust-points p{font-size:12px;line-height:1.9;color:var(--muted);margin:0;max-width:31em}footer{display:flex;align-items:center;gap:26px;min-height:97px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-brand{font-size:14px;font-weight:650;color:var(--ink)}footer>div{margin-left:auto;display:flex;gap:22px}footer small{font-size:10px}
@media(min-width:1500px){.hero{padding-top:40px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.service-inner{gap:50px}.hero-actions{gap:17px}.button{padding-inline:18px;gap:18px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:88px}.brand{font-size:23px;gap:10px}.brand-icon{width:36px;height:39px;font-size:33px}.brand-cn{font-size:9px}.header nav{gap:20px;font-size:12px}.login{padding:9px 15px}.login span{margin-left:10px}.hero{padding-top:22px}h1{font-size:clamp(42px,8vw,60px);letter-spacing:-1.5px;margin-top:23px}.hero-description{font-size:20px}.hero-description>span{font-size:11px}.hero-detail{font-size:12px}.trial-tag{font-size:10px;padding:8px 10px}.hero-actions{gap:16px;margin-top:26px;flex-wrap:wrap}.button{font-size:13px}.secondary-link{font-size:12px}.benefits h2{font-size:15px}.benefits p{font-size:10px}.benefit-icon{font-size:29px}.service-inner{grid-template-columns:1fr;gap:35px;padding-block:48px}.service h2{font-size:34px;margin-top:20px}.service-heading>p{font-size:13px}.availability{font-size:57px;margin-top:20px}.contact{padding:23px 0;gap:14px}.contact-text strong{font-size:18px}.contact-action{font-size:11px}.contact-text>span{font-size:11px}.trust{padding-top:47px}.trust h2{font-size:24px}.trust-heading>p{font-size:12px}.trust-points{grid-template-columns:1fr;gap:25px;margin:35px 0 39px}.trust-points p{max-width:none}footer{flex-wrap:wrap;gap:17px 20px;padding:25px 0;min-height:0}footer>span{display:none}footer>div{margin-left:auto;gap:16px}footer small{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-copy{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:clamp(48px,7vw,100px);align-items:start;padding-bottom:76px;text-align:left}
.hero-copy>.trial-tag{grid-column:1;grid-row:1;justify-self:start}
.hero-copy>h1{grid-column:1;grid-row:2;display:flex;flex-direction:column;font-size:clamp(48px,5.4vw,76px);line-height:1.2;letter-spacing:-2.5px;margin:24px 0 0}
.hero-copy>h1>span{white-space:nowrap}
.hero-body{grid-column:2;grid-row:1/3;min-width:0;align-self:center;padding-top:6px}
.hero-body>.hero-description{font-size:27px;margin:0 0 20px}
.hero-body>.hero-description>span{font-size:14px;margin-top:8px;line-height:1.8}
.hero-body>.hero-detail{margin:0;font-size:14px;line-height:1.9}
.hero-body>.hero-actions{margin:24px 0 0;gap:22px;flex-wrap:nowrap}
.hero-body>.trial-note{margin:14px 0 0;line-height:1.8}
.hero-actions>.button{min-height:42px;padding:11px 18px;font-size:13px;gap:20px;border-radius:8px}
.hero-copy>.benefits{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:58px 0 0;padding:30px 0 0;background:transparent;border:0;border-radius:0}
.benefits>div{display:flex;align-items:center;gap:16px;min-width:0;padding:0;border:0}
.benefit-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;background:var(--lilac);border-radius:50%;font-size:31px;line-height:1}
.benefits h2{font-size:18px;margin:0 0 8px}
.benefits p{font-size:12px;line-height:1.8;margin:0}
img.brand-icon{display:block;object-fit:contain;background:transparent;border-radius:0;width:42px;height:42px}
@media(min-width:1500px){.hero{padding-top:64px}}
@media(min-width:761px) and (max-width:1000px){
.hero-copy{column-gap:40px}
.hero-copy>h1{font-size:clamp(42px,5.6vw,54px)}
.hero-body>.hero-description{font-size:23px}
.hero-body>.hero-detail{font-size:13px}
.hero-copy>.benefits{gap:20px}
.benefits>div{gap:10px}
.benefit-icon{width:42px;height:42px;font-size:27px}
.benefits h2{font-size:16px}
.benefits p{font-size:10px}
}
@media(max-width:760px){
.hero-copy{grid-template-columns:minmax(0,1fr) minmax(105px,.7fr);column-gap:24px;padding-bottom:40px}
.hero-copy>.trial-tag{grid-column:1/-1}
.hero-copy>h1{grid-column:1/-1;font-size:13.5cqw;letter-spacing:-.055em;margin:24px 0 30px}
.hero-body{grid-column:1;grid-row:3;align-self:start;padding-top:0}.hero-body>.hero-description{font-size:18px;margin-bottom:20px}
.hero-body>.hero-description>span{font-size:11px}
.hero-body>.hero-detail{font-size:12px}
.hero-body>.hero-actions{gap:12px;margin-top:20px}
.hero-body .button{padding:10px 13px;gap:12px;font-size:12px;min-height:40px}
.hero-body .secondary-link{font-size:11px;white-space:nowrap}
.hero-body>.trial-note{font-size:10px}
.hero-copy>.benefits{grid-column:2;grid-row:3;align-self:start;display:flex;flex-direction:column;gap:26px;margin:0;padding:0;background:transparent;border-radius:0}
.benefits>div{flex-direction:row;align-items:center;gap:10px}
.benefits h2{font-size:14px;margin-bottom:6px}
.benefits p{font-size:10px;line-height:1.6}
.benefit-icon{width:20px;height:auto;background:none;border-radius:0;font-size:25px;min-width:20px}
img.brand-icon{width:36px;height:36px}
}

button.contact{width:100%;background:transparent;color:inherit;text-align:left;border-top:0;border-left:0;border-right:0;border-radius:0}
button.contact:disabled{cursor:default}
button.contact:disabled:hover .contact-action{text-decoration:none}

.contact-text>span{overflow-wrap:anywhere}

.copy-action{display:flex;align-items:center;justify-content:center;gap:10px;min-width:92px;min-height:46px;padding:10px 14px;background:#ffffff14;border:1px solid #ffffff35;border-radius:10px;font-size:16px;font-weight:600}
.copy-action svg{width:23px;height:23px;flex-shrink:0}
.copied-icon{display:none}
button.contact:hover .copy-action{text-decoration:none;background:#ffffff24}
button.contact.is-copied .copy-action{color:#85e0e5;border-color:#85e0e5}
button.contact.is-copied .copy-icon{display:none}
button.contact.is-copied .copied-icon{display:block}


@media(max-width:760px){.copy-action{min-width:82px;padding:10px 12px;font-size:15px;gap:8px}.contact-text{min-width:0}}

.contact:hover .telegram-action{text-decoration:none;background:#ffffff24}
.copy-dialog{width:min(380px,calc(100% - 40px));padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);text-align:center;box-shadow:0 20px 70px #191d3b25}
.copy-dialog::backdrop{background:#191d3b75;backdrop-filter:blur(4px)}
.copy-dialog-symbol{display:grid;place-items:center;width:54px;height:54px;margin:0 auto;background:var(--lilac);color:var(--accent);border-radius:50%;font-size:28px}
.copy-dialog h2{font-size:23px;margin:20px 0 12px}
.copy-dialog-message{font-size:14px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere;margin:0 0 24px}
.copy-dialog-close{width:100%;min-height:44px;padding:12px 20px}

footer{justify-content:center;flex-wrap:wrap;gap:14px 24px;text-align:center;padding:24px 0}footer>span{display:inline}footer small{width:100%;text-align:center}

.brand{gap:10px;font-size:24px;line-height:1.05;letter-spacing:-.6px}
.brand-cn{font-size:10px;line-height:1.2;letter-spacing:2px;margin-top:5px}
@media(max-width:760px){.brand{gap:9px;font-size:21px}.brand-cn{font-size:9px;letter-spacing:1.5px;margin-top:4px}}

.qq-icon svg{width:30px;height:30px}