@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');

:root{--ink:#0b100d;--paper:#f1f0e9;--green:#9ecf43;--acid:#c9f35a;--muted:#a8afa9;--line:rgba(11,16,13,.18);--pad:clamp(20px,4.5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.skip-link{position:fixed;left:16px;top:-60px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.page-progress{position:fixed;top:0;left:0;height:3px;width:var(--progress,0);background:var(--acid);z-index:1000}.site-header{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);color:#fff;mix-blend-mode:difference}.brand{display:flex;align-items:center;gap:10px;font:bold 13px "Manrope";letter-spacing:.18em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid currentColor;border-radius:50%;font-size:15px}.nav-menu{display:flex;align-items:center;gap:clamp(18px,3vw,44px);font-size:13px}.nav-cta{border:1px solid currentColor;border-radius:99px;padding:12px 18px}.menu-toggle{display:none;background:none;border:0;color:inherit;width:42px}.menu-toggle span:not(.sr-only){display:block;height:1px;background:currentColor;margin:6px}
.hero{min-height:100svh;background:radial-gradient(circle at 72% 45%,rgba(158,207,67,.28),transparent 26%),linear-gradient(125deg,#111a15,#050706 75%);color:#fff;padding:clamp(150px,18vh,220px) var(--pad) 45px;position:relative;overflow:hidden}.eyebrow,.section-number{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600}.hero h1{position:relative;z-index:2;margin:7vh 0 10vh;font:500 clamp(54px,9.6vw,156px)/.86 "Manrope";letter-spacing:-.07em;max-width:1200px}.hero h1 em,.values h2 em,.contact h2 em{font-weight:400;color:var(--acid);font-style:normal}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:720px}.hero-bottom p{max-width:440px;color:#cbd0cc;font-size:clamp(15px,1.5vw,20px)}.circle-link{width:58px;height:58px;border:1px solid #677069;border-radius:50%;display:grid;place-items:center;font-size:22px}.hero-index{position:absolute;right:var(--pad);bottom:48px;color:#7a837c;font-size:11px;letter-spacing:.1em}.hero-orbit{position:absolute;width:min(64vw,850px);aspect-ratio:1;right:-12vw;top:9vh;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:rotate 25s linear infinite}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(201,243,90,.13);border-radius:50%;inset:14%}.hero-orbit:after{inset:31%}.hero-orbit i{position:absolute;width:8px;height:8px;background:var(--acid);border-radius:50%;left:17%;top:18%;box-shadow:0 0 40px var(--acid)}@keyframes rotate{to{transform:rotate(360deg)}}
.statement,.services,.values{padding:clamp(90px,14vw,200px) var(--pad)}.statement{min-height:80vh}.statement-copy{font:500 clamp(34px,5vw,76px)/1.08 "Manrope";letter-spacing:-.045em;max-width:1180px;margin:clamp(70px,9vw,130px) 0}.statement-meta{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-top:18px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.services{background:#dce2d9}.section-heading{display:grid;grid-template-columns:1fr 2fr;margin-bottom:90px}.section-heading h2{margin:0;font:500 clamp(48px,7vw,104px)/.94 "Manrope";letter-spacing:-.06em}.service-row{display:grid;grid-template-columns:7% 38% 1fr auto;gap:24px;align-items:center;padding:34px 0;border-top:1px solid var(--line);transition:.3s}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row h3{font:500 clamp(23px,2.5vw,38px) "Manrope";margin:0;letter-spacing:-.03em}.service-row p{color:#536058;max-width:480px}.service-row b{font-size:24px}.service-row:hover{padding-left:14px;color:#397300}
.airseal{position:relative;min-height:110vh;background:#101611;color:#fff;padding:clamp(90px,12vw,170px) var(--pad);display:grid;grid-template-columns:44% 56%;align-items:center;overflow:hidden}.airseal-copy{position:relative;z-index:3}.light{color:#89928b}.product-label{margin-top:14vh;font-size:11px;letter-spacing:.16em}.airseal h2{font:600 clamp(72px,10vw,160px)/.8 "Manrope";letter-spacing:-.09em;margin:16px 0 44px}.airseal h2 span{color:var(--acid)}.airseal-copy>p:not(.product-label){max-width:450px;color:#b9c0bb;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid currentColor;border-radius:99px;padding:15px 22px;margin-top:30px}.tyre-stage{position:relative;display:grid;place-items:center;min-height:650px}.tyre{width:min(42vw,570px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#1d241e 0 13px,#070a08 14px 27px);display:grid;place-items:center;box-shadow:0 0 120px rgba(201,243,90,.1);animation:float 5s ease-in-out infinite}.tyre-ring{position:absolute;width:62%;aspect-ratio:1;border:4px solid #455345;border-radius:50%;box-shadow:inset 0 0 40px #000}.hub{display:grid;place-items:center;width:34%;aspect-ratio:1;border-radius:50%;background:var(--acid);color:#101611;font:bold clamp(22px,4vw,56px)/.75 "Manrope";text-align:center;z-index:2}.spec{position:absolute;display:flex;flex-direction:column;font-size:9px;letter-spacing:.13em}.spec b{font-size:32px;color:var(--acid)}.spec-a{left:0;top:20%}.spec-b{right:0;bottom:18%}.airseal-band{position:absolute;bottom:0;left:0;white-space:nowrap;font:600 clamp(70px,10vw,150px)/.7 "Manrope";color:#182019;transform:translateY(18%);letter-spacing:-.06em}@keyframes float{50%{transform:translateY(-18px) rotate(2deg)}}
.values-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;margin-top:12vh}.values h2{font:500 clamp(54px,8vw,118px)/.88 "Manrope";letter-spacing:-.065em;margin:0}.value-copy>p{font-size:clamp(18px,2vw,28px);line-height:1.4;margin:0 0 80px}.value-copy ol{padding:0;list-style:none}.value-copy li{border-top:1px solid var(--line);padding:22px 0;font-size:15px}.value-copy li span{display:inline-block;width:72px;color:#68736b}
.contact{background:var(--ink);color:#fff;padding:clamp(100px,13vw,180px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact h2{font:500 clamp(60px,8vw,120px)/.86 "Manrope";letter-spacing:-.07em;margin:10vh 0 35px}.contact-intro>p{color:#aeb5b0;font-size:18px}.contact-details{display:flex;flex-direction:column;gap:9px;margin-top:70px;color:#c9cec9;font-size:14px}.contact-form{padding-top:12vh}.contact-form label{display:block;border-bottom:1px solid #3b443e;padding:0 0 18px;margin-bottom:34px}.contact-form label span{display:block;color:#8d958f;font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px}.contact-form input,.contact-form textarea{width:100%;background:none;border:0;outline:0;color:#fff;font-size:20px;resize:vertical}.honeypot{position:absolute!important;left:-9999px}.submit-button{width:100%;background:var(--acid);color:var(--ink);border:0;cursor:pointer;font-weight:600}.submit-button:disabled{opacity:.6}.form-status{min-height:24px;font-size:13px;color:var(--acid)}.form-status.is-error{color:#ff948c}
footer{padding:34px var(--pad);background:var(--ink);color:#969d97;border-top:1px solid #2d352f;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:20px;font-size:11px}.footer-brand{color:#fff}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{mix-blend-mode:normal;background:rgba(11,16,13,.88);backdrop-filter:blur(16px)}.menu-toggle{display:block}.nav-menu{position:fixed;inset:74px 0 auto;background:#0b100d;padding:35px var(--pad);flex-direction:column;align-items:flex-start;transform:translateY(-150%);transition:.35s}.nav-menu.open{transform:none}.hero{padding-top:135px}.hero h1{margin-top:12vh}.hero-bottom{display:block}.circle-link{margin-top:30px}.statement-meta,.section-heading,.values-grid,.contact,.airseal{grid-template-columns:1fr}.statement-meta{gap:18px}.section-heading{gap:50px}.service-row{grid-template-columns:45px 1fr auto}.service-row p{grid-column:2/4}.airseal{padding-bottom:140px}.product-label{margin-top:70px}.tyre-stage{min-height:460px}.tyre{width:min(90vw,420px)}.contact-form{padding-top:50px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orbit,.tyre{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* AirSeal product experience */
.product-page{background:#e8e9e2}.product-hero{min-height:100svh;background:radial-gradient(circle at 72% 45%,rgba(201,243,90,.2),transparent 30%),#0b100d;color:#fff;padding:150px var(--pad) 80px;display:grid;grid-template-columns:52% 48%;position:relative;overflow:hidden}.product-hero-copy{z-index:2}.product-hero h1{font:600 clamp(90px,14vw,230px)/.72 "Manrope";letter-spacing:-.1em;margin:15vh 0 48px}.product-hero h1 span{color:var(--acid)}.product-hero-copy>p{font-size:clamp(20px,2.2vw,34px);max-width:540px;color:#bac1bb}.product-actions{display:flex;gap:12px;flex-wrap:wrap}.green-button{background:var(--acid);color:var(--ink);border-color:var(--acid)}.product-wheel{display:grid;place-items:center}.product-tyre{width:min(45vw,640px)}.product-marquee{position:absolute;bottom:-.1em;white-space:nowrap;font:600 clamp(60px,8vw,130px)/.8 "Manrope";color:#151d17;letter-spacing:-.05em}
.product-intro,.product-range{padding:clamp(100px,14vw,190px) var(--pad)}.product-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;margin-top:11vh}.product-intro h2,.product-range>h2{font:500 clamp(50px,7vw,105px)/.92 "Manrope";letter-spacing:-.06em;margin:0}.product-intro h2 em,.product-cta h2 em{font-style:normal;color:#56821c}.product-lead{font-size:clamp(19px,2.1vw,29px);line-height:1.45;margin:0 0 70px}.product-facts{display:flex;flex-direction:column}.product-facts span{border-top:1px solid var(--line);padding:20px 0}.product-facts b{display:inline-block;width:55px;color:#6c756e}
.application-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#c9f35a}.application-strip article{padding:46px 32px;border-right:1px solid rgba(11,16,13,.2)}.application-strip span{font-size:10px}.application-strip h3{font:500 clamp(23px,2vw,34px) "Manrope";margin:45px 0 8px}.application-strip p{font-size:13px}
.calculator-section{background:#101611;color:#fff;padding:clamp(100px,13vw,180px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.calculator-intro h2{font:500 clamp(52px,7vw,100px)/.91 "Manrope";letter-spacing:-.06em;margin:11vh 0 40px}.calculator-intro>p{color:#aeb7b0;max-width:500px;line-height:1.7}.sealant-calculator{padding-top:11vh}.sealant-calculator label{display:block;border-bottom:1px solid #39413b;padding-bottom:16px;margin-bottom:30px}.sealant-calculator label span{display:block;color:#8b958e;font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px}.sealant-calculator input,.sealant-calculator select{width:100%;border:0;background:transparent;color:#fff;font-size:21px;outline:0}.sealant-calculator select option{color:#000}.calculator-result{margin-top:40px;padding:30px;border:1px solid #384139;display:grid;grid-template-columns:1fr auto;gap:10px}.calculator-result span,.calculator-result small{color:#97a098;font-size:11px}.calculator-result strong{font:600 clamp(32px,4vw,64px) "Manrope";color:var(--acid)}.calculator-result small{grid-column:1/3}
.product-range>h2{margin:11vh 0 80px}.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.range-card{min-height:660px;padding:45px;background:#d9ddd5;display:flex;flex-direction:column;justify-content:space-between}.range-card.pail{background:#b9caaa}.range-card>div:last-child>span{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.range-card h3{font:500 clamp(30px,4vw,58px) "Manrope";letter-spacing:-.04em;margin:14px 0}.range-card p{max-width:480px;color:#4b574e}.pack-visual{align-self:center;width:190px;height:330px;background:#eef0e9;border-radius:22px 22px 34px 34px;box-shadow:0 32px 60px rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:bold 38px/.77 "Manrope";position:relative}.pack-visual i{font:500 12px "DM Sans";margin-top:24px}.pail .pack-visual{width:310px;height:250px;border-radius:9px;background:#141a15;color:#fff}.pail .pack-visual:before{content:"";position:absolute;width:190px;height:80px;border:12px solid #141a15;border-bottom:0;border-radius:80px 80px 0 0;top:-75px}
.product-cta{background:#c9f35a;padding:clamp(100px,14vw,200px) var(--pad);text-align:center}.product-cta h2{font:500 clamp(70px,11vw,170px)/.82 "Manrope";letter-spacing:-.08em;margin:60px 0}.product-cta .green-button{background:var(--ink);color:#fff;border-color:var(--ink)}
@media(max-width:800px){.product-hero,.product-intro-grid,.calculator-section{grid-template-columns:1fr}.product-hero{padding-top:130px}.product-hero h1{margin-top:10vh}.product-wheel{min-height:430px}.product-tyre{width:min(90vw,400px)}.application-strip{grid-template-columns:1fr 1fr}.application-strip article{border-bottom:1px solid rgba(11,16,13,.2)}.calculator-section{gap:30px}.sealant-calculator{padding-top:30px}.range-grid{grid-template-columns:1fr}.range-card{min-height:570px}.pack-visual{transform:scale(.82)}}

/* Authentic brand and sector visuals */
.brand-logo{overflow:hidden;background:#fff;border-color:#fff}.brand-logo img{width:78%;height:78%;object-fit:cover;object-position:center 41%}
.sector-stories{background:#0b100d}.sector-story{position:relative;min-height:92vh;overflow:hidden}.sector-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.05);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.sector-story:hover>img{transform:scale(1.025)}.sector-story:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,7,.83),rgba(6,10,7,.22) 62%,transparent)}.sector-overlay{position:relative;z-index:2;min-height:92vh;padding:clamp(80px,11vw,155px) var(--pad);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;max-width:830px}.sector-overlay>span{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#d4d9d5}.sector-overlay h2{font:500 clamp(58px,8vw,120px)/.86 "Manrope";letter-spacing:-.07em;margin:32px 0}.sector-overlay p{max-width:480px;color:#d4d9d5;font-size:17px;line-height:1.6}.agriculture-story:after{background:linear-gradient(90deg,rgba(8,28,9,.72),rgba(8,28,9,.05) 70%)}.realestate-story:after{background:linear-gradient(90deg,rgba(13,10,8,.8),rgba(13,10,8,.1) 70%)}.logistics-story{background:#c9f35a}.logistics-story:after{display:none}.logistics-art{position:absolute;right:7vw;top:50%;transform:translateY(-50%);width:min(46vw,650px);aspect-ratio:1;background:#eff2e9;border-radius:50%;display:grid;place-items:center}.logistics-art img{width:70%;height:70%;object-fit:contain}.dark-copy{color:var(--ink)}.dark-copy>span,.dark-copy p{color:#455047}
@media(max-width:800px){.sector-story,.sector-overlay{min-height:78vh}.sector-story:after{background:linear-gradient(0deg,rgba(6,10,7,.88),rgba(6,10,7,.05) 80%)}.sector-overlay{padding-bottom:60px}.logistics-story{min-height:88vh}.logistics-art{width:78vw;right:-6vw;top:30%}.dark-copy{justify-content:flex-end}}
.product-photo-stage{display:block;min-height:680px}.product-photo-stage img{position:absolute;object-fit:contain;filter:drop-shadow(0 35px 55px rgba(0,0,0,.4))}.airseal-bottle-photo{width:min(37vw,510px);height:78%;right:5%;top:6%}.armourseal-photo{width:min(21vw,290px);height:39%;left:2%;bottom:7%;border-radius:10px}.product-hero-photos{position:relative;min-height:680px}.product-hero-photos img{position:absolute;object-fit:contain;filter:drop-shadow(0 35px 55px rgba(0,0,0,.45))}.product-hero-photos img:first-child{width:78%;height:78%;right:-2%;top:2%}.product-hero-photos img:last-child{width:43%;height:39%;left:0;bottom:5%;border-radius:9px}.real-pack{background:transparent!important;box-shadow:none!important;width:330px!important;height:360px!important;border-radius:0!important}.real-pack:before{display:none!important}.real-pack img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 35px rgba(0,0,0,.22))}
@media(max-width:800px){.product-photo-stage{min-height:480px}.airseal-bottle-photo{width:82vw;height:72%;right:-7%}.armourseal-photo{width:45vw;height:32%;left:0}.product-hero-photos{min-height:450px}.real-pack{width:250px!important;height:280px!important}}

/* Cinematic online media motion */
.sector-story>img{inset:-7% 0;height:114%;transform:translate3d(0,var(--media-y,0px),0) scale(1.06);transition:transform .15s linear}.sector-story:hover>img{transform:translate3d(0,var(--media-y,0px),0) scale(1.09)}.logistics-story:after{display:block;background:linear-gradient(90deg,rgba(6,10,7,.84),rgba(6,10,7,.15) 75%)}.product-photo-stage .airseal-bottle-photo,.product-hero-photos img:first-child{animation:product-float 5.2s ease-in-out infinite}.product-photo-stage .armourseal-photo,.product-hero-photos img:last-child{animation:product-float 6s ease-in-out -1.5s infinite}@keyframes product-float{50%{translate:0 -18px;rotate:1.5deg}}
@media(prefers-reduced-motion:reduce){.sector-story>img,.sector-story:hover>img{transform:scale(1.02);transition:none}.product-photo-stage img,.product-hero-photos img{animation:none!important}}
.vehicle-finder{margin-top:55px;max-width:560px}.vehicle-finder label{display:block}.vehicle-finder label span{display:block;color:#8b958e;font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px}.vehicle-finder input{width:100%;padding:15px 0;background:transparent;border:0;border-bottom:1px solid #39413b;color:#fff;font-size:19px;outline:0}.vehicle-finder input:focus{border-color:var(--acid)}.vehicle-results{display:grid;gap:7px;margin-top:13px;max-height:255px;overflow:auto}.vehicle-choice{display:grid;grid-template-columns:1fr auto;gap:4px 18px;width:100%;padding:13px 15px;border:1px solid #303932;background:#161d18;color:#fff;text-align:left;cursor:pointer;transition:.2s}.vehicle-choice:hover,.vehicle-choice:focus{border-color:var(--acid);background:#1d271f}.vehicle-choice strong{font-weight:500}.vehicle-choice span{color:#9da69f;font-size:11px}.vehicle-choice b{grid-row:1/3;grid-column:2;font-size:20px;color:var(--acid);align-self:center}.vehicle-empty{padding:15px;color:#aeb7b0;border:1px solid #303932;font-size:13px}


.brand-logo {
    overflow: hidden;
    background: #fff;
    border-color: #fff;
    color: #225f27;
    font-weight: 800;
    width: 92%;
    height: 92%;
    object-fit: contain;
}

.brand-logo img {
    object-position: center 41%;
    width: 92%;
    height: 92%;
    object-fit: contain;
}

/* Mobile */
@media (max-width: 800px) {
    .brand-mark.brand-logo {
        width: 44px;
        height: 44px;
        min-width: 44px;
    }
}