:root{--ink:hsl(210 20% 20%);--primary:hsl(197 75% 55%);--muted:#6b7a87;--line:#e4eaf0;--blue:#edf7fc;--paper:#f7f9fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:#1271a1}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:42px}h2{font-size:32px}h3{font-size:19px}.container{max-width:1280px;padding:0 32px;margin:0 auto}.topbar{background:#f2f7fa;border-bottom:1px solid #e8eff4;font-size:12px;color:#567080}.topbar .container{display:flex;justify-content:space-between;padding-top:7px;padding-bottom:7px}.site-header{background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:flex;gap:11px;align-items:center;font-size:29px;font-weight:800;line-height:1.05;letter-spacing:-1.2px}.cloud{color:#36b1df}.wordmark-light{font-weight:500;color:#698397}.wordmark small{display:block;font-size:10px;letter-spacing:2px;font-weight:500;color:#7a8a95;margin:6px 0 0 2px}.header-inner nav{display:flex;align-items:center;gap:30px;font-weight:600;font-size:14px}.header-inner nav a{display:flex;align-items:center;gap:8px}.desktop-link svg{width:14px;height:14px}.basket-link{background:var(--blue);border-radius:10px;padding:11px 15px}.basket-link b{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dcecf5;border-radius:50%;height:23px;min-width:23px;font-size:12px}.hero{background:linear-gradient(135deg,rgb(18,113,161),rgb(14,56,98));overflow:hidden;color:white}.hero-inner{min-height:460px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;padding-top:62px;padding-bottom:58px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#1684b3;display:block;margin-bottom:16px}.hero .eyebrow{color:#a8def6}.hero h1{font-size:57px;line-height:1.12;letter-spacing:-2.4px;margin-bottom:21px;font-weight:700}.hero h1 span{color:#b1e6ff}.hero p{font-size:17px;color:#dbedf8;line-height:1.7;margin-bottom:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:9px;padding:13px 22px;border:1px solid transparent;font-weight:700;font-size:14px;line-height:1.5;background:#36b0df;color:#083952;transition:background .2s,transform .2s}.button:hover{background:#61c1e6;color:#083952;transform:translateY(-1px)}.button svg{width:18px;height:18px}.button.light{background:#e6f5fe;color:#10547c}.button.secondary{background:#edf6fc;border-color:#d6e9f5;color:#13618a}.hero-caption{font-size:11px;margin-top:20px;color:#a9cbe0}.hero-art{position:relative;height:330px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #ffffff14;border-radius:50%;width:430px;height:430px;transform:rotate(-20deg)}.orbit-two{width:320px;height:320px}.art-screen{width:335px;height:211px;border:6px solid #d8e9f3;border-radius:13px;position:relative;transform:perspective(800px) rotateY(-12deg) rotateX(4deg);box-shadow:20px 30px 70px #002c5259}.screen-inner{height:100%;background:linear-gradient(135deg,#2a9ac8,#175483);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-direction:column}.screen-inner svg{width:125px;height:95px;opacity:.9}.screen-inner span{font-weight:600;font-size:19px;letter-spacing:1px;color:#dff4ff}.screen-stand{position:absolute;width:27px;height:47px;top:205px;left:148px;background:linear-gradient(90deg,#93b3c8,#d5e5ee)}.screen-base{position:absolute;top:247px;width:130px;height:9px;border-radius:50%;background:#c0d6e5;left:96px}.screen-camera{width:3px;height:3px;border-radius:50%;position:absolute;left:50%;top:-4px;background:#668398}.floating-pill{position:absolute;display:flex;align-items:center;gap:9px;border:1px solid #ffffff3a;background:#ffffffed;box-shadow:0 12px 32px #072f4c20;backdrop-filter:blur(10px);color:#285571;font-size:11px;font-weight:600;border-radius:10px;padding:13px 16px;z-index:2;white-space:nowrap}.floating-pill svg{color:#239bc6;width:17px;height:17px}.pill-one{top:17px;left:0}.pill-two{bottom:22px;right:-2px}.benefit-strip{background:#f4f9fc;border-bottom:1px solid #e5eff6}.benefit-strip .container{display:flex;justify-content:space-between;padding-top:20px;padding-bottom:20px;gap:18px}.benefit-strip span{display:flex;align-items:center;gap:11px;color:#507183;font-size:12px}.benefit-strip svg{width:19px;color:#2797c2}.catalogue-section{padding-top:60px;padding-bottom:45px}.catalogue-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.catalogue-title h1,.catalogue-title h2{font-size:34px;margin:0}.catalogue-title .eyebrow{margin-bottom:8px}.catalogue-title>p{font-size:13px;color:var(--muted);margin:0 0 5px}.search-form{display:flex;border:1px solid #dce6ed;background:var(--paper);padding:7px;border-radius:12px;gap:8px;margin-bottom:26px}.search-input{flex:1;display:flex;align-items:center;padding-left:11px;gap:13px}.search-input svg{color:#8ba0ad;flex-shrink:0}.search-input input{width:100%;border:0;background:transparent;outline:0;padding:9px 0;min-width:0}.search-form select{width:245px;border:0;border-left:1px solid #dce4eb;background:transparent;padding:0 12px;color:#557080;font-size:13px}.search-form .button{min-width:100px}.category-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:27px 0 40px}.category-tiles a{border:1px solid #e2eaf1;border-radius:12px;padding:20px;display:grid;grid-template-columns:1fr 22px;position:relative;background:linear-gradient(135deg,#f5fbff,#fff);transition:border .2s}.category-tiles a:hover{border-color:#48b3dc}.tile-icon{grid-column:1 / -1;margin-bottom:12px;color:#329fc7}.tile-icon svg{width:24px;height:24px}.category-tiles strong{font-size:15px}.category-tiles small{grid-column:1 / -1;font-size:11px;color:#7e8c98;margin-top:4px}.category-tiles a>svg{grid-column:2;grid-row:2;width:17px;height:17px;color:#67a6c2}.catalogue-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:30px}.category-sidebar{font-size:12px;max-height:970px;overflow:auto;scrollbar-width:thin;padding-right:12px}.category-sidebar h3{font-size:13px;letter-spacing:0;margin-bottom:18px}.category-sidebar a{padding:9px 10px;display:flex;justify-content:space-between;align-items:center;gap:7px;border-radius:7px;color:#6b7b87;line-height:1.3;margin:2px 0}.category-sidebar a.active{color:#12688d;background:#eaf6fc;font-weight:700}.category-sidebar a:hover{background:#f2f7fa}.category-sidebar span{font-size:10px;color:#8b9aa6}.results-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#83919b;margin:0 0 16px}.results-meta strong{color:#49616f}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{border:1px solid #e3eaf0;border-radius:12px;overflow:hidden;background:white;display:flex;flex-direction:column;transition:box-shadow .2s,border .2s;min-width:0}.product-card:hover{border-color:#c0dbe9;box-shadow:0 5px 22px #17394e09}.card-image{height:188px;display:flex;align-items:center;justify-content:center;padding:25px;border-bottom:1px solid #f1f4f7;position:relative}.card-image img{object-fit:contain;width:100%;height:100%}.card-content{padding:18px;display:flex;flex-direction:column;flex:1}.brand{color:#1683ad;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;min-height:16px}.product-card h3{font-size:13px;letter-spacing:-.01em;line-height:1.5;font-weight:600;margin:8px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:59px}.sku{font-size:10px;color:#94a1aa;overflow-wrap:anywhere;display:block;letter-spacing:.2px}.card-price{font-size:13px;font-weight:600;margin-top:16px}.quote-price{color:#395c70}.retail{font-weight:700}.card-stock{font-size:10px;color:#82909b;display:flex;align-items:center;gap:6px;margin:7px 0 16px}.stock-dot,.stock-unknown{height:5px;width:5px;flex-shrink:0;border-radius:50%;background:#45a782}.stock-unknown{background:#a6b3bd}.card-link{border-top:1px solid #edf1f5;padding-top:12px;display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:#1e789f;font-size:11px;font-weight:700}.card-link svg{width:15px;height:15px}.pagination{display:flex;gap:6px;justify-content:center;margin-top:34px;flex-wrap:wrap}.pagination a,.pagination span{padding:7px 12px;border-radius:6px;background:#f1f6fa;color:#6e8593;font-size:12px}.pagination .current{background:#dff2fc;color:#13739a}.help-banner{background:#f0f7fb;border:1px solid #e4eff6;border-radius:16px;padding:35px 38px;margin-top:20px;margin-bottom:65px;display:flex;align-items:center;justify-content:space-between;gap:25px}.help-banner .eyebrow{margin-bottom:8px;font-size:10px}.help-banner h2{font-size:27px;margin-bottom:8px}.help-banner p{font-size:13px;color:#7c8c98;margin:0}.site-footer{background:#f7f9fb;border-top:1px solid #e7edf3}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;padding-top:47px;padding-bottom:42px;gap:30px}.footer-logo{font-weight:800;letter-spacing:-1px;font-size:26px}.footer-logo span{font-weight:400;color:#7c91a2}.footer-main p{font-size:12px;color:#84939e;margin-top:10px}.footer-main h3{font-size:12px;letter-spacing:0;margin-bottom:16px}.footer-main>div>a:not(.footer-logo),.footer-main>div>span{display:block;font-size:12px;color:#83939f;margin:7px 0}.footer-bottom{padding-top:19px;padding-bottom:22px;border-top:1px solid #e2e9ef;display:flex;justify-content:space-between;color:#8b99a5;font-size:10px}.page-heading{padding-top:55px;padding-bottom:25px}.page-heading h1{font-size:38px;margin-bottom:15px}.page-heading p{color:#7a8c99;max-width:700px}.quote-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-bottom:70px}.basket-panel,.enquiry-panel{border:1px solid #e2eaf0;border-radius:13px;padding:26px;align-self:start}.enquiry-panel{background:#f8fbfd}.basket-panel h2,.enquiry-panel h2{font-size:21px;line-height:1.4}.basket-panel h2 span{font-size:13px;margin-left:7px;color:#90a4b1}.basket-row{display:grid;grid-template-columns:75px minmax(0,1fr) 62px;gap:14px;border-top:1px solid #e8eef3;padding:22px 0}.basket-image{display:flex;align-items:flex-start}.basket-image img{object-fit:contain;width:75px;height:75px}.basket-row h3{font-size:13px;line-height:1.5;letter-spacing:0;margin:4px 0}.basket-row small{font-size:10px;color:#6b91a5}.basket-row p{font-size:11px;margin:10px 0 0}.basket-row label{font-size:11px;color:#6a7e8e}.basket-row input{width:60px;padding:7px;border:1px solid #dae5ed;border-radius:6px}.basket-row label small{display:block;font-size:9px;color:#9aabb6;margin-top:5px}.quote-note{background:#f3f8fc;border-radius:8px;padding:18px;font-size:12px;margin-top:25px}.quote-note p{color:#7b8f9f;font-size:11px;margin:6px 0 0}.enquiry-panel>p{font-size:12px;color:#8396a4;margin-bottom:20px}.enquiry-form>label,.form-pair>label{display:block;font-size:12px;font-weight:600;margin-bottom:15px}.enquiry-form label>span:not(.consent span){color:#278db6}.enquiry-form input:not([type=checkbox]),.enquiry-form textarea{width:100%;display:block;border:1px solid #dce7ef;border-radius:7px;padding:10px 12px;background:white;margin-top:6px;font-size:13px;color:var(--ink);min-width:0}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#a3b0b9}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.enquiry-form label.consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:11px;color:#7c8f9e;line-height:1.7}.consent input{margin-top:4px}.consent a{text-decoration:underline}.full{width:100%}.form-footnote{display:block;text-align:center;font-size:10px;color:#8d9eaa;margin-top:12px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.empty-panel,.success-panel{grid-column:1 / -1;padding:65px 25px;text-align:center;background:#f8fbfd;border:1px solid #e4edf3;border-radius:14px}.empty-panel h2,.success-panel h2{font-size:28px}.empty-panel p,.success-panel p{font-size:14px;color:#7e909e;max-width:560px;margin:0 auto 25px}.empty-panel>svg{width:35px;height:35px;color:#4dacca;margin-bottom:20px}.success-icon{display:inline-flex;border-radius:50%;padding:15px;color:#359474;background:#e0f3ea;margin-bottom:20px}.product-page{padding-top:25px;padding-bottom:65px}.breadcrumbs{display:flex;gap:12px;font-size:11px;color:#8c9ca8;margin-bottom:28px}.product-top{display:grid;grid-template-columns:1fr 1fr;gap:55px}.product-picture{border:1px solid #e5ecf2;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:50px;min-height:420px;max-height:520px;position:relative}.product-picture img{max-height:390px;object-fit:contain}.product-info{padding:16px 0}.product-info h1{font-size:28px;line-height:1.4;letter-spacing:-.7px;margin-bottom:15px}.product-info .sku{font-size:11px}.detail-price{font-size:23px;margin-top:27px;font-weight:600}.detail-price small{font-size:12px;font-weight:400;color:#8595a2}.availability{display:flex;align-items:center;gap:8px;color:#8496a3;font-size:12px;margin:13px 0}.availability span{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#a1afba}.availability.available span{background:#45a782}.product-note{font-size:13px;color:#7a8f9e;max-width:420px;margin:19px 0 24px}.add-form{display:flex;gap:10px}.add-form input{width:70px;border:1px solid #dbe6ef;border-radius:8px;padding:10px 13px}.trust-line{display:flex;gap:7px;align-items:center;font-size:11px;color:#8a9da9;margin-top:22px}.trust-line svg{height:16px;color:#4ca888}.product-cats{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.product-cats a{font-size:10px;border-radius:5px;background:#f1f6fa;padding:5px 9px;color:#63859a}.product-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;margin-top:50px;border-top:1px solid #e7eef4;padding-top:36px}.product-bottom h2{font-size:22px}.description{font-size:13px;color:#708390;overflow-wrap:anywhere}.description h2{color:var(--ink)}.description>div{line-height:1.9}.spec-panel{background:#f6f9fc;border:1px solid #e8eff5;padding:25px;border-radius:12px;align-self:start}.spec-panel dl{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:10px}.spec-panel dt{color:#8b9ba8}.spec-panel dd{margin:0;overflow-wrap:anywhere;color:#506c7e}.muted{font-size:10px;color:#94a4af}.state-stock{display:flex;gap:8px;margin-top:15px}.state-stock span{display:flex;flex-direction:column;font-size:12px;background:white;border:1px solid #e4edf3;align-items:center;padding:7px 12px;border-radius:5px}.state-stock b{font-size:9px;color:#7f9bac;font-weight:500}.spec-panel h3{font-size:14px;margin-top:25px}.prose{max-width:850px;padding-top:60px;padding-bottom:80px}.prose h1{font-size:36px}.prose p{color:#6b8190;line-height:1.9}.prose a{text-decoration:underline}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{display:block;padding:10px;background:#fff;position:relative;z-index:100}.image-fallback{font-size:25px;font-weight:700;color:#a4bac8;text-align:center}.image-fallback span{display:block;font-size:10px;font-weight:400}.image-unavailable:after{content:'Image unavailable';color:#9badba;font-size:11px;position:absolute}.warning{color:#a26328!important}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #57b8df;outline-offset:3px}.page-numbers.dots{background:white}
@media(min-width:1450px){.container{max-width:1340px}.card-image{height:210px}}
@media(max-width:1050px){.hero h1{font-size:47px}.hero-art{transform:scale(.9);transform-origin:center}.catalogue-layout{grid-template-columns:175px minmax(0,1fr);gap:20px}.product-grid{gap:12px}.card-content{padding:14px}.card-image{height:160px;padding:20px}.catalogue-title>p{display:none}.category-tiles a{padding:16px}.hero-inner{gap:0}.quote-layout{grid-template-columns:1fr 1fr;gap:20px}.product-top{gap:30px}.product-picture{padding:25px}.product-info h1{font-size:24px}}
@media(max-width:760px){.container{padding-left:20px;padding-right:20px}.topbar{font-size:10px}.header-inner{height:76px}.wordmark{font-size:24px;gap:6px}.wordmark .cloud{width:35px}.wordmark small{font-size:8px;letter-spacing:1.4px}.header-inner nav{gap:15px;font-size:12px}.header-inner .desktop-link{display:none}.basket-link{padding:9px 10px;gap:5px!important}.basket-link>span{display:none}.hero-inner{grid-template-columns:1fr;min-height:0;padding-top:45px;padding-bottom:35px}.hero h1{font-size:45px;letter-spacing:-1.8px}.hero p{font-size:15px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero-art{height:240px;transform:scale(.76);margin:-5px 0 -20px}.floating-pill{font-size:12px}.pill-one{left:0;top:0}.pill-two{right:-12px;bottom:-10px}.orbit{width:340px;height:340px}.orbit-two{width:260px;height:260px}.benefit-strip .container{justify-content:center;flex-wrap:wrap;padding-top:15px;padding-bottom:15px;gap:8px 20px}.benefit-strip span{font-size:10px}.benefit-strip span:last-child{display:none}.benefit-strip svg{width:15px}.catalogue-section{padding-top:35px}.catalogue-title h1,.catalogue-title h2{font-size:28px}.eyebrow{font-size:9px}.search-form{flex-wrap:wrap;gap:5px}.search-input{flex-basis:100%;padding:2px 9px 8px}.search-form select{flex:1;width:0;border-left:0;border-top:1px solid #e1e9ef;padding:9px;font-size:12px}.search-form .button{font-size:12px;padding:9px 16px;min-width:80px}.category-tiles{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:30px}.category-tiles strong{font-size:13px}.category-tiles small{font-size:10px}.tile-icon{margin-bottom:7px}.tile-icon svg{width:21px;height:21px}.category-sidebar{display:none}.catalogue-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-image{height:155px;padding:18px}.card-content{padding:13px}.product-card h3{font-size:12px;height:54px}.brand{font-size:9px}.card-price{font-size:12px}.card-stock{font-size:9px}.card-link{font-size:10px}.results-meta{font-size:10px}.help-banner{margin:0 20px 40px;padding:25px;flex-direction:column;align-items:flex-start}.help-banner h2{font-size:25px}.footer-main{grid-template-columns:1fr 1fr;gap:20px;padding-top:35px;padding-bottom:30px}.footer-main>div:first-child{grid-column:1 / -1}.footer-main p{font-size:11px}.footer-bottom{flex-direction:column;gap:7px;font-size:9px}.page-heading{padding-top:35px}.page-heading h1{font-size:30px}.page-heading p{font-size:13px}.quote-layout{grid-template-columns:1fr;margin-bottom:40px;gap:20px}.basket-panel,.enquiry-panel{padding:20px}.basket-row{grid-template-columns:50px minmax(0,1fr) 50px;gap:10px}.basket-image img{height:50px;width:50px}.basket-row input{width:48px;padding:6px}.basket-row h3{font-size:11px}.basket-row .sku{font-size:9px}.product-top{grid-template-columns:1fr;gap:20px}.product-picture{min-height:270px;max-height:330px;padding:30px}.product-picture img{max-height:260px}.product-info{padding:0}.product-info h1{font-size:24px}.product-info .eyebrow{margin-bottom:9px}.detail-price{margin-top:20px;font-size:22px}.product-bottom{grid-template-columns:1fr;gap:24px;margin-top:30px;padding-top:25px}.product-page{padding-top:20px;padding-bottom:40px}.spec-panel{padding:20px}.prose{padding-top:35px;padding-bottom:45px}.prose h1{font-size:29px}.prose p{font-size:14px}.state-stock{gap:6px}.state-stock span{flex:1;padding:7px 5px}.pagination a,.pagination span{padding:6px 10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand-cloud{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;width:39px;height:39px;border-radius:8px;margin-right:2px;flex-shrink:0}