/* Conzlab site styles (header, footer, homepage, fonts) — 2026-11-09 */

.czb{--n:#13203B;--n2:#0E182D;--g:#C9A44C;--gt:#8A6A22;--iv:#F6F4EE;--tx:#1A1F2B;--mu:#4A5468;--ln:#E3E6EC;font-family:'Inter','Noto Sans SC',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--tx);background:#fff}
.czb *{box-sizing:border-box}
.czb a{color:var(--n);text-decoration:none}
.czb .serif{font-family:inherit;font-weight:700;letter-spacing:-0.015em}
.czb .wrap{max-width:1280px;margin:0 auto;padding-left:32px;padding-right:32px}
.czb .eyebrow{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--gt);margin:0 0 16px;font-weight:600}
.czb h1,.czb h2,.czb h3,.czb p{margin:0}
.czb .btn{display:inline-block;padding:16px 28px;font-size:16px;font-weight:600;border:1px solid transparent;transition:background .2s,color .2s}
.czb .btn-gold{background:var(--g);color:var(--n)}.czb .btn-gold:hover{background:#d8b65e;color:var(--n)}
.czb .btn-line{border-color:#5A6B8F;color:#fff}.czb .btn-line:hover{border-color:#fff;color:#fff}
.czb .btn-navy{background:var(--n);color:#fff}.czb .btn-navy:hover{background:#1e2f53;color:#fff}
.czb .btn-outline{border-color:var(--n);color:var(--n)}.czb .btn-outline:hover{background:var(--n);color:#fff}
.czb-hero{position:relative;overflow:hidden;color:#fff;background:var(--n) url(https://i.ytimg.com/vi/odytWVtTBko/maxresdefault.jpg) center/cover}
.czb-hero .vid{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.czb-hero iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0}
.czb-hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,24,45,.88) 0%,rgba(14,24,45,.72) 55%,rgba(14,24,45,.6) 100%)}
.czb-hero .in{position:relative;display:flex;flex-wrap:wrap;gap:64px;align-items:flex-end;padding-top:112px;padding-bottom:112px}
.czb-hero h1{font-size:64px;line-height:1.06;margin-bottom:28px;color:#fff}
.czb-hero .lead{font-size:19px;line-height:1.6;color:#D5DBE7;max-width:600px;margin-bottom:40px}
.czb-hero .eyebrow{color:var(--g)}
.czb-start{flex:1 1 340px;min-width:0;border-top:1px solid var(--g)}
.czb-start a{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18);color:#fff;font-size:18px}
.czb-start a:hover{color:var(--g)}
.czb-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));border-bottom:1px solid var(--ln)}
.czb-facts>div{padding:36px 24px;border-right:1px solid var(--ln)}.czb-facts>div:last-child{border-right:0}
.czb-facts .num{font-size:44px;color:var(--n)}.czb-facts .lbl{font-size:14px;color:var(--mu);margin-top:6px}
.czb-split{display:flex;flex-wrap:wrap;gap:64px;padding-top:104px;padding-bottom:88px}
.czb-split>.l{flex:1 1 320px;min-width:0}.czb-split>.r{flex:2 1 600px;min-width:0}
.czb h2.serif{font-size:44px;line-height:1.1;color:var(--n);margin-bottom:20px}
.czb .body{font-size:16px;line-height:1.7;color:var(--mu)}
.czb-rows{border-top:1px solid var(--n)}
.czb-rows a{display:flex;flex-wrap:wrap;gap:24px;padding:28px 0;border-bottom:1px solid var(--ln)}
.czb-rows a:hover .t{color:var(--gt)}
.czb-rows .n{flex:0 0 48px;font-size:22px;color:var(--gt)}.czb-rows .t{flex:1 1 200px;font-size:28px;color:var(--n);transition:color .2s}.czb-rows .d{flex:2 1 280px;font-size:15px;line-height:1.6;color:var(--mu)}
.czb-ivory{background:var(--iv)}
.czb-ind{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:#DCD6C6;border:1px solid #DCD6C6;margin-top:40px}
.czb-ind a{background:#fff;padding:28px;display:flex;flex-direction:column;gap:10px}
.czb-ind img{width:100%;height:180px;object-fit:cover;display:block;margin-bottom:8px}
.czb-ind .t{font-size:24px;color:var(--n)}.czb-ind .d{font-size:14px;color:var(--mu)}
.czb-ind2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:#DCD6C6;border:1px solid #DCD6C6;margin-top:40px}.czb-indc{background:#fff;padding:28px;display:flex;flex-direction:column;gap:8px}.czb-indc .t{font-size:20px;font-weight:700;color:var(--n)}.czb-indc .d{font-size:14px;line-height:1.55;color:var(--mu);min-height:44px}.czb-indc .lg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:16px}.czb-indc .lg a{height:76px;border:1px solid var(--ln);display:flex;align-items:center;justify-content:center;padding:8px}.czb-indc .lg img{max-width:100%;max-height:56px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}.czb-indc .lg a:hover img{filter:none;opacity:1}
.czb-mv{display:flex;flex-wrap:wrap;gap:64px;align-items:flex-start}.czb-mv .m{flex:2 1 560px;min-width:0}.czb-mv .v{flex:1 1 300px;min-width:0;border-top:2px solid var(--g);padding-top:24px;margin-top:8px}.czb-mv .stmt{font-size:40px;line-height:1.2;font-weight:700;letter-spacing:-0.015em;color:var(--n);margin-bottom:40px}.czb-mv .vt{font-size:18px;line-height:1.6;color:var(--tx)}.czb-promise{list-style:none;margin:0;padding:0;border-top:1px solid var(--n)}.czb-promise li{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #DCD6C6;font-size:17px;line-height:1.55;color:var(--tx)}.czb-promise .k{flex:0 0 40px;font-weight:700;color:var(--gt)}@media (max-width:767px){.czb-mv .stmt{font-size:28px}}

.czb-util{background:var(--n2);color:#B9C3D6;font-size:13px}
.czb-util .in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px}
.czb-util .r{display:flex;flex-wrap:wrap;gap:20px}.czb-util a{color:#B9C3D6}.czb-util a:hover,.czb-util a.on{color:#fff}
.czb-hdr{background:var(--n);border-bottom:1px solid #2A3A5C;position:relative}
.czb-hdr .in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.czb .logo{display:flex;flex-direction:column;line-height:1;margin:0}
.czb .logo .w{font-size:24px;font-weight:700;letter-spacing:3px;color:#fff}.czb .logo .g{font-size:10px;letter-spacing:6px;color:var(--g);margin-top:6px}
.czb-burger{display:none;cursor:pointer;width:44px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;background:transparent;border:0}
.czb .dd>summary::-webkit-details-marker{display:none}
.czb-burger span{display:block;height:2px;width:24px;background:#fff}
.czb-nav{display:flex;align-items:center;gap:28px}
.czb-nav .top,.czb .dd>summary{color:#fff;font-size:15px;font-weight:500;cursor:pointer;list-style:none;padding:10px 0}
.czb .dd>summary::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px}
.czb-nav .top:hover,.czb .dd>summary:hover{color:var(--g)}
.czb .dd{position:relative}
.czb .dd .menu{position:absolute;top:100%;left:-16px;min-width:280px;background:#fff;border-top:2px solid var(--g);box-shadow:0 16px 40px rgba(14,24,45,.18);padding:8px 0;display:flex;flex-direction:column}
.czb .dd .menu a{padding:12px 20px;display:flex;flex-direction:column;gap:2px}.czb .dd .menu a:hover{background:var(--iv)}
.czb .dd .menu b{font-weight:600;font-size:15px;color:var(--n)}.czb .dd .menu small{font-size:13px;color:var(--mu)}
.czb-nav .cta{border:1px solid var(--g);color:#fff;padding:12px 20px;font-size:14px;font-weight:600}.czb-nav .cta:hover{background:var(--g);color:var(--n)}
.czb-ftr{background:var(--n2);color:#B9C3D6;font-size:14px;line-height:1.8}
.czb-ftr .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-top:72px;padding-bottom:40px}
.czb-ftr .cols>div{display:flex;flex-direction:column}.czb-ftr a{color:#B9C3D6}.czb-ftr a:hover{color:#fff}
.czb-ftr .h{color:#fff;font-weight:600;margin-bottom:8px}.czb-ftr .logo{margin-bottom:16px}.czb-ftr .addr{margin-top:16px}
.czb-ftr .bot{border-top:1px solid #23324F;padding-top:24px;padding-bottom:40px;font-size:13px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.czb-ftr .soc{display:flex;gap:16px}
@media (max-width:991px){
.czb-burger{display:flex}
.czb-hdr:not(.open) .czb-nav{display:none}
.czb-nav{position:absolute;left:0;right:0;top:100%;background:var(--n);flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 24px;border-top:1px solid #2A3A5C;max-height:calc(100vh - 76px);overflow:auto}
.czb-nav .top,.czb .dd>summary{padding:14px 0;border-bottom:1px solid #2A3A5C;display:block}
.czb .dd .menu{position:static;box-shadow:none;border-top:0;background:transparent;min-width:0;padding:0 0 8px}
.czb .dd .menu a{padding:10px 12px}.czb .dd .menu b{color:#fff}.czb .dd .menu small{color:#B9C3D6}.czb .dd .menu a:hover{background:#1e2f53}
.czb-nav .cta{margin-top:16px;text-align:center}
.czb-ftr .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:575px){.czb-ftr .cols{grid-template-columns:1fr}.czb-util .in>span:first-child{display:none}}

.czb-std{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;margin-top:48px}
.czb-std>div{border-top:2px solid var(--g);padding-top:20px}.czb-std .t{font-size:18px;font-weight:600;color:var(--n);margin-bottom:8px}.czb-std .d{font-size:15px;line-height:1.65;color:var(--mu)}
.czb-dark{background:var(--n);color:#fff}
.czb-dark .eyebrow{color:var(--g)}.czb-dark h2.serif{color:#fff}
.czb-box{border:1px solid #3A4B6F;padding:24px}.czb-box .t{font-size:17px;font-weight:600;margin-bottom:4px}.czb-box .d{font-size:14px;color:#C9D1E0}
.czb-people{display:flex;flex-direction:column;gap:22px}
.czb-person{display:flex;gap:20px;align-items:center}
.czb-person img{width:88px;height:88px;object-fit:cover;object-position:top;background:#2A3A5C;flex:0 0 88px}
.czb-person .nm{display:block;font-size:22px}.czb-person .rl{font-size:14px;color:#C9D1E0}
.czb-ins{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.czb-ins a{display:flex;flex-direction:column;gap:12px}.czb-ins img{width:100%;height:200px;object-fit:cover;display:block}
.czb-ins .k{font-size:12px;letter-spacing:2px;color:var(--gt);font-weight:600}.czb-ins .t{font-size:22px;line-height:1.3;color:var(--n)}
.czb-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--ln);border-left:1px solid var(--ln)}
.czb-logo{height:104px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);display:flex;align-items:center;justify-content:center;padding:18px;background:#fff}
.czb-logo img{max-width:100%;max-height:64px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.czb-logo:hover img{filter:none;opacity:1}
.czb-more{display:none}.czb-more.open{display:grid;border-top:0}
.czb .tog{margin-top:24px;height:46px;padding:0 28px;border:1px solid var(--n);background:#fff;color:var(--n);font:600 15px inherit;cursor:pointer}
.czb-gov{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:#DCD6C6;border:1px solid #DCD6C6}
.czb-gov a{background:#fff;padding:28px}.czb-gov .t{display:block;font-size:17px;font-weight:600;color:var(--n);margin-bottom:6px}.czb-gov .d{font-size:14px;color:var(--mu)}
@media (max-width:767px){.czb .wrap{padding-left:16px;padding-right:16px}.czb-hero h1{font-size:40px}.czb-hero .in{padding-top:64px;padding-bottom:64px;gap:40px}.czb h2.serif{font-size:32px}.czb-hero iframe{display:none}.czb-facts>div{border-right:0;border-bottom:1px solid var(--ln)}.czb-split{padding-top:64px;padding-bottom:56px;gap:32px}}
@media (max-width:991px){.czb-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:575px){.czb-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.czb-hero iframe{display:none}}

#top.czb-top{position:sticky;top:-37px;z-index:1030;background:var(--n);padding:0;margin:0}
#bottom.czb-ftr{margin:0}
body{font-family:'Inter','Noto Sans SC',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display-1,.display-2,.display-3,.display-4,.display-5,.display-6,.lead,p,li,td,th,label,input,select,textarea,.nav-link,.dropdown-item,.btn:not(.fa):not(.oi),button:not(.fa):not(.oi){font-family:'Inter','Noto Sans SC',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important}

@media (max-width:575px){.czb-util .r a[href="/jobs"],.czb-util .r a[href="/contactus"]{display:none}.czb-util .r{gap:16px}}

/* no cart: enquiries go through Drop Your Needs (Jeffrey 2026-11-09) */
#product_detail .css_quantity,#product_detail #add_to_cart,#product_detail #buy_now,#product_details .css_quantity,#product_details #add_to_cart,#product_details #buy_now,.oe_website_sale .css_quantity,.oe_website_sale #add_to_cart,.oe_website_sale #buy_now{display:none!important}
/* === site style unification 2026-11-09 === */
:root{--cz-n:#13203B;--cz-n2:#0E182D;--cz-g:#C9A44C;--cz-g2:#D8B65E;--cz-iv:#F6F4EE;--cz-mu:#4A5468;--cz-ln:#E3E6EC;--cz-ease:cubic-bezier(.2,.7,.2,1)}
/* buttons: yellow -> navy */
#wrap .btn-custom,#wrap .btn-fill-custom,#wrap .btn-primary,#wrap .czsf-btn.y,#wrap .czcat-btn,#wrap .czsf button,#wrap form button[type=submit]:not(.btn-link),#wrap a.btn[style*="239, 198, 49"],#wrap a.btn[style*="255, 214, 99"]{background:var(--cz-n)!important;background-color:var(--cz-n)!important;color:#fff!important;border:1px solid var(--cz-g)!important;border-radius:4px!important;font-weight:600!important;transition:background-color .25s var(--cz-ease),color .25s var(--cz-ease),transform .25s var(--cz-ease),box-shadow .25s var(--cz-ease)!important}
#wrap .btn-custom *,#wrap .btn-fill-custom *{color:inherit!important}
#wrap .btn-custom:hover,#wrap .btn-fill-custom:hover,#wrap .btn-primary:hover,#wrap .czsf-btn.y:hover,#wrap .czcat-btn:hover,#wrap .czsf button:hover,#wrap form button[type=submit]:not(.btn-link):hover,#wrap a.btn[style*="239, 198, 49"]:hover,#wrap a.btn[style*="255, 214, 99"]:hover{background:var(--cz-g)!important;background-color:var(--cz-g)!important;color:var(--cz-n)!important;transform:translateY(-2px);box-shadow:0 10px 24px rgba(19,32,59,.22)}
#wrap .btn-custom:active,#wrap .btn-fill-custom:active,#wrap .btn-primary:active{transform:translateY(0)}
#wrap .btn-fill-custom.rounded-circle{border-radius:4px!important;padding:12px 24px!important}
#wrap .btn-secondary,#wrap .btn-outline-primary{border-color:var(--cz-n)!important;color:var(--cz-n)!important;background:transparent!important;transition:all .25s var(--cz-ease)}
#wrap .btn-secondary:hover,#wrap .btn-outline-primary:hover{background:var(--cz-n)!important;color:#fff!important}
/* icons on timeline */
#wrap .s_timeline_icon{background-color:var(--cz-n)!important;color:var(--cz-g)!important;border:1px solid var(--cz-g)}
/* links */
#wrap a:not(.btn):not(.czb-logo):not([class*=czcat]):not([class*=czsf]){transition:color .2s var(--cz-ease)}
/* cards hover */
#wrap .card,#wrap .o_wblog_post,#wrap .czcat-row,#wrap .czb-indc,#wrap .czb-ins a,#wrap .czb-gov a,#wrap .s_card{transition:transform .3s var(--cz-ease),box-shadow .3s var(--cz-ease)}
#wrap .card:hover,#wrap .o_wblog_post:hover,#wrap .czcat-row:hover,#wrap .czb-indc:hover,#wrap .czb-ins a:hover,#wrap .s_card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(19,32,59,.12)}
#wrap .czb-ins img,#wrap .o_wblog_post img,#wrap .o_record_cover_image{transition:transform .6s var(--cz-ease)}
#wrap .czb-ins a:hover img{transform:scale(1.03)}
#wrap .czb-ins a{overflow:hidden}
#wrap .czb-rows a{transition:padding-left .3s var(--cz-ease)}#wrap .czb-rows a:hover{padding-left:12px}
#wrap .czb-start a{transition:color .2s,padding-left .3s var(--cz-ease)}#wrap .czb-start a:hover{padding-left:8px}
/* header nav underline */
.czb-nav .top,.czb .dd>summary{position:relative}
@media (min-width:992px){.czb-nav .top::before,.czb .dd>summary::before{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--cz-g);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--cz-ease)}.czb-nav .top:hover::before,.czb .dd>summary:hover::before,.czb .dd[open]>summary::before{transform:scaleX(1)}}
.czb .dd .menu{animation:czDrop .22s var(--cz-ease)}
@keyframes czDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.czb-hdr{transition:box-shadow .3s}.czb-top.scrolled .czb-hdr{box-shadow:0 8px 24px rgba(0,0,0,.25)}
/* product page description: dark -> light */
main:has(#product_detail) .s_table_of_content .o_cc,main:has(#product_detail) .s_table_of_content_navbar_wrap,main:has(#product_detail) .s_table_of_content_main{background:var(--cz-iv)!important;color:#1A1F2B!important}
main:has(#product_detail) .s_table_of_content_main{background:#fff!important;border:1px solid var(--cz-ln)}
main:has(#product_detail) .s_table_of_content :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,td,th){color:#1A1F2B!important}
main:has(#product_detail) .s_table_of_content_navbar a{color:var(--cz-n)!important;border-left:2px solid transparent;padding-left:10px;transition:border-color .2s,color .2s}
main:has(#product_detail) .s_table_of_content_navbar a:hover,main:has(#product_detail) .s_table_of_content_navbar a.active{border-left-color:var(--cz-g);color:var(--cz-gt,#8A6A22)!important;background:transparent!important}
/* scroll reveal (added by conzlab-site.js) */
.czb-rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--cz-ease),transform .7s var(--cz-ease)}
.czb-rv.czb-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.czb-rv{opacity:1!important;transform:none!important;transition:none!important}#wrap *{transition:none!important;animation:none!important}}