:root{--navy:#0759c7;--blue:#1495ff;--orange:#ff6a21;--cream:#f3f8ff;--ink:#073b76;--muted:#627a94}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e7eaec}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:900;letter-spacing:.07em}.brand>b{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--orange);font-size:21px}.brand i{font-style:normal;color:#82909a;font-weight:500}nav{display:flex;gap:32px;font-size:12px;font-weight:700}.actions{display:flex;align-items:center;gap:14px}.actions select{border:0;background:none;font-weight:800}.navcta{padding:13px 17px;color:#fff;background:var(--navy);font-size:10px;font-weight:800;text-transform:uppercase}.hero{min-height:660px;display:grid;grid-template-columns:53% 47%;color:#fff;background:var(--navy);overflow:hidden}.herotext{padding:95px 7vw 50px}.kicker{color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero h1{font-size:clamp(50px,6vw,86px);line-height:.98;letter-spacing:-.045em;margin:22px 0 28px}.lead{max-width:660px;color:#b7c3cd;font-size:18px;line-height:1.65}.heroactions{display:flex;align-items:center;gap:28px;margin-top:35px;font-size:11px;font-weight:800}.button{display:inline-flex;padding:17px 19px;background:var(--orange);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase}.metrics{display:flex;gap:42px;margin-top:72px;color:#91a2b1;font-size:9px;text-transform:uppercase;line-height:1.5}.metrics b{display:block;color:#fff;font-size:16px}.map{position:relative;background:radial-gradient(circle at 45% 45%,#20a4ff,#0b75df 55%,#0759c7);overflow:hidden}.map:before{content:"";position:absolute;inset:-20%;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:48px 48px;transform:rotate(10deg)}.pacific{position:absolute;left:42%;top:47%;font-size:9px;letter-spacing:.2em;color:#7694a8}.pin{position:absolute;padding-left:23px;color:#98acba;font-size:9px;letter-spacing:.12em}.pin i{position:absolute;left:0;top:4px;width:12px;height:12px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 6px #fff2}.pin b{color:#fff;font-size:11px;letter-spacing:0}.china{right:11%;top:21%}.latam{left:11%;bottom:24%}.arc{position:absolute;width:74%;height:54%;left:15%;top:26%;border-left:2px dashed #ff713f99;border-bottom:2px dashed #ff713f99;border-radius:0 0 0 80%}.ship{position:absolute;left:50%;top:53%;color:var(--orange);font-size:24px;transform:rotate(-22deg)}.ship small{display:block;color:#fff6}.ddp{position:absolute;right:7%;bottom:7%;display:grid;padding:18px 20px;background:#074a9cbb;border:1px solid #fff2;text-transform:uppercase;font-size:8px;letter-spacing:.13em}.ddp strong{font-size:31px;letter-spacing:0}.ddp small{color:var(--orange)}.section{padding:100px 6vw}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:44px}.section h2,.whcopy h2,.insights h2,.quote h2{font-size:clamp(37px,4.3vw,62px);line-height:1.05;letter-spacing:-.045em;margin:15px 0;max-width:700px}.sectionhead>p{max-width:380px;color:var(--muted);line-height:1.7}.routegrid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#d9dfe2;border:1px solid #d9dfe2}.routecard{min-height:315px;padding:25px;display:flex;flex-direction:column;background:#fff}.cardtop{display:flex;justify-content:space-between}.cardtop span{padding:8px;background:var(--cream);font-size:11px;font-weight:900}.cardtop small{color:#a8b2b9}.routecard h3{font-size:20px;margin:38px 0 8px}.routecard p{font-size:12px;color:var(--muted)}.time{display:grid;margin-top:auto;padding-top:18px;border-top:1px solid #e1e5e7}.time small{font-size:8px;color:#929da5;letter-spacing:.12em}.time b{font-size:13px;margin-top:6px}.routecard>a{margin-top:24px;color:var(--orange);font-size:11px;font-weight:800}.warehouse{min-height:690px;display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.whvisual{position:relative;overflow:hidden;background:linear-gradient(145deg,#1598ff,#074a9c)}.whvisual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,#fff1 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#fff1 50%,transparent 50.3%);background-size:160px 160px}.whvisual>span{position:absolute;top:10%;left:9%;color:#88a1b4;font-size:10px;letter-spacing:.18em}.boxes{position:absolute;left:25%;top:34%;width:50%;height:36%}.boxes i{position:absolute;width:45%;height:52%;background:linear-gradient(135deg,#d59a61,#80502e);box-shadow:0 30px 50px #0007}.boxes i:nth-child(2){left:40%;top:18%;background:linear-gradient(135deg,#c47e4b,#714020)}.boxes i:nth-child(3){left:19%;top:-31%;background:linear-gradient(135deg,#efb276,#98562f)}.whlabel{position:absolute;left:9%;bottom:9%;display:flex;gap:35px;align-items:end;color:#fff}.whlabel b{font-size:27px;line-height:.95}.whlabel small{color:#91a5b4;line-height:1.7}.whcopy{padding:85px 8vw}.whcopy>p:not(.kicker),.quote>div>p:not(.kicker){color:var(--muted);line-height:1.7}.whcopy ul{list-style:none;padding:0;margin:30px 0}.whcopy li{padding:16px 0;border-top:1px solid #d6d5cf;font-size:13px;font-weight:700}.whcopy li span{display:inline-block;width:47px;color:var(--orange);font-size:9px}.button.dark{background:var(--navy)}.process{text-align:center}.process h2{margin:15px auto 55px}.steps{display:grid;grid-template-columns:repeat(4,1fr);text-align:left;border-top:1px solid #dce1e4}.steps article{padding:36px 28px;border-right:1px solid #dce1e4}.steps article>small{color:#98a3aa}.steps article>div{width:47px;height:47px;display:grid;place-items:center;margin:48px 0 27px;color:var(--orange);background:var(--navy)}.steps h3{font-size:17px}.steps p{color:var(--muted);font-size:12px;line-height:1.6}.insights{padding:90px 6vw;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:45px;color:#fff;background:var(--navy)}.insights h2{font-size:45px}.insights article{padding:30px;border-left:1px solid #fff2}.insights article small{color:var(--orange);letter-spacing:.14em}.insights article h3{font-size:20px;line-height:1.45;margin:38px 0 60px}.insights article a{font-size:11px;font-weight:800}.quote{padding:100px 7vw;display:grid;grid-template-columns:42% 58%;gap:8vw;background:#f5f1e8}.quote>div>label{display:grid;margin-top:55px;color:#999;font-size:9px;letter-spacing:.13em}.quote>div>label b{margin-top:7px;color:var(--ink);font-size:14px;letter-spacing:0}.quote form{padding:34px;background:#fff;box-shadow:0 20px 60px #11263b12}.quote form label{display:grid;gap:8px;margin-bottom:20px;color:#78848c;font-size:9px;font-weight:800;letter-spacing:.11em}.quote input,.quote select,.quote textarea{padding:11px 0;border:0;border-bottom:1px solid #d8dde0;outline:0;background:#fff;color:var(--ink);font:13px Arial}.quote textarea{height:75px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:25px}.quote button{width:100%;padding:17px;border:0;color:#fff;background:var(--orange);font-size:11px;font-weight:800;text-transform:uppercase;cursor:pointer}.quote form>small{display:block;margin-top:13px;text-align:center;color:#999;font-size:9px}footer{padding:55px 6vw 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;color:#fff;background:#043b85}footer p{max-width:330px;color:#8fa0ae;font-size:12px;line-height:1.6}footer>div{display:flex;justify-content:flex-end;gap:25px;font-size:11px}footer>small{grid-column:1/-1;padding-top:24px;border-top:1px solid #fff1;color:#667989;font-size:9px}
@media(max-width:980px){nav{display:none}.hero{grid-template-columns:1fr}.map{min-height:430px}.routegrid{grid-template-columns:repeat(2,1fr)}.warehouse{grid-template-columns:1fr}.whvisual{min-height:500px}.steps{grid-template-columns:repeat(2,1fr)}.insights{grid-template-columns:1fr}.quote{grid-template-columns:1fr}}
@media(max-width:600px){header{padding:0 18px}.navcta,.brand i{display:none}.herotext{padding:70px 24px}.hero h1{font-size:50px}.metrics{flex-wrap:wrap;gap:20px}.section{padding:75px 22px}.sectionhead{display:block}.routegrid{grid-template-columns:1fr}.whcopy{padding:65px 24px}.steps{grid-template-columns:1fr}.insights,.quote{padding:70px 22px}.two{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start}}

/* Huanei brand logo */
header{height:88px}
.brand img{display:block;width:auto;height:64px;max-width:360px;object-fit:contain}
footer .brand img{height:58px;max-width:330px;background:#fff;border-radius:4px;padding:4px 8px}
@media(max-width:700px){header{height:74px}.brand img{height:48px;max-width:245px}.actions{gap:6px}.actions select{font-size:11px}footer .brand img{height:48px;max-width:250px}}

/* Database FAQ */
.faq-section{padding:100px 7vw;background:#fff;display:grid;grid-template-columns:minmax(260px,.75fr) minmax(420px,1.25fr);gap:8vw;align-items:start}
.faq-heading{position:sticky;top:125px}.faq-heading h2{font-size:clamp(38px,4.2vw,62px);line-height:1.05;letter-spacing:-.045em;margin:15px 0 22px}.faq-heading>p:last-child{color:var(--muted);line-height:1.7;max-width:430px}.faq-list{border-top:1px solid #dce5ef}.faq-item{border-bottom:1px solid #dce5ef}.faq-item summary{list-style:none;display:grid;grid-template-columns:42px 1fr 28px;gap:15px;align-items:center;padding:24px 0;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{color:var(--orange);font-size:10px;font-weight:900}.faq-item summary strong{font-size:17px;line-height:1.45}.faq-item summary i{width:20px;height:20px;position:relative}.faq-item summary i:before,.faq-item summary i:after{content:"";position:absolute;left:4px;top:9px;width:13px;height:2px;background:var(--navy);transition:.2s}.faq-item summary i:after{transform:rotate(90deg)}.faq-item[open] summary i:after{transform:rotate(0)}.faq-answer{padding:0 40px 24px 57px;color:var(--muted);line-height:1.75}.faq-answer p{margin:0}.faq-item[open] summary strong{color:var(--navy)}
@media(max-width:800px){.faq-section{grid-template-columns:1fr;gap:35px;padding:75px 22px}.faq-heading{position:static}.faq-item summary{grid-template-columns:30px 1fr 24px}.faq-answer{padding-left:45px;padding-right:10px}}