:root{--ink:#102335;--muted:#5d6b76;--line:#dce3e8;--blue:#1767df;--pale:#f3f6f8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1200px)/2),5vw);border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;gap:11px;align-items:center;font:800 15px Manrope,sans-serif;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:4px;background:var(--ink);color:#fff;font:700 22px Manrope,Arial,sans-serif}.brand-sub{display:block;font:600 9px 'DM Sans',Arial,sans-serif;letter-spacing:.17em;color:var(--muted)}.topbar nav{display:flex;gap:34px;font-size:13px;color:#425363}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:4px;padding:14px 20px;background:var(--blue);color:#fff;font-weight:700;font-size:13px;cursor:pointer}.button:hover{background:#0d52b7}.button-small{padding:11px 15px}.hero{max-width:1200px;min-height:580px;margin:auto;padding:70px 0 54px;display:grid;grid-template-columns: .93fr 1.07fr;gap:54px;align-items:center}.hero-copy{padding-left:8px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--blue);margin:0 0 15px}.hero h1{font:800 clamp(44px,5vw,68px)/1.06 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 22px;max-width:580px}.lead{font-size:16px;color:var(--muted);max-width:530px}.hero-actions{display:flex;align-items:center;gap:25px;margin:29px 0}.text-link{font-weight:600;font-size:13px}.micro{font-size:11px;color:var(--muted)}.hero-art{position:relative}.hero-art img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:5px;background:#dce2e5}.image-note{position:absolute;bottom:12px;right:12px;max-width:75%;padding:7px 10px;background:#102335d9;color:white;border-radius:3px;font-size:9px}.trust-strip{display:flex;justify-content:center;gap:85px;background:var(--pale);padding:20px;color:#344958;font-size:12px;font-weight:600}.section{max-width:1200px;margin:auto;padding:100px 0}.section-heading{max-width:700px;margin-bottom:38px}.section-heading h2,.split h2,.rfq h2{font:700 clamp(30px,3.3vw,43px)/1.16 Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 15px}.section-heading p:not(.eyebrow),.split>div>p:not(.eyebrow){color:var(--muted);max-width:660px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);padding:28px 26px 30px;min-height:260px;border-radius:5px}.card-number{font:700 12px Manrope,Arial,sans-serif;color:var(--blue);margin-bottom:29px}.card h3,.steps h3{font:700 20px Manrope,Arial,sans-serif;margin:0 0 12px}.card p,.steps p{font-size:13px;color:var(--muted);min-height:66px}.card a{display:inline-block;margin-top:11px;color:var(--blue);font-size:12px;font-weight:700}.approach{max-width:none;padding:90px max(calc((100vw - 1200px)/2),5vw);background:#f5f7f8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps b{display:block;color:var(--blue);font-size:12px;margin-bottom:20px}.steps p{max-width:290px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.check-list{padding:0;margin:0;list-style:none}.check-list li{padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.check-list li:before{content:'✓';color:var(--blue);font-weight:700;margin-right:14px}.faq{max-width:900px}.faq details{border-top:1px solid var(--line);padding:18px 4px}.faq details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:600;font-size:14px;cursor:pointer}.faq details p{color:var(--muted);font-size:13px;max-width:720px}.rfq{max-width:none;background:#102335;color:white;padding:90px max(calc((100vw - 1200px)/2),5vw);display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.rfq .eyebrow{color:#89b7ff}.rfq-intro>p{color:#c2cdd4}.email-label{font-size:11px;margin-top:35px}.email{color:#a8caff;font-weight:600}.privacy-note{font-size:11px!important;max-width:330px;margin-top:28px}.rfq form{display:grid;gap:15px}.rfq form label{display:grid;gap:6px;font-size:11px;color:#e0e7eb}.rfq label span{color:#91baff}.rfq input,.rfq select,.rfq textarea{width:100%;border:1px solid #62717d;border-radius:3px;background:#1a3143;color:white;padding:11px;font:13px 'DM Sans',Arial,sans-serif;outline:none}.rfq input:focus,.rfq select:focus,.rfq textarea:focus{border-color:#91baff}.rfq option{color:#102335}.rfq small{color:#b5c2cb;font-size:10px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start}.consent input{width:auto;margin-top:4px}.rfq .button{justify-self:start}.honeypot{position:absolute;left:-9999px}.rfq #form-status{font-size:12px;color:#b5d2ff;min-height:20px}footer{padding:40px max(calc((100vw - 1200px)/2),5vw);display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;color:#52616c;font-size:12px}footer p{justify-self:end}footer>a:not(.brand){justify-self:end;color:var(--blue)}footer small{font-size:10px;grid-column:1/-1;color:var(--muted)}@media(max-width:1250px){.hero,.section:not(.approach):not(.rfq){margin-left:5vw;margin-right:5vw}.hero{padding-top:55px}.section{padding-top:75px;padding-bottom:75px}}@media(max-width:760px){.topbar{padding:0 5vw;height:70px}.topbar nav{display:none}.brand{font-size:12px}.brand-mark{width:34px;height:34px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:22px;margin:0!important;padding:52px 5vw}.hero h1{font-size:48px}.hero-art{order:0}.trust-strip{gap:10px;justify-content:space-around;text-align:center;font-size:9px;padding:17px 5vw}.cards,.steps{grid-template-columns:1fr}.card{min-height:0}.card p{min-height:0}.steps{gap:24px}.steps b{margin-bottom:8px}.split{grid-template-columns:1fr;gap:28px}.rfq{grid-template-columns:1fr;gap:40px;padding:65px 5vw}.row{grid-template-columns:1fr}.section{padding-top:64px;padding-bottom:64px}footer{grid-template-columns:1fr;padding:30px 5vw}footer p,footer>a:not(.brand){justify-self:start;margin:0}footer small{grid-column:auto}}

.detail-page{max-width:920px;margin:auto;padding:85px 5vw 100px;min-height:70vh}.detail-page h1{font:800 clamp(42px,5vw,62px)/1.08 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 20px}.detail-body{margin-top:55px;max-width:760px}.detail-body h2{font:700 24px Manrope,Arial,sans-serif;margin:38px 0 12px}.detail-body p,.detail-body li{color:#52616c;font-size:14px}.detail-body li{padding:5px 0}.detail-body details{border-top:1px solid var(--line);padding:16px 0}.detail-cta{margin-top:48px;padding:28px;background:#f3f6f8}.detail-cta p{font-size:12px;color:#52616c}.detail-cta a:not(.button){color:var(--blue)}

.card-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px;margin:0 0 18px}.equipment-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;background:#f3f6f8;padding:60px max(calc((100vw - 1200px)/2),5vw)}.equipment-showcase h2{font:700 32px/1.15 Manrope,sans-serif;letter-spacing:-.03em}.equipment-showcase p:not(.eyebrow){color:#5d6b76;font-size:13px}.equipment-showcase img,.detail-visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.detail-visual{margin:40px 0 0}.detail-visual figcaption{font-size:10px;color:#64727d;margin-top:7px}.consent-banner{position:fixed;z-index:50;right:20px;bottom:20px;max-width:420px;padding:18px;background:#fff;border:1px solid #dce3e8;box-shadow:0 6px 28px #10233522;border-radius:5px;color:#102335}.consent-banner p{font-size:12px;margin:0 0 12px}.consent-actions{display:flex;gap:10px}.consent-actions button{border:1px solid #1767df;background:#1767df;color:#fff;border-radius:3px;padding:8px 12px;font-weight:600;cursor:pointer}.consent-actions button:last-child{background:white;color:#1767df}@media(max-width:760px){.equipment-showcase{grid-template-columns:1fr;gap:20px;padding:50px 5vw}}

.cookie-settings{border:0;background:transparent;color:#1767df;text-decoration:underline;font:inherit;font-size:12px;cursor:pointer}
.hero-art picture,.card picture,.equipment-showcase picture,.detail-visual picture{display:block;width:100%;}
/* Let the authored aspect ratio control responsive image height, rather than
   the intrinsic HTML height attribute fixing every card at 675 CSS pixels. */
.hero-art img,.card-image,.equipment-showcase img,.detail-visual img{height:auto}
.hero-copy,.card{min-width:0}
@media(max-width:760px){.hero-actions{flex-wrap:wrap;gap:16px}.hero-copy{padding-left:0}}

/* Four homepage service entry points, with compact tablet and mobile layouts. */
.cards{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.cards{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:8px 12px;height:auto;min-height:70px;padding:10px 5vw 8px}.topbar .brand{grid-column:1;grid-row:1}.topbar>.button-small{grid-column:2;grid-row:1}.topbar nav{display:flex;grid-column:1/-1;grid-row:2;gap:22px;width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 0 3px;font-size:12px}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{flex:0 0 auto}}

/* Owner-approved public office contact; this is not a factory location. */
.contact-address{font-style:normal;color:var(--muted);overflow-wrap:anywhere}
.rfq .whatsapp-link{color:#a8caff;font-size:13px;font-weight:600}

/* Beizhou brand mark: source master and avatar in assets/brand. */
.brand-mark{background-image:url('/brand/beizhoumetal-mark.png');background-position:center;background-size:cover;color:transparent;flex-shrink:0}.brand-mark img{width:100%;height:100%}.launch-contact{align-self:center}.launch-contact>p{color:#c2cdd4;font-size:14px;max-width:460px}.launch-contact a:not(.button){text-decoration:underline}