:root{--ink:#17233d;--green:#0755e9;--mint:#bfeaff;--paper:#ffffff;--line:#e0e8f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,summary,textarea,select{outline-offset:5px}button{cursor:pointer}p{color:#59677d}.preview{text-align:center;background:#edf5ff;padding:6px 15px;font-size:12px;color:#506589}header{padding:22px 5%;display:flex;justify-content:space-between;align-items:center;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:700;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500}.mark{display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:var(--mint);font-size:25px;border-radius:4px}nav{display:flex;gap:27px;align-items:center;font-size:13px}.navcta{border:1px solid #b9cbea;padding:9px 16px}#menu{display:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:650px;padding:65px 5% 55px;gap:15px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:700;color:var(--green);margin:0 0 24px}h1{font-size:clamp(35px,4.1vw,65px);letter-spacing:-2px;line-height:1.27;margin:22px 0 28px}h1 span{color:var(--green)}.lead{font-size:16px;line-height:2}.actions{display:flex;gap:27px;align-items:center;margin:32px 0}.button{display:inline-flex;justify-content:space-between;gap:25px;align-items:center;background:var(--green);color:white;padding:14px 23px;border:0;border-radius:3px;font-size:14px}.button:hover{background:#003ec7}.textlink{font-size:13px;background:none;border:0;color:var(--green);padding:0}.subtle{font-size:12px;color:#718099}.orbit{position:relative;background:#eaf4ff;border-radius:50% 50% 7px 7px;min-height:480px;display:grid;place-items:center;isolation:isolate}.globe{width:310px;height:310px;border:1px solid #77a6ee;border-radius:50%;position:relative;transform:rotate(-18deg);background:radial-gradient(circle at 28% 20%,#ecfbff,#8cc6ff 65%,#4777ed);box-shadow:25px 30px 60px #1555e920;overflow:hidden}.globe i{position:absolute;border:1px solid #3772d955;border-radius:50%;height:100%;width:65%;left:17.5%}.globe i:nth-child(2){width:30%;left:35%}.globe i:nth-child(3){width:90%;left:5%}.globe i:nth-child(4){width:1px;left:50%}.globe b{position:absolute;left:-10%;width:120%;height:35%;top:32.5%;border:1px solid #3772d960;border-radius:50%}.globe b:nth-of-type(2){top:12%;height:30%}.globe b:nth-of-type(3){top:59%;height:30%}.orbit-tag{position:absolute;background:var(--paper);padding:9px 15px;border:1px solid #d7e7ff;border-radius:30px;font-size:11px;box-shadow:0 8px 25px #173c8c0b}.tag1{top:100px;right:10px}.tag2{bottom:160px;left:-10px}.tag3{top:35px;left:30px;background:var(--ink);color:var(--mint);letter-spacing:2px}.orbit-caption{position:absolute;bottom:27px;left:35px;font-size:20px}.orbit-caption small{display:block;font-size:10px;color:#677e9e}.proof{margin:0 5%;padding:30px 0;display:grid;grid-template-columns:1fr 1fr 1.5fr 1.5fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:20px}.proof strong{font-size:35px;font-weight:500}.proof strong span{font-size:15px}.proof p{margin:0;font-size:12px}.proofnote{border-left:1px solid var(--line);padding-left:20px}.section{padding:100px 5%;scroll-margin-top:20px}h2{font-size:clamp(29px,3vw,43px);line-height:1.4;letter-spacing:-1px;margin:0 0 28px;font-weight:600}h3{font-size:20px;font-weight:600}.about{display:grid;grid-template-columns:1fr 1.25fr;gap:8%}.large{font-size:22px;color:var(--ink);margin-top:0}.notice{background:#f4eddd;border-left:3px solid #b99043;padding:16px 20px;font-size:12px;color:#796136;margin-top:25px}.tinted{background:#f2f7ff}.sectiontitle{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.services article{background:var(--paper);padding:30px;min-height:290px;border-top:2px solid #5a8deb}.services article>span{color:var(--green);font-size:12px}.services h3{margin-top:35px}.services p{font-size:14px;min-height:80px}.services a{font-size:13px;color:var(--green)}.servicefoot{font-size:12px;margin-top:24px;color:#5e7497}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:50px 0 30px}.steps article{border-top:1px solid #b6ccee;padding-top:20px}.steps b{font-size:33px;font-weight:400;color:#4b7bd7}.steps p{font-size:14px}.market{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10%}.market .eyebrow{color:var(--mint)}.market p{color:#c5d8f7}.market .button{background:var(--mint);color:var(--ink);margin-top:20px}.marketlist>div{display:grid;grid-template-columns:40px 1fr;align-items:center;padding:23px 0;border-bottom:1px solid #49678f}.marketlist span{grid-row:span 2;color:#7ccfff;font-size:11px}.marketlist strong{font-size:23px;font-weight:500}.marketlist small{color:#b4c9ee;font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:7%}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:17px}details p{font-size:14px;padding-right:25px}.contact{background:#f2f7ff;display:grid;grid-template-columns:1fr 1fr;gap:8%}.wechat{display:flex;align-items:center;gap:20px;margin:40px 0 25px}.qr{width:130px;height:130px;border:2px dashed #b79243;background:#fffaf0;color:#8b682d;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;text-align:center;flex-shrink:0}.qr strong{font-size:20px}.qr small{font-size:10px}.placeholder{color:#8b682d;font-size:12px}.wechat h3{margin:0}.wechat p{margin:8px 0}form{background:var(--paper);padding:32px;border:1px solid #d6e5fb;border-radius:5px}form h3{margin:0}form>p{font-size:12px;margin-bottom:22px}label{display:block;font-size:12px;margin:14px 0}input,textarea,select{width:100%;border:1px solid #c8d7ed;border-radius:3px;padding:11px 12px;color:var(--ink);background:#fff;margin-top:7px}textarea{resize:vertical}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.consent{display:flex;gap:9px;align-items:flex-start;line-height:1.7}.consent input{width:auto;margin-top:4px}#result{margin-top:22px;border-top:1px solid var(--line)}#result button{background:var(--ink);color:white;border:0;padding:8px 18px}#status{font-size:12px}footer{padding:45px 5%;display:flex;gap:35px;align-items:center;justify-content:space-between}footer p,footer>a:last-child{font-size:11px}footer .brand{font-size:19px}footer .brand small{font-size:10px;letter-spacing:0}.floating{position:fixed;right:20px;bottom:20px;background:var(--green);color:white;border:1px solid #87b0ff;padding:12px 20px;border-radius:30px;z-index:9;box-shadow:0 6px 25px #17438c22}dialog{border:1px solid var(--line);max-width:520px;width:90%;padding:38px;text-align:center;background:var(--paper);color:var(--ink);border-radius:8px}dialog::backdrop{background:#17233daa}dialog .qr{margin:20px auto}dialog p{font-size:13px}#close{position:absolute;top:8px;right:15px;background:none;border:0;font-size:27px}@media(max-width:1000px){nav{gap:14px}.hero{grid-template-columns:1.1fr 1fr}.globe{width:250px;height:250px}.orbit{min-height:460px}.proof{grid-template-columns:1fr 1fr 1.5fr}.proofnote{grid-column:1/-1;border:0;padding:0}.services article{padding:22px}.contact{gap:4%}}@media(max-width:760px){header{padding:14px 5%}.brand{font-size:19px}#menu{display:block;background:none;border:1px solid var(--line);padding:5px 10px}nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--paper);padding:25px 5%;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:45px;gap:35px}.hero h1{font-size:39px}.hero .lead{font-size:14px}.desktop{display:none}.orbit{min-height:400px;margin:0 10px}.globe{width:265px;height:265px}.tag2{bottom:110px}.tag1{top:80px}.orbit-caption{font-size:17px;bottom:18px}.proof{grid-template-columns:1fr 1fr;gap:25px}.proof>div:nth-child(3){grid-column:1/-1}.proof strong{font-size:32px}.section{padding:65px 5%}.about,.faq,.contact,.market{grid-template-columns:1fr;gap:30px}.sectiontitle{display:block}.services{grid-template-columns:1fr}.services article{min-height:auto}.services h3{margin-top:22px}.services p{min-height:0}.steps{grid-template-columns:1fr 1fr;gap:20px}.steps h3{font-size:17px}.large{font-size:19px}form{padding:23px}.wechat{gap:15px}.qr{width:110px;height:110px}footer{align-items:flex-start;flex-direction:column;padding-bottom:90px;gap:15px}.actions{gap:20px}.button{padding:13px 19px}.preview{font-size:10px}.formrow{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Blue palette revision: white, ice blue, electric blue, cyan and violet accents. */
:root{--accent-cyan:#13b9f5;--accent-violet:#6651f0}
header{background:rgba(255,255,255,.96)}
.hero{background:radial-gradient(ellipse at 86% 24%,#c4efff 0,transparent 43%),radial-gradient(ellipse at 39% 40%,#c8dcff 0,transparent 54%),linear-gradient(180deg,#edf5ff 0%,#f7fbff 80%,#fff 100%)}
h1 span{color:#0755e9}
.button,.floating{background:linear-gradient(110deg,#079cf7,#0755ef 78%);box-shadow:0 7px 20px #1262ee18}
.button:hover,.floating:hover{background:linear-gradient(110deg,#0785df,#0645d0)}
.mark{background:linear-gradient(135deg,#0ca9f3,#174be4 62%,#6946e9);color:#fff}
.orbit{background:radial-gradient(circle at 55% 45%,#c9e5ff90,transparent 68%)}
.globe{background:radial-gradient(circle at 27% 19%,#e9fbff,#86caff 50%,#487cf0 83%,#6856e9);border-color:#78b1f6;box-shadow:25px 30px 60px #2469ea24,inset -15px -10px 30px #5c5df21a}
.tag3{background:linear-gradient(110deg,#04a7ef,#1354eb 70%,#6651f0);color:#fff;border-color:#97c6ff}
.orbit-tag{border-color:#c4dcff;box-shadow:0 8px 25px #135bea12}
.navcta{border-color:#0755e9;color:#0755e9}.navcta:hover{background:#eef5ff}
.tinted{background:radial-gradient(ellipse at 80% 10%,#e3f8ff,transparent 60%),#f4f8ff}
.services article{border-top-color:#2777f5;box-shadow:0 10px 30px #1a5ad106}
.market{background:radial-gradient(ellipse at 100% 0%,#274e9b,transparent 65%),#11264e}
.market .button{background:#fff;color:#0755e9}.market .eyebrow{color:#91dbff}
.contact{background:radial-gradient(ellipse at 0% 30%,#d7f2ff,transparent 60%),linear-gradient(120deg,#eff6ff,#edf0ff)}
input:focus,textarea:focus,select:focus{outline:2px solid #4c8eff;outline-offset:1px}
footer{background:#fafcff}

/* Scroll reveal, floating hero and restrained interactive motion. */
header{transition:box-shadow .3s ease,background .3s ease}
header.scrolled{box-shadow:0 5px 24px #17438512;background:rgba(255,255,255,.98)}
#nav a{transition:color .2s ease,background .2s ease;position:relative}
#nav a:not(.navcta)::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:#0755e9;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
#nav a.active{color:#0755e9}
#nav a.active::after{transform:scaleX(1)}
.services article{transition:translate .3s ease,box-shadow .3s ease}
.button,.floating{transition:translate .25s ease,box-shadow .25s ease}
.globe{animation:globe-drift 7s ease-in-out infinite}
.orbit-tag{animation:tag-drift 5.5s ease-in-out infinite}
.tag2{animation-delay:-2s}.tag3{animation-delay:-3.5s}
@keyframes globe-drift{0%,100%{transform:translateY(0) rotate(-18deg)}50%{transform:translateY(-12px) rotate(-14deg)}}
@keyframes tag-drift{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(hover:hover) and (pointer:fine){.services article:hover{translate:0 -7px;box-shadow:0 20px 40px #1456d115}.button:hover,.floating:hover{translate:0 -2px;box-shadow:0 10px 25px #1262ee26}}
@media(max-width:760px){#nav a:not(.navcta)::after{bottom:0;right:auto;width:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.globe,.orbit-tag{animation:none}header,#nav a,#nav a::after,.services article,.button,.floating{transition:none}.services article:hover,.button:hover,.floating:hover{translate:none}}

/* Full-width, three-panel brand banner. */
.hero.banner{display:block;padding:0;min-height:0;background:#f3f8ff;position:relative}
.banner-window{overflow:hidden;touch-action:pan-y pinch-zoom}
.banner-track{display:flex;transition:transform .75s cubic-bezier(.22,.7,.25,1)}
.banner-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:24px;padding:55px 7% 90px;min-height:650px;background:radial-gradient(ellipse at 87% 25%,#bcecff,transparent 46%),radial-gradient(ellipse at 35% 45%,#c8dcff,transparent 58%),linear-gradient(180deg,#edf5ff,#fff)}
.banner-slide h2{font-size:clamp(35px,4.1vw,65px);letter-spacing:-2px;line-height:1.27;margin:22px 0 28px;font-weight:700}.banner-slide h2 span{color:#0755e9}
.slide-2{background:radial-gradient(ellipse at 80% 35%,#d9d7ff,transparent 52%),linear-gradient(120deg,#f5faff,#dbf3ff 65%,#f0eeff)}
.slide-3{background:radial-gradient(ellipse at 75% 30%,#b7eaff,transparent 52%),linear-gradient(120deg,#f6fbff,#dceaff 70%,#eff4ff)}
.banner-controls{position:absolute;bottom:25px;left:7%;display:flex;align-items:center;gap:15px}
.banner-arrow{width:38px;height:38px;border:1px solid #8baee9;border-radius:50%;background:#ffffffba;color:#0755e9;font-size:18px}.banner-arrow:hover{background:#0755e9;color:white}
.banner-dots{display:flex;gap:4px;align-items:center}.banner-dots button{width:32px;height:32px;border:0;background:transparent;padding:10px 3px;position:relative}.banner-dots button::after{content:"";display:block;width:100%;height:4px;border-radius:8px;background:#b7cae8;transition:background .3s,transform .3s}.banner-dots button.selected::after{background:#0755e9;transform:scaleY(1.5)}
.banner-pause{border:0;background:none;font-size:12px;color:#506a96;padding:8px}
.banner-art{position:relative;min-height:460px;display:grid;place-items:center;isolation:isolate}
.art-halo{position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,#c7ebff 10%,#b2caff66 55%,transparent 72%);border:1px solid #c6daff}
.account-card{width:310px;min-height:290px;padding:33px;background:linear-gradient(145deg,#fff,#e8f5ff);border:1px solid white;border-radius:22px;box-shadow:20px 25px 55px #3e64c12b;transform:rotate(-7deg);position:relative}.art-kicker{font-size:11px;letter-spacing:3px;color:#496ccc}.art-title{font-size:27px;font-weight:700;margin:15px 0;color:#164aab}.art-line{height:9px;border-radius:5px;background:#c4ddf9;width:75%;margin-top:15px}.art-line.short{width:50%}.art-check{width:64px;height:64px;margin:20px 0;border-radius:18px;background:linear-gradient(120deg,#0cc7f4,#2052ec);color:white;font-size:40px;display:grid;place-items:center}.art-label{font-size:10px;color:#6a7b9b}.art-chip{position:absolute;padding:12px 20px;border:1px solid white;background:#f8fcffdd;border-radius:25px;color:#2159ba;box-shadow:0 10px 25px #2561c91a;font-size:13px}.chip-a{top:60px;right:15px}.chip-b{bottom:65px;left:5px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1000px){.banner-slide{padding-left:5%;padding-right:5%}.art-halo{width:290px;height:290px}.account-card{width:250px}.banner-controls{left:5%}}
@media(max-width:760px){.banner-slide{grid-template-columns:1fr;gap:10px;align-content:start;min-height:900px;padding:35px 5% 80px}.banner-slide h1,.banner-slide h2{font-size:36px;line-height:1.3}.banner-slide .lead{font-size:14px}.banner-slide .orbit{min-height:360px;margin-top:10px}.banner-art{min-height:360px}.art-halo{width:285px;height:285px}.account-card{width:250px;min-height:250px;padding:25px}.chip-a{top:30px;right:5px}.chip-b{bottom:30px}.banner-controls{bottom:15px}.banner-slide .actions{gap:18px;flex-wrap:wrap}.banner-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){.banner-track,.banner-dots button::after{transition:none}}

/* Supplied campaign artwork is explicitly identified as unverified reference. */
.banner-slide.campaign-slide{display:flex;flex-direction:column;justify-content:center;gap:0;padding:0 0 85px;background:#e5f5ff;min-height:650px}
.campaign-slide img{display:block;width:100%;height:auto;object-fit:contain}
.campaign-notice{align-self:stretch;background:#fff2d5;color:#704c13;text-align:center;font-size:13px;font-weight:700;padding:11px 5%;border-bottom:1px solid #ead2a0}
.campaign-caption{font-size:12px;color:#546781;padding:12px 5%;text-align:center}.campaign-caption a{color:#0755e9;text-decoration:underline;margin-left:12px}
@media(max-width:760px){.banner-slide.campaign-slide{min-height:900px;justify-content:flex-start;padding-top:35px}.campaign-slide img{margin-top:30px}.campaign-caption{margin-top:20px}.campaign-caption a{display:block;margin:10px 0}.campaign-notice{font-size:12px}}

/* Keep supplied raster artwork within its native resolution. */
.campaign-slide img{width:100%;max-width:1400px;height:auto;align-self:center;object-fit:contain}
.banner-slide.campaign-slide{background:linear-gradient(110deg,#c5e6ff,#edf8ff 65%,#d8f2ff)}

/* Original local source layers, replacing the enlarged screenshot. */
.campaign-original-layout{width:100%;max-width:1600px;display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:30px;padding:24px 5% 0;margin:auto}
.campaign-slide .campaign-offer-image{width:100%;max-width:none;height:auto;display:block}
.campaign-slide .campaign-people-image{width:100%;max-width:555px;height:auto;display:block;justify-self:center}
.campaign-offer{min-width:0}.campaign-offer .actions{margin:30px 0 0}
.banner-slide.campaign-slide{justify-content:flex-start;min-height:650px}
@media(max-width:760px){.campaign-original-layout{grid-template-columns:1fr;gap:20px;padding-top:20px}.campaign-slide .campaign-offer-image{margin:0}.campaign-slide .campaign-people-image{width:75%;max-width:330px;margin:0}.campaign-offer .actions{margin-top:20px}.campaign-slide .campaign-caption{margin-top:0}}

/* Business statistics: consistent figures, aligned labels and a quiet footnote. */
.proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:38px 0 20px;align-items:stretch}
.proof>div{padding:8px 32px 24px;min-width:0;border-right:1px solid #e0e8f5}
.proof>div:first-child{padding-left:0}
.proof>div:nth-child(3){border-right:0}
.proof strong{display:flex;align-items:baseline;gap:9px;white-space:nowrap;font-family:Arial,"Microsoft YaHei",sans-serif;font-variant-numeric:lining-nums tabular-nums;font-size:clamp(34px,3.4vw,52px);font-weight:600;letter-spacing:-1.5px;line-height:1.2;color:#17233d}
.proof strong span{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;font-weight:400;letter-spacing:0;color:#59677d}
.proof>div>p{font-size:14px;font-weight:500;line-height:1.7;margin-top:13px;color:#506589}
.proof .proofnote{grid-column:1/-1;border-left:0;border-top:1px solid #edf1f8;padding:15px 0 0;margin:0;font-size:11px;line-height:1.9;color:#7a879c;font-weight:400}
.proofnote br{display:none}.proofnote br::after{content:" "}
@media(max-width:760px){.proof{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:25px}.proof>div{padding:5px 12px 21px}.proof>div:nth-child(3){grid-column:auto}.proof strong{font-size:clamp(23px,6vw,36px);letter-spacing:-.8px;gap:4px;flex-wrap:wrap}.proof strong span{font-size:10px;letter-spacing:0}.proof>div>p{font-size:11px;margin-top:10px}.proof .proofnote{font-size:10px;padding-top:12px}}

/* About: brand positioning and service values. */
.about-intro{font-size:clamp(23px,2.1vw,31px);line-height:1.6;color:#17233d;margin:0 0 22px;letter-spacing:-.4px}
.about-intro strong{font-weight:600;color:#0755e9}
.about-description{font-size:15px;line-height:2.1;color:#59677d;margin:0 0 30px;max-width:720px}
.about-values{display:grid;gap:0;border-top:1px solid #e0e8f5}
.about-values article{padding:21px 0;border-bottom:1px solid #e0e8f5}
.about-values article>span{font-size:11px;color:#4979cb;letter-spacing:1px}
.about-values h3{font-size:17px;line-height:1.6;margin:7px 0 6px;font-weight:600;color:#17233d}
.about-values p{font-size:13px;line-height:1.9;margin:0;color:#65758c}
@media(max-width:760px){.about-description{font-size:14px}.about-values article{padding:18px 0}}

/* Original WeChat QR: centered square display keeps all code and quiet margins. */
.wechat-qr-button{padding:0;border:1px solid #dbe5f4;border-radius:10px;background:white;flex-shrink:0;overflow:hidden;line-height:0}
.wechat-qr-image{display:block;width:180px;height:180px;object-fit:cover;object-position:center}
.wechat-hint{color:#59677d;font-size:12px;line-height:1.9}
.wechat-qr-large{display:block;width:min(340px,100%);height:auto;aspect-ratio:1;object-fit:cover;object-position:center;margin:20px auto;border:1px solid #e0e8f5;border-radius:6px}
@media(max-width:760px){.wechat-qr-image{width:140px;height:140px}.wechat h3{font-size:18px}}
.business-email{font-size:14px;color:#59677d;overflow-wrap:anywhere}.business-email a{color:#0755e9}.business-email a:hover{text-decoration:underline}

/* Nudge carousel controls right without changing banner content. */
.banner-controls{left:10%}
@media(max-width:1000px){.banner-controls{left:8%}}

.client-login{display:inline-flex;align-items:center;justify-content:center;background:#0755e9;color:#fff;padding:9px 16px;border:1px solid #0755e9;border-radius:3px;white-space:nowrap}.client-login:hover{background:#003ec7}#nav a.client-login.active{color:#fff}@media(min-width:761px) and (max-width:1200px){nav{gap:12px;font-size:12px}.navcta,.client-login{padding:8px 10px}}