:root{--navy:#353839;--navy2:#242627;--gold:#ef6a14;--gold2:#ef6a14;--ink:#152234;--muted:#667383;--soft:#f7f5f0;--line:#e3e7ec;--white:#fff;--shadow:0 18px 55px rgba(53,56,57,.10);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.topbar{background:var(--navy2);color:#dfe8f1;font-size:.76rem}.topbar-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar-inner div{display:flex;gap:8px;align-items:center}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-wrap{min-height:84px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}.brand-mark{width:48px;height:48px;border-radius:10px;background:var(--navy);color:var(--gold2);display:grid;place-items:center;font-weight:900;letter-spacing:-.04em}.brand strong,.brand b{display:block;line-height:1.05}.brand strong{font-size:.92rem;color:var(--navy)}.brand b{font-size:.69rem;color:#768293;letter-spacing:.11em;margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:2px;margin-left:auto}.desktop-nav>a,.nav-drop>button{border:0;background:transparent;padding:11px 9px;border-radius:9px;font-weight:750;font-size:.83rem;color:#2c3b4f;cursor:pointer;white-space:nowrap}.desktop-nav>a:hover,.desktop-nav>a.active,.nav-drop>button:hover{background:#f4f6f8;color:var(--navy)}.nav-drop{position:relative}.drop-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,10px);width:420px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.drop-menu a{display:block;padding:10px 12px;border-radius:11px}.drop-menu a:hover{background:#f6f7f9}.drop-menu strong{display:block;color:var(--navy);font-size:.88rem}.drop-menu small{display:block;color:var(--muted);font-size:.74rem;margin-top:2px}.nav-actions{display:flex;align-items:center;gap:10px}.text-btn{font-size:.78rem;font-weight:800;color:var(--navy)}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px}.menu-btn span{display:block;height:2px;background:var(--navy);margin:4px 0}.mobile-menu{position:fixed;inset:0;z-index:200;background:rgba(36,38,39,.55);opacity:0;visibility:hidden;transition:.18s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-panel{position:absolute;top:0;right:0;height:100%;width:min(410px,92vw);background:#fff;padding:22px;overflow:auto;transform:translateX(100%);transition:.2s}.mobile-menu.open .mobile-panel{transform:none}.mobile-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.mobile-head button{border:0;background:#f3f5f7;width:42px;height:42px;border-radius:10px;font-size:1.6rem}.mobile-panel nav{display:grid;margin-top:12px}.mobile-panel nav>a,.mobile-panel summary{padding:13px 3px;border-bottom:1px solid #edf0f3;font-weight:800;color:var(--navy);list-style:none;cursor:pointer}.mobile-sub{display:grid;padding:4px 0 10px 16px}.mobile-sub a{padding:8px 0;color:var(--muted);font-size:.9rem}.mobile-actions{display:grid;gap:9px;margin-top:20px}.btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;border-radius:11px;padding:0 22px;font-weight:850;border:1px solid transparent;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-sm{min-height:42px;padding:0 16px;font-size:.8rem}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#102237;box-shadow:0 8px 24px rgba(239,106,20,.22)}.btn-navy{background:var(--navy);color:#fff}.btn-outline{border-color:var(--line);background:#fff;color:var(--navy)}.btn-light-outline{border-color:rgba(255,255,255,.4);color:#fff}.wide{width:100%}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.hero{background:linear-gradient(120deg,#242627,#353839 68%,#464a4c);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center;min-height:650px;padding:72px 0}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:var(--gold);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:26px;height:2px;background:currentColor}.eyebrow.light{color:#ef6a14}.hero h1{font-size:clamp(3.3rem,5.4vw,5rem);line-height:.97;letter-spacing:-.045em;margin:18px 0 22px}.hero h1 span{color:#ef6a14}.hero-copy>p{font-size:1.05rem;color:#d3deea;max-width:680px}.hero-copy .btn-row{margin-top:28px}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}.hero-points strong,.hero-points span{display:block}.hero-points strong{font-size:.88rem}.hero-points span{color:#aebdce;font-size:.72rem;margin-top:2px}.hero-image{position:relative}.hero-image img{width:100%;height:475px;object-fit:cover;border-radius:26px;box-shadow:0 28px 70px rgba(0,0,0,.28)}.hero-badge{position:absolute;left:-22px;bottom:22px;background:#fff;color:var(--ink);padding:17px 20px;border-radius:17px;box-shadow:var(--shadow)}.hero-badge span{display:block;color:var(--muted);font-size:.69rem;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.hero-badge strong{display:block;color:var(--navy);margin-top:3px}.cap-strip{overflow:hidden;border-bottom:1px solid var(--line);background:#fff}.strip-track{display:flex;width:max-content;animation:marquee 34s linear infinite}.strip-track span{min-width:180px;text-align:center;padding:16px 25px;border-right:1px solid var(--line);font-weight:800;color:var(--navy);font-size:.8rem}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:82px 0}.soft{background:var(--soft)}.dark{background:var(--navy2);color:#fff}.section-head{max-width:760px;margin-bottom:34px}.section-head.centered{text-align:center;margin-inline:auto;margin-bottom:42px}.section-head h2,.split h2,.CTA h2,.quote-side h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.1;letter-spacing:-.035em;color:var(--navy);margin:12px 0 14px}.section-head p,.split p,.CTA p{color:var(--muted)}.section-head.light h2{color:#fff}.cards{display:grid;gap:20px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.service-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 9px 28px rgba(53,56,57,.06);transition:.18s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-card img{width:100%;height:190px;object-fit:cover}.service-card div{padding:20px}.service-card div>span,.info-card>span{color:var(--gold);font-weight:900;font-size:.72rem}.service-card h3{color:var(--navy);font-size:1.15rem;margin:7px 0}.service-card p,.info-card p{color:var(--muted);font-size:.9rem;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.split.reverse img{order:2}.split img{width:100%;height:430px;object-fit:cover;border-radius:22px;box-shadow:var(--shadow)}.tick-list{display:grid;gap:14px;margin:24px 0}.tick-list>div{display:flex;gap:12px;align-items:flex-start}.tick-list b{width:26px;height:26px;border-radius:50%;background:#4b3326;color:#ef6a14;display:grid;place-items:center;flex:0 0 auto}.tick-list strong,.tick-list small{display:block}.tick-list strong{color:var(--navy)}.tick-list small{color:var(--muted);font-size:.78rem;margin-top:2px}.text-link{color:var(--navy);font-weight:850}.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.adv-grid div{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.05)}.adv-grid span{color:#ef6a14;font-size:.7rem;font-weight:900}.adv-grid h3{color:#fff;margin:8px 0}.adv-grid p{color:#bcc9d7;font-size:.86rem;margin:0}.inner-hero{background:linear-gradient(180deg,#fbfbfa,#fff);border-bottom:1px solid var(--line)}.inner-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center;padding:60px 0}.inner-grid h1{font-size:clamp(2.8rem,4.6vw,4.1rem);line-height:1.02;letter-spacing:-.045em;color:var(--navy);margin:14px 0 18px}.inner-grid p{color:var(--muted);font-size:1.02rem;max-width:720px}.inner-grid .btn-row{margin-top:24px}.inner-grid img{width:100%;height:330px;object-fit:cover;border-radius:22px;box-shadow:var(--shadow)}.purpose-box{margin-top:28px;padding:22px;background:var(--navy);color:#fff;border-radius:16px}.purpose-box span{display:block;color:#ef6a14;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:900}.purpose-box strong{display:block;margin-top:6px}.info-card{border:1px solid var(--line);border-radius:18px;padding:26px;background:#fff;box-shadow:0 8px 26px rgba(53,56,57,.05)}.info-card h2,.info-card h3{color:var(--navy);margin:8px 0 10px}.values{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px}.values div{padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;text-align:center}.values strong,.values span{display:block}.values strong{color:var(--navy)}.values span{color:var(--muted);font-size:.75rem;margin-top:5px}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.catalog a{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(53,56,57,.05)}.catalog img{width:100%;height:220px;object-fit:cover}.catalog span,.catalog p{display:block;margin-inline:20px}.catalog span{color:var(--navy);font-weight:850;font-size:1.08rem;margin-top:17px}.catalog p{color:var(--muted);font-size:.85rem;margin-bottom:20px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.two-col h2{color:var(--navy)}.bullet-list{list-style:none;padding:0;margin:15px 0}.bullet-list li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid #edf0f2;color:#4f5f72}.bullet-list li:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold);left:0;top:18px}.process-card{padding:28px;background:var(--soft);border:1px solid var(--line);border-radius:18px}.process-card>span{font-weight:900;color:var(--navy);text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.process-card div{padding:12px 0;border-bottom:1px solid #e2e5e8}.CTA{display:flex;align-items:center;justify-content:space-between;gap:30px}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category-grid div{padding:18px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center;font-weight:750;color:var(--navy);font-size:.8rem}.value-banner{margin-top:26px;background:#f7f0e1;border:1px solid #ecddb9;border-radius:14px;padding:19px 22px}.value-banner strong,.value-banner span{display:block}.value-banner strong{color:#7c5b1e;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em}.value-banner span{margin-top:5px;color:#5c6470}.tyre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tyre-grid div{padding:24px;border:1px solid var(--line);border-radius:16px}.tyre-grid span{color:var(--gold);font-weight:900;font-size:.7rem}.tyre-grid h3{color:var(--navy);margin:7px 0}.tyre-grid p{color:var(--muted);margin:0}.compliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.compliance-grid div{padding:20px;border:1px solid var(--line);border-radius:14px}.compliance-grid span,.compliance-grid strong{display:block}.compliance-grid span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.compliance-grid strong{color:var(--navy);margin-top:5px}.compliance-note{margin-top:28px;padding:26px;background:var(--soft);border-radius:16px}.compliance-note strong{color:var(--navy)}.compliance-note p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:390px 1fr;gap:26px}.contact-list{display:grid;gap:12px}.contact-list div{padding:18px;border:1px solid var(--line);border-radius:14px}.contact-list span,.contact-list a,.contact-list strong{display:block}.contact-list span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.contact-list a,.contact-list strong{color:var(--navy);font-weight:800;margin-top:5px}.map{border-radius:20px;overflow:hidden;box-shadow:var(--shadow);min-height:520px}.map iframe{border:0;width:100%;height:100%;min-height:520px}.quote-hero{background:var(--navy2);color:#fff;padding:62px 0}.quote-hero h1{font-size:clamp(2.8rem,4.6vw,4.2rem);line-height:1.02;letter-spacing:-.04em;margin:12px 0 16px}.quote-hero p{color:#c6d1de;max-width:720px}.quote-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:start}.quote-form{padding:28px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:6px;font-size:.78rem;font-weight:800;color:var(--navy)}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 13px;outline:none;background:#fff;color:var(--ink)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#ef6a14;box-shadow:0 0 0 3px rgba(239,106,20,.12)}.quote-form button{margin-top:18px}.form-help{color:var(--muted);font-size:.74rem}.quote-side{position:sticky;top:120px}.profile-card{margin-top:20px;padding:20px;border-radius:16px;background:var(--soft)}.profile-card span,.profile-card strong{display:block}.profile-card span{color:#ef6a14;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.profile-card strong{color:var(--navy);margin:5px 0 14px}.footer{background:#1c1e1f;color:#c2cddd;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}.brand.inverse strong{color:#fff}.brand.inverse b{color:#aab9c8}.footer-brand p{font-size:.84rem;max-width:360px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column}.footer h4{color:#fff;margin:0 0 12px}.footer a,.footer span{color:#aebdce;font-size:.8rem;padding:4px 0}.footer a:hover{color:#fff}.footer-bottom{margin-top:35px;border-top:1px solid rgba(255,255,255,.1);padding-top:17px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.72rem;color:#8092a5}.wa-float{position:fixed;right:18px;bottom:18px;z-index:90;background:#128c62;color:#fff;border-radius:999px;padding:13px 18px;font-weight:850;box-shadow:0 12px 30px rgba(0,0,0,.2)}
@media(max-width:1080px){.desktop-nav,.nav-actions{display:none}.menu-btn{display:block;margin-left:auto}.hero-grid{grid-template-columns:1fr 1fr;gap:30px}.cards.four{grid-template-columns:repeat(2,1fr)}.catalog{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:800px){.topbar{display:none}.container{width:min(calc(100% - 30px),var(--max))}.hero-grid,.inner-grid,.split,.quote-layout,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:50px 0}.hero-image img{height:380px}.hero-badge{left:16px}.split.reverse img{order:0}.cards.three,.adv-grid,.compliance-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.tyre-grid{grid-template-columns:repeat(2,1fr)}.quote-side{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.map,.map iframe{min-height:380px}}
@media(max-width:560px){.container{width:min(calc(100% - 24px),var(--max))}.brand strong{font-size:.8rem}.brand b{font-size:.58rem}.hero h1{font-size:2.7rem}.hero-grid{grid-template-columns:1fr;padding:40px 0}.hero-copy .btn-row,.split .btn-row,.CTA .btn-row{display:grid}.hero-copy .btn,.split .btn,.CTA .btn{width:100%}.hero-points{grid-template-columns:1fr}.hero-image img{height:290px;border-radius:18px}.hero-badge{position:relative;left:auto;bottom:auto;margin:-22px 12px 0}.section{padding:58px 0}.cards.four,.cards.three,.cards.two,.catalog,.adv-grid,.values,.category-grid,.tyre-grid,.compliance-grid,.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.split{gap:28px}.split img,.inner-grid img{height:270px}.CTA{display:grid}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{display:grid}.wa-float{bottom:12px;right:12px}.inner-grid{padding:42px 0}.inner-grid h1{font-size:2.45rem}.quote-form{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.strip-track{animation:none}}

/* Refined onyx design system */
:root{--navy:#353839;--navy2:#242627;--ink:#25282a;--muted:#5c6367;--soft:#f3f4f4;--gold:#ef6a14;--max:1240px}
.header{background:#242627;border-bottom:1px solid #4d5050}.header .brand strong,.header .brand b,.desktop-nav>a,.nav-drop>button,.header .text-btn{color:#fff}.header .brand-mark{background:#ef6a14;color:#242627}.desktop-nav>a:hover,.desktop-nav>a.active,.nav-drop>button:hover{background:#404344;color:#fff}.menu-btn{background:#353839;border-color:#727777}.menu-btn span{background:white}.hero-grid{min-height:610px;gap:60px;padding:64px 0}.hero h1{font-weight:650;line-height:1.06;font-size:clamp(2.8rem,5vw,4.6rem)}.hero-image img{border-radius:4px 72px 4px 4px;height:460px}.hero-badge{border-radius:4px;border-left:4px solid var(--gold)}.section-head.centered{text-align:left;margin-inline:0;max-width:850px}.service-card,.catalog a{border-radius:6px;box-shadow:none}.service-card img{height:220px}.service-card div{padding:26px}.service-card:hover{border-color:var(--gold)}.btn{border-radius:5px;font-weight:700}.section{padding:76px 0}.inner-grid img,.split img{border-radius:5px 45px 5px 5px}.topbar{font-size:.875rem}.eyebrow{font-size:.875rem;letter-spacing:.08em}.desktop-nav>a,.nav-drop>button,.text-btn,.btn-sm{font-size:.875rem}.form-grid label,.form-help,.drop-menu small,.hero-points span,.tick-list small,.footer a,.footer span{font-size:.875rem}.quote-hero{padding:50px 0}.quote-hero h1{font-weight:650}.quote-form{border-radius:8px;padding:32px}.quote-layout{grid-template-columns:1.5fr 1fr}.progress{list-style:none;display:flex;padding:0;gap:12px;margin:0 0 24px;flex-wrap:wrap}.progress li{font-size:.875rem;padding:8px 10px;background:var(--soft);border-radius:4px}.progress .active{background:var(--navy);color:white}.wizard-step{border:0;padding:0;margin:0;min-width:0}.wizard-step legend{font-size:1.6rem;line-height:1.3;font-weight:700;margin-bottom:24px}.service-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-choices label{position:relative;display:flex;gap:10px;padding:20px;border:1px solid var(--line);border-radius:5px;cursor:pointer}.service-choices label:has(input:checked){border-color:var(--gold);background:#faf4e8}.brief-help{padding:16px;background:var(--soft);margin-bottom:22px;border-left:3px solid var(--gold)}.wizard-controls{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.consent{display:flex;align-items:start;gap:10px;margin-top:24px}.trap{display:none}#quoteError{color:#a32620}#quoteSummary dl{display:grid;grid-template-columns:140px 1fr;gap:12px}#quoteSummary dt{font-weight:700}#quoteSummary dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}#wizardSuccess{padding:20px;margin-top:20px;background:#edf5ef;border:1px solid #b7cdbb}.skip-link{position:fixed;top:-100px;left:20px;z-index:999;background:white;padding:12px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #ef6a14;outline-offset:4px}[hidden]{display:none!important}.footer .btn-gold{color:#242627}.footer{background:#1c1e1f}.wa-float{font-size:.875rem}
@media(max-width:800px){.quote-layout{grid-template-columns:1fr}.hero-grid{gap:30px}.quote-side{position:static}.hero-image img{height:340px}.quote-form{padding:24px}}
@media(max-width:560px){.service-choices{grid-template-columns:1fr}.hero h1{font-size:2.8rem}.hero-image img{height:290px}.hero-grid{padding:42px 0}.quote-form{padding:18px}#quoteSummary dl{grid-template-columns:1fr;gap:4px}#quoteSummary dd{margin-bottom:12px}.progress{gap:5px}.progress li{padding:7px}.quote-hero h1{font-size:2.5rem}}
@media print{body>*:not(main),.quote-hero,.quote-side,.progress,#stepStatus,.wizard-controls,.btn-row,.wizard-step:not(:last-of-type),.wa-float,#quoteError{display:none!important}.section{padding:0}.quote-layout{display:block}.quote-form{border:0;box-shadow:none}.wizard-step:last-of-type{display:block!important}.wizard-step:last-of-type:before{content:'CHAWEZI RUBBER RESOURCES LIMITED — QUOTE REQUEST';display:block;font-weight:800;margin-bottom:24px}.quote-form{width:100%}}

/* Supplied Chawezi logo, kept in its original colours and proportions. */
.brand .company-logo{display:block;width:210px;height:auto;max-width:100%;background:#fff;padding:4px;border-radius:4px;object-fit:contain}.nav-wrap{min-height:150px}.footer-brand .company-logo{width:240px}.mobile-head .company-logo{width:185px}.mobile-head{gap:12px}.mobile-head .brand{min-width:0;flex-shrink:1}.mobile-head button{flex-shrink:0}@media(max-width:1080px){.nav-wrap{min-height:130px}.header .company-logo{width:180px}}@media(max-width:560px){.nav-wrap{min-height:112px}.header .company-logo{width:155px}.mobile-head .company-logo{width:175px}}

/* Onyx-first surfaces and transparent logo presentation. */
@media screen{
:root{--ink:#f1f2f2;--muted:#c1c6c8;--soft:#2b2e2f;--line:#515657;--white:#353839;--shadow:0 18px 55px rgba(0,0,0,.2)}
body{background:#353839;color:var(--ink);color-scheme:dark}
.brand .company-logo{background:transparent;padding:0;border-radius:0;filter:invert(1) hue-rotate(180deg)}
.header,.topbar,.hero,.quote-hero,.dark{background:#242627}
.inner-hero{background:linear-gradient(180deg,#242627,#353839)}
.soft,.cap-strip{background:#2b2e2f}
.section-head h2,.split h2,.CTA h2,.quote-side h2,.inner-grid h1,.service-card h3,.info-card h2,.info-card h3,.catalog span,.two-col h2,.tyre-grid h3,.tick-list strong,.values strong,.compliance-grid strong,.compliance-note strong,.contact-list a,.contact-list strong,.form-grid label,.profile-card strong,.hero-badge strong,.process-card>span,.text-link{color:#f1f2f2}
.service-card,.info-card,.catalog a,.values div,.category-grid div,.tyre-grid div,.compliance-grid div,.contact-list div,.quote-form,.drop-menu,.mobile-panel{background:#2b2e2f;color:#f1f2f2}
.category-grid div,.strip-track span,.drop-menu strong,.mobile-panel nav>a,.mobile-panel summary{color:#f1f2f2}
.drop-menu a:hover,.mobile-head button,.process-card,.compliance-note,.profile-card,.brief-help{background:#353839;color:#f1f2f2}
.hero-badge{background:#2b2e2f;color:#f1f2f2}
.btn-navy{background:#f1f2f2;color:#242627}.btn-outline{background:transparent;color:#f1f2f2;border-color:#737a7c}.btn-gold{color:#242627}.btn-light-outline{color:#fff}
.form-grid input,.form-grid select,.form-grid textarea{background:#242627;color:#f1f2f2;border-color:#697173}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#aeb6b9;opacity:1}.service-choices label{background:#353839}.service-choices label:has(input:checked){background:#513222;color:#fff}.progress .active{background:#ef6a14;color:#242627}
.bullet-list li,.value-banner span{color:#c1c6c8}.value-banner{background:#443024;border-color:#9c501f}.value-banner strong,.profile-card span{color:#ef6a14}.tick-list b{background:#513222;color:#ef6a14}.bullet-list li,.process-card div,.mobile-panel nav>a,.mobile-panel summary{border-color:#515657}
#wizardSuccess{background:#243d2e;border-color:#5d876d;color:#f1f2f2}#quoteError{color:#ffb8b0}.skip-link{background:#242627;color:#fff}.footer{background:#1c1e1f}.footer a.btn-gold{color:#242627}
:focus-visible{outline-color:#ef6a14}
}
@media print{body{background:#fff;color:#222;color-scheme:light}.brand .company-logo{background:transparent;filter:none}.brief-help{background:#f3f4f4;color:#222}#quoteSummary{color:#222}.wizard-step legend{color:#222}}

/* Brand orange sampled from the supplied logo: #EF6A14. */
:root{--gold:#ef6a14;--gold2:#ef6a14}.btn-gold{background:#ef6a14;color:#17191a;box-shadow:0 8px 24px rgba(239,106,20,.2)}.btn-gold:hover{background:#fa7d2d}.eyebrow,.eyebrow.light,.adv-grid span,.purpose-box span{color:#ef6a14}.service-card div>span,.info-card>span,.profile-card span,.value-banner strong{color:#ef6a14}

.contact-grid{grid-template-columns:1fr}.contact-list{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){.contact-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.contact-list{grid-template-columns:1fr}}