/*
Theme Name: Shangnuo Trade
Author: Dingzhou Shangnuo Trading Co., Ltd.
Version: 1.0
*/
:root{--navy:#061a2b;--blue:#0b7891;--cyan:#28c5d8;--ink:#102637;--muted:#607585;--light:#f2f7fa;--white:#fff}
*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 24px}.top{background:var(--navy);color:#dcecf1;font-size:13px;padding:9px 0}.nav{background:#fff;border-bottom:1px solid #e4edf1}.navin{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{font-weight:800;font-size:20px;color:var(--navy);letter-spacing:.3px;white-space:nowrap}.brand span{color:var(--cyan)}.menu{display:flex;gap:28px;font-size:14px;font-weight:700;align-items:center}.menu a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:var(--cyan);color:#03212e;border-radius:4px;padding:12px 22px;font-weight:800;font-size:14px;text-align:center}.hero{background:linear-gradient(90deg,rgba(4,22,37,.98) 0%,rgba(4,22,37,.88) 42%,rgba(4,22,37,.18) 100%),url('assets/hero.png') center/cover;min-height:570px;color:#fff;display:flex;align-items:center}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.08;max-width:650px;margin:0 0 20px}.hero p{font-size:19px;color:#d3e6ed;max-width:590px;margin:0 0 30px}.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:13px;margin-bottom:16px}.section{padding:78px 0}.section.alt{background:var(--light)}.section h2{font-size:36px;line-height:1.15;margin:0 0 14px;color:var(--navy)}.intro{max-width:650px;color:var(--muted);font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.card{background:#fff;border:1px solid #dce8ed;padding:26px;border-radius:8px;box-shadow:0 8px 24px rgba(7,35,50,.06)}.card h3{color:var(--navy);margin:0 0 10px;font-size:21px}.card p{color:var(--muted);margin:0 0 18px}.link{color:var(--blue);font-weight:800;font-size:14px}.band{background:var(--navy);color:#fff;padding:54px 0}.bandin{display:flex;align-items:center;justify-content:space-between;gap:30px}.band h2{margin:0;font-size:32px}.band p{color:#c6dbe1;margin:6px 0 0}.footer{background:#03111d;color:#aec4cc;padding:40px 0;font-size:14px}.footerin{display:flex;justify-content:space-between;gap:24px}.footer strong{color:#fff;font-size:18px}.small{font-size:13px;color:#78929c}@media(max-width:900px){.navin{flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.menu{order:3;width:100%;justify-content:center;gap:16px;flex-wrap:wrap}.navin>.btn{font-size:13px;padding:10px 14px}}@media(max-width:760px){.wrap{padding-left:18px;padding-right:18px}.menu{font-size:13px;gap:10px 14px}.hero{min-height:540px}.hero p{font-size:17px}.grid{grid-template-columns:1fr}.bandin,.footerin{display:block}.band .btn{margin-top:24px}.section{padding:56px 0}.section h2{font-size:30px}.card{padding:22px}}