:root{--navy:#100970;--ink:#171c35;--muted:#687181;--cyan:#00b5d3;--pale:#edf9fb;--line:#e2e5e9;--bg:#f6f7f9;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #00b5d3;outline-offset:3px}button{transition:background .15s,border-color .15s,transform .15s}button:hover:not(:disabled){filter:brightness(.97)}svg{display:block}.container{width:min(1320px,calc(100% - 88px));margin-inline:auto}.site-header{height:92px;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{width:190px;height:66px;background:var(--navy);border-radius:3px;overflow:hidden;flex-shrink:0}.brand img{width:100%;height:100%;object-fit:cover;object-position:center}.header-divider{height:30px;width:1px;background:var(--line)}.header-title{font-size:11px;letter-spacing:1.8px;font-weight:700;color:#73758c}nav{margin-left:auto;display:flex;gap:27px;align-items:center;font-size:13px;font-weight:600}.contact-link{color:var(--muted)}.list-link{padding:13px 16px;background:var(--navy);color:white;border-radius:5px;display:flex;align-items:center;gap:12px}.list-link span{background:#ffffff26;padding:3px 6px;border-radius:3px;font-size:11px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;padding-block:49px 43px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:var(--cyan);border-radius:50%}h1{font-size:clamp(32px,3.5vw,48px);line-height:1.15;letter-spacing:-1.7px;margin:19px 0 17px;font-weight:700}h1 span{color:var(--navy)}.hero-copy>p{color:var(--muted);font-size:14px;line-height:1.8;max-width:490px;margin:0}.hero-steps{display:flex;align-items:center;gap:14px;margin-top:28px;font-size:10px;color:#545b6d}.hero-steps b{color:var(--navy);margin-right:4px;font-size:10px}.hero-steps i{color:#a9b1ba;font-style:normal}.hero-art{background:linear-gradient(125deg,#151059,#100970);border-radius:9px;color:white;overflow:hidden;position:relative}.hero-art::after{content:"";position:absolute;width:180px;height:180px;border:1px solid #2f2a85;right:-80px;bottom:-70px;border-radius:50%;pointer-events:none}.art-label,.art-bottom{display:flex;justify-content:space-between;padding:18px 23px;font-size:9px;letter-spacing:1.4px}.art-label{color:#aaa8d5;border-bottom:1px solid #ffffff14}.art-label span{color:var(--cyan)}.hero-art svg{height:216px;width:100%}.art-bottom{font-size:8px;color:#c1bfdc;border-top:1px solid #ffffff14}.art-bottom span:last-child{color:#3bd5e9}.application-section{background:white;border:1px solid var(--line);border-radius:8px;padding:25px 28px 0}.section-kicker{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#6d7485;display:flex;justify-content:space-between}.small-muted{font-size:10px;letter-spacing:0;font-weight:400;color:#9096a2}h2{font-size:22px;letter-spacing:-.6px;margin:10px 0 20px}.application-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.app-button{text-align:left;border:1px solid #e4e7ec;background:white;border-radius:6px;padding:16px 13px;min-height:117px;display:flex;flex-direction:column;align-items:flex-start;position:relative;color:var(--ink)}.app-button svg{width:25px;height:25px;color:#777a91;margin-bottom:14px;stroke-width:1.5}.app-button strong{font-size:12px;line-height:1.3}.app-button small{font-size:9px;margin-top:6px;color:#9096a2}.app-button:hover{border-color:#928ed0}.app-button[aria-pressed=true]{background:#f1f0fb;border-color:var(--navy)}.app-button[aria-pressed=true] svg,.app-button[aria-pressed=true] strong{color:var(--navy)}.app-button[aria-pressed=true]::after{content:'✓';position:absolute;right:9px;top:9px;font-size:10px;color:var(--navy)}.application-bottom{margin-top:18px;padding:13px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eceef2;gap:10px;font-size:10px;color:var(--muted)}.text-button{padding:4px 0;border:0;background:transparent;color:var(--navy);font-size:10px;font-weight:600;white-space:nowrap}.text-button span{margin-left:8px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:28px;margin-top:38px;align-items:start}.product-section{min-width:0}.products-heading{display:flex;align-items:center;gap:13px}.products-heading h2{margin-bottom:20px}.count-pill{font-size:9px;border:1px solid #dadddf;border-radius:20px;padding:5px 8px;margin-top:-7px;color:var(--muted)}.filters{display:flex;gap:10px;margin-bottom:18px}.search-box{flex:1;min-width:0;display:flex;align-items:center;gap:9px;background:white;border:1px solid #dfe2e8;border-radius:5px;padding:0 12px}.search-box svg{width:17px;color:#9499a6}.search-box input{padding:13px 0;font-size:11px;border:0;background:transparent;width:100%;outline-offset:0;min-width:0}.brand-filter select{background:white;border:1px solid #dfe2e8;border-radius:5px;padding:12px;font-size:11px;color:var(--ink);min-width:135px}#active-filters{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:13px;align-items:center}#active-filters:empty{display:none}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.product-card{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden;display:flex;flex-direction:column}.product-top{display:flex;justify-content:space-between;gap:12px;padding:18px 18px 13px;min-height:150px}.product-brand{font-size:10px;letter-spacing:.3px;color:var(--navy);font-weight:700}.product-top h3{font-size:15px;line-height:1.35;letter-spacing:-.25px;margin:9px 0 8px}.product-top p{font-size:10px;color:var(--muted);line-height:1.6;margin:0}.product-visual{flex:0 0 75px;width:75px;height:85px;align-self:center;color:#4b4c70;background:#f6f7fa;border-radius:5px;padding:4px}.product-visual svg{width:100%;height:100%}.product-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 17px;border-top:1px solid #eef0f4;margin-top:auto}.details-button{font-size:10px;border:0;background:transparent;padding:5px 0;color:var(--muted)}.add-button{background:var(--navy);color:white;border:1px solid var(--navy);border-radius:4px;padding:8px 9px;font-size:10px;font-weight:600;white-space:nowrap}.add-button.added{background:#eff9f7;color:#217965;border-color:#ceebe3}.selection-note{display:flex;gap:10px;color:#838999;font-size:10px;line-height:1.7;margin-top:18px}.selection-note>span{margin-top:2px;color:#83819c}.selection-note p{margin:0}.enquiry-panel{background:white;border:1px solid #dcdfe8;border-radius:8px;padding:23px 20px 17px;box-shadow:0 5px 25px #25234a04}.enquiry-head{display:flex;justify-content:space-between;align-items:center}.enquiry-head h2{font-size:20px;margin:10px 0 19px}.enquiry-head h2 span{font-size:10px;background:#ededf8;color:var(--navy);border-radius:4px;padding:4px 7px;margin-left:7px;vertical-align:middle}.empty-enquiry{text-align:center;border:1px dashed #dce0e8;background:#fafbfc;border-radius:6px;padding:25px 15px;margin-bottom:7px}.empty-icon{color:#a3a3b9;display:flex;justify-content:center;margin-bottom:12px}.empty-icon svg{width:29px;height:29px}.empty-enquiry strong{font-size:12px;font-weight:600}.empty-enquiry p{font-size:10px;line-height:1.7;color:#8b919e;margin:7px 7px 0}.form-divider{height:1px;background:var(--line);margin:21px 0 17px}#enquiry-form h3{font-size:11px;margin:0 0 15px;display:flex;justify-content:space-between}#enquiry-form h3 span{font-size:9px;font-weight:400;color:#969aaa}label{display:block}#enquiry-form label{font-size:9px;color:#646d7d;margin-bottom:12px}#enquiry-form input,#enquiry-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #e0e3e9;border-radius:4px;padding:10px;font-size:10px;color:var(--ink);line-height:1.5;background:white}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a0a5af}.primary-button{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--navy);color:white;padding:13px 14px;border:1px solid var(--navy);border-radius:5px;font-size:11px;font-weight:600}#prepare{width:100%;margin-top:18px}#prepare>span:last-child{margin-left:auto}#prepare svg{width:14px;height:14px}.local-note{font-size:8px;text-align:center;line-height:1.7;margin:11px 0 0;color:#989cac}.help-card{margin-top:16px;border:1px solid #dbe7eb;background:#edf6f8;border-radius:7px;padding:17px;display:flex;gap:11px}.help-icon{font-size:20px;color:#2093a6}.help-card h3{font-size:11px;margin:0 0 5px}.help-card p{font-size:9px;color:#78838d;margin:0 0 8px}.help-card a{font-size:12px;color:var(--navy);font-weight:700}aside{position:sticky;top:113px;scroll-margin-top:110px}.enquiry-item{border-bottom:1px solid #eaecf1;padding:12px 0}.item-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.item-title strong{font-size:11px;line-height:1.5}.item-brand{font-size:9px;color:var(--navy);margin-bottom:3px}.remove-item{font-size:15px;line-height:1;border:0;background:transparent;color:#9499a6;padding:4px}.item-controls{display:flex;gap:7px;align-items:center;margin-top:10px}.quantity-label{font-size:9px;color:#818696}.item-controls input{width:61px;padding:6px 6px;border:1px solid #dfe2e9;font-size:10px;border-radius:3px}.item-controls select{font-size:10px;padding:6px;border:1px solid #dfe2e9;border-radius:3px;background:white;max-width:100px}.item-notes{display:block;width:100%;border:1px solid #e7e9ef;font-size:9px;border-radius:3px;padding:8px;margin-top:9px;line-height:1.5;min-height:45px}.brand-band{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #dfe2e7;border-bottom:1px solid #dfe2e7;padding:30px 0;margin-top:46px}.brand-band>span{font-size:8px;font-weight:600;letter-spacing:1px;color:#878d9b;line-height:1.7}.brand-band>div{font-size:22px;font-weight:800;letter-spacing:-1px;color:#787c91}.brand-band>div:nth-child(4){font-size:13px;letter-spacing:0}.brand-band>div:last-child{font-style:italic}footer{display:flex;justify-content:space-between;gap:20px;padding-block:27px 32px;font-size:10px}footer strong{font-size:11px}footer p{font-size:9px;color:#8b919c;margin:8px 0 0}footer>div:last-child{text-align:right}footer a{font-size:11px;color:var(--navy);font-weight:700}dialog{border:1px solid #dcdfea;border-radius:12px;padding:26px;width:min(550px,calc(100% - 32px));max-height:85vh;color:var(--ink);box-shadow:0 25px 100px #0f0c4a33}dialog::backdrop{background:#14113677;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.dialog-top h2{margin:12px 0 0}.icon-button{border:1px solid var(--line);border-radius:50%;background:white;width:28px;height:28px;font-size:12px;color:#73778b;flex-shrink:0}.detail-brand{color:var(--navy);font-size:12px;font-weight:700;margin-top:18px}#detail-content h2{font-size:25px;margin-bottom:12px}#detail-content>p{font-size:13px;line-height:1.8;color:var(--muted)}.detail-checks{background:#f5f6fa;border-radius:6px;padding:17px 20px;margin:18px 0}.detail-checks h3{font-size:12px;margin:0 0 12px}.detail-checks ul{padding-left:17px;font-size:12px;line-height:1.9;color:#626b7e;margin:0}.detail-source{font-size:11px;color:var(--navy);display:inline-block;margin:0 0 20px}.detail-foot{font-size:10px!important;margin-top:16px!important}.review-intro{font-size:12px;color:var(--muted);line-height:1.7;margin:16px 0}#enquiry-text{width:100%;border:1px solid #dfe2e8;background:#f9fafc;border-radius:5px;padding:13px;font:11px/1.7 monospace;min-height:260px}.review-actions{display:flex;gap:10px;margin-top:17px}.review-actions>*{flex:1}.secondary-button{border:1px solid #d9dce5;background:white;color:var(--navy);border-radius:5px;padding:12px;font-size:11px;font-weight:600}.review-foot{font-size:10px;color:var(--muted);line-height:1.8;margin-bottom:0}.review-foot a{color:var(--navy)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);background:var(--ink);color:white;border-radius:6px;padding:13px 20px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 32px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.no-results{grid-column:1/-1;padding:45px 24px;text-align:center;background:white;border:1px dashed #d8dce5;border-radius:7px}.no-results h3{font-size:16px}.no-results p{font-size:12px;line-height:1.7;color:var(--muted)}.no-results button{display:inline-flex;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.hero{gap:80px}.hero-art svg{height:230px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}nav{gap:16px}.header-title{display:none}.header-divider{display:none}.hero{gap:30px}.hero-steps{gap:8px;font-size:9px}.workspace{grid-template-columns:minmax(0,1fr) 305px;gap:20px}.application-grid{gap:7px}.app-button{padding:13px 10px}.app-button strong{font-size:11px}.product-top{padding:15px;gap:8px}.product-visual{flex-basis:55px;width:55px;height:68px}.product-top h3{font-size:14px}.product-bottom{padding-inline:12px}.add-button{padding:8px 6px;font-size:9px}.brand-band{gap:18px}.brand-band>div{font-size:18px}}
@media(max-width:850px){.hero{grid-template-columns:1.2fr 1fr;padding-block:30px}.hero-art svg{height:180px}h1{font-size:35px}.hero-copy>p{font-size:12px}.eyebrow{font-size:8px}.hero-steps{flex-wrap:wrap;line-height:1.7;margin-top:17px}.application-section{padding:22px 20px 0}.application-grid{grid-template-columns:repeat(3,1fr);gap:9px}.app-button{min-height:103px}.app-button strong{font-size:12px}.app-button svg{margin-bottom:10px}.workspace{grid-template-columns:1fr;gap:28px}.enquiry-panel{padding:24px}aside{position:static}.help-card{align-items:center}.product-top{min-height:145px;padding:20px}.product-visual{flex-basis:75px;width:75px;height:80px}.product-bottom{padding:13px 20px}.add-button{font-size:11px;padding:9px 12px}.product-top h3{font-size:17px}.product-top p{font-size:11px}.enquiry-item{padding:15px 0}.brand-band{flex-wrap:wrap;justify-content:center}.brand-band>span{display:none}.small-muted{display:none}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.site-header{height:77px}.header-inner{gap:12px}.brand{width:143px;height:50px}nav>a:first-child,nav .contact-link{display:none}.list-link{font-size:11px;padding:10px 12px;gap:8px}nav{gap:0}.hero{grid-template-columns:1fr;padding-block:31px 25px;gap:22px}.hero-copy .eyebrow{font-size:8px}h1{font-size:36px;letter-spacing:-1.4px;margin-block:15px}.hero-copy>p{font-size:12px;max-width:95%}.hero-steps{font-size:9px;gap:8px}.hero-art{display:none}.application-section{padding:21px 14px 0}.section-kicker{font-size:8px;letter-spacing:1.2px}h2{font-size:20px}.application-grid{gap:7px}.app-button{padding:13px 9px;min-height:109px}.app-button strong{font-size:10px}.app-button small{font-size:8px}.app-button svg{width:24px;height:24px}.application-bottom{font-size:9px;line-height:1.6;align-items:flex-start}.application-bottom>span{max-width:58%}.application-bottom .text-button{font-size:9px}.workspace{margin-top:29px}.product-grid{grid-template-columns:1fr;gap:12px}.product-top{min-height:123px;padding:18px}.product-top h3{font-size:17px}.product-top p{font-size:11px}.product-visual{flex-basis:82px;width:82px;height:85px}.product-bottom{padding:11px 18px}.filters{gap:7px}.search-box{padding-inline:10px}.search-box input{font-size:10px}.brand-filter select{min-width:102px;max-width:114px;padding:12px 6px;font-size:10px}.count-pill{font-size:9px}#active-filters{font-size:10px}.enquiry-panel{padding:22px 18px}.brand-band{gap:20px;margin-top:30px;padding-block:22px}.brand-band>div{font-size:18px}.brand-band>div:nth-child(4){font-size:11px}footer{flex-direction:column;padding-block:23px;gap:15px}footer>div:last-child{text-align:left}dialog{padding:21px}.review-actions{flex-direction:column}.review-actions>*{min-height:43px}.enquiry-item strong{font-size:12px}.item-notes{font-size:11px}.item-controls input,.item-controls select{font-size:12px;padding:8px}#enquiry-form input,#enquiry-form textarea{font-size:12px}#enquiry-form label{font-size:10px}.details-button{font-size:11px}.primary-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.code-match{display:block;font-size:9px;color:#078ba5;margin-top:9px}.catalogue-preview{display:flex;align-items:center;gap:16px;background:#f5f6fa;border:1px solid #e1e4ed;border-radius:6px;padding:12px;margin-bottom:20px}.catalogue-preview img{width:65px;height:87px;object-fit:contain;background:white}.catalogue-preview>span{font-size:12px;color:var(--navy);font-weight:600}.catalogue-preview small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:8px}.code-label{font-size:11px;font-weight:600;margin-bottom:8px}.code-search{width:100%;border:1px solid #dfe2e8;border-radius:4px;padding:11px;font-size:12px;color:var(--ink)}.code-meta{font-size:10px;color:var(--muted);margin:12px 0}.code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ebedf2;padding:10px 0}.code-row a{display:block;min-width:0}.code-row strong{display:block;font-size:11px;overflow-wrap:anywhere}.code-row small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.code-row button{font-size:10px;padding:7px 11px;flex-shrink:0}#code-results{margin-bottom:20px;max-height:290px;overflow:auto}.no-results svg{width:30px;height:30px;margin:auto;color:#999fb2}

.review-actions{flex-wrap:wrap}.review-actions a{text-decoration:none}footer a{overflow-wrap:anywhere}
