
:root{--ink:#09232a;--muted:#62777b;--teal:#438f9a;--teal-dark:#2d727d;--pale:#f3f7f6;--line:#dce7e6;--white:#fff;--dark:#09232a;--sand:#e4dfd4;--blue:#dfeaf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px;z-index:100}.site-shell{overflow-x:hidden}.section-wrap{width:min(1280px,calc(100% - 48px));margin:0 auto}.site-header{align-items:center;background:#fffffff5;border-bottom:1px solid var(--line);display:flex;height:88px;justify-content:space-between;left:0;padding:0 max(24px,calc((100vw - 1280px)/2));position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.brand{align-items:center;display:inline-flex;gap:12px}.brand-symbol{color:var(--teal);font-family:Georgia,serif;font-size:58px;line-height:.7;letter-spacing:-.13em}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.06em}.brand-copy small{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.14em;margin-top:6px}.brand-copy sup{color:var(--teal);font-size:9px}.main-nav{align-items:center;display:flex;gap:28px}.main-nav>a{color:var(--muted);font-size:15px;font-weight:600}.main-nav>a:hover,.main-nav>a.active{color:var(--teal-dark)}.nav-cta{align-items:center;background:var(--ink);color:#fff!important;display:inline-flex!important;gap:10px;padding:13px 18px}.nav-cta:hover{background:var(--teal-dark)!important}.menu-button{display:none;border:0;background:transparent;font-size:24px}.eyebrow{color:var(--teal-dark);font-size:11px;font-weight:700;letter-spacing:.17em;margin:0 0 20px}.eyebrow.light{color:#9ccdd1}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em;line-height:1.1;margin:0}h1{font-size:clamp(40px,5vw,64px);max-width:820px}h2{font-size:clamp(30px,3.5vw,44px)}h3{font-size:20px}.button{align-items:center;border:1px solid transparent;display:inline-flex;font-size:13px;font-weight:700;gap:12px;justify-content:center;padding:14px 19px;transition:.18s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:#fff}.button-primary:hover{background:var(--teal-dark)}.button-secondary{background:transparent;border-color:var(--line)}.button-secondary:hover{border-color:var(--teal);color:var(--teal-dark)}.hero{align-items:center;display:grid;grid-template-columns:1fr .9fr;min-height:680px;padding-top:60px}.hero-copy{padding-bottom:60px}.hero-lede{color:var(--muted);font-size:18px;line-height:1.65;margin:28px 0 32px;max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.trust-row{border-top:1px solid var(--line);display:flex;gap:24px;margin-top:56px;padding-top:17px}.trust-row span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.12em}.hero-visual{background:var(--pale);min-height:520px;overflow:hidden;position:relative}.visual-arch{border:1px solid #c8dcdb;border-radius:50% 50% 0 0;height:440px;left:7%;position:absolute;right:7%;top:50px}.visual-arch:after{border:1px solid #c8dcdb;border-radius:50%;content:"";height:260px;position:absolute;right:-80px;top:70px;width:260px}.hero-product {
    position: absolute;

    width: 96%;
    height: 96%;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    object-fit: contain;
    object-position: center;
}.intro{display:grid;gap:12%;grid-template-columns:.8fr 1.2fr;padding-bottom:96px;padding-top:96px}.intro-text{color:var(--muted);font-size:17px;max-width:700px}.pull-quote{color:var(--ink);font-family:Manrope,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.3;margin:30px 0}.text-link{align-items:center;color:var(--teal-dark);display:inline-flex;font-size:13px;font-weight:700;gap:9px}.text-link:hover{color:var(--ink)}.products-section{background:var(--pale);padding:96px 0}.section-topline{align-items:end;display:flex;justify-content:space-between;margin-bottom:40px}.product-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}
.product-card {
    background: #fff;
    border: 1px solid var(--line);

    width: 350px;
    height: 470px;

    transition: .18s ease;
}.product-card:hover{box-shadow:0 10px 30px #07182010;transform:translateY(-4px)}.product-visual{height:260px;overflow:hidden;position:relative}.product-visual.teal{background:#dceceb}.product-visual.blue{background:var(--blue)}.product-visual.sand{background:var(--sand)}.product-number{left:20px;position:absolute;top:18px;z-index:2;font-size:11px;font-weight:700}.visual-caption{bottom:18px;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.12em;position:absolute;right:20px;text-transform:uppercase;z-index:2}.product-image{height:100%;object-fit:contain;padding:18px;position:absolute;inset:0;width:100%}.product-info{padding:25px 24px 27px}.product-category,.model,.card-label,.footer-label{color:var(--teal-dark);font-size:10px;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.product-info h3{margin-top:12px}.model{color:var(--muted);margin-top:6px}.product-summary{color:var(--muted);font-size:14px;line-height:1.55;margin:20px 0 22px;min-height:66px}.applications{background:var(--dark);color:#fff;padding:96px 0}.applications-inner{display:grid;gap:15%;grid-template-columns:.75fr 1.25fr}.application-intro h2{max-width:470px}.application-intro>p:last-child{color:#9eafb1;font-size:16px;margin-top:28px;max-width:360px}.application-list>div{align-items:start;border-top:1px solid rgba(255,255,255,.19);display:grid;gap:16px;grid-template-columns:48px 1fr 1fr;padding:23px 0}.application-list>div:last-child{border-bottom:1px solid rgba(255,255,255,.19)}.application-list span{color:#73b7bd;font-family:Manrope,sans-serif;font-size:13px;font-weight:700}.application-list h3{font-size:18px}.application-list p{color:#9eafb1;font-size:13px;line-height:1.5;margin:0}.catalogue-band{align-items:center;display:flex;justify-content:space-between;padding-bottom:96px;padding-top:96px}.catalogue-band h2{margin-bottom:14px}.catalogue-band p:last-child{color:var(--muted);margin:0}.contact-section{background:var(--pale);padding:96px 0}.contact-grid{display:grid;gap:12%;grid-template-columns:1fr .8fr}.contact-copy{color:var(--muted);margin:24px 0}.contact-email{align-items:center;color:var(--teal-dark);display:inline-flex;font-size:14px;font-weight:700;gap:10px}.contact-address{align-items:center;color:var(--muted);display:flex;font-size:14px;gap:10px;margin-top:12px}.contact-card{border:1px solid #cbdedd;padding:40px;background:#fff}.contact-card h3{margin-top:19px}.contact-card>p:not(.card-label){color:var(--muted);font-size:14px;margin:15px 0 26px}.page-header{padding:72px 0 64px}.page-lede{color:var(--muted);font-size:18px;line-height:1.65;margin-top:26px;max-width:820px}.values{padding:0 0 96px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value{border-top:1px solid var(--line);padding-top:22px}.value>span{color:var(--teal);font-family:Manrope;font-weight:800}.value h3{margin:12px 0}.value p{color:var(--muted);font-size:14px;margin:0}.products-page{padding-top:50px}.filter-tabs{display:flex;gap:28px;margin:0 0 30px;border-bottom:1px solid var(--line);overflow-x:auto}.filter{border:0;background:transparent;padding:12px 0;color:var(--muted);font-weight:700;font-size:13px;white-space:nowrap;border-bottom:2px solid transparent}.filter.active{color:var(--teal-dark);border-bottom-color:var(--teal)}.product-detail{padding:20px 0 80px}.product-detail-grid{align-items:start;display:grid;gap:48px;grid-template-columns:1fr 1fr}.product-detail-visual{height:470px;overflow:hidden;padding:24px}.product-detail-visual.teal{background:#dceceb}.product-detail-visual.blue{background:var(--blue)}.product-detail-visual.sand{background:var(--sand)}.product-detail-visual img{height:100%;object-fit:contain;width:100%}.product-detail-info{padding-top:8px}.product-detail-info .model{margin:8px 0 20px}.product-detail-desc{color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:28px}.product-specs{padding-bottom:96px}.specs-grid{display:grid;gap:48px;grid-template-columns:repeat(3,1fr)}.specs-grid h2{font-size:24px;margin-bottom:20px}.spec-list{list-style:none;margin:0;padding:0}.spec-list li{align-items:flex-start;color:var(--muted);display:flex;font-size:14px;gap:10px;margin:12px 0}.spec-list li span{color:var(--teal);font-weight:800}.faq-section{padding:10px 0 96px}.faq-list{max-width:900px}.faq-item{border-top:1px solid var(--line);padding:28px 0}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item h2{font-size:19px;margin-bottom:12px}.faq-item p{color:var(--muted);font-size:15px;line-height:1.65;margin:0}.contact-list{margin-top:25px}.catalogue-note{border-top:1px solid var(--line);margin-top:40px;padding-top:25px}.catalogue-note p:not(.card-label){color:var(--muted);font-size:14px}.enquiry-card form{display:grid;gap:16px}.enquiry-card label,.enquiry-card fieldset{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.enquiry-card input,.enquiry-card textarea{border:1px solid #cddcda;background:#fff;padding:13px 14px;outline:0}.enquiry-card input:focus,.enquiry-card textarea:focus{border-color:var(--teal);box-shadow:0 0 0 2px #438f9a24}.enquiry-card fieldset{border:0;margin:0;padding:0}.enquiry-card legend{margin-bottom:4px}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-option{border:1px solid var(--line);display:flex!important;flex-direction:row!important;gap:9px!important;padding:10px;cursor:pointer}.check-option input{margin-top:3px}.check-option small{color:var(--muted);display:block;font-size:10px;font-weight:400}.form-status{color:var(--teal-dark);font-size:12px;margin:0}.site-footer{background:#fff;border-top:1px solid var(--line);padding-top:64px}.footer-grid{display:grid;gap:48px;grid-template-columns:2fr 1fr 1fr 1.5fr;padding-bottom:64px}.footer-brand>p{color:var(--teal-dark);font-family:Manrope;font-size:15px;font-weight:700;margin-top:22px}.footer-grid>div:not(.footer-brand){display:grid;align-content:start;gap:8px}.footer-grid>div:not(.footer-brand) a,.footer-grid>div:not(.footer-brand) p:not(.footer-label){color:var(--muted);font-size:13px;margin:0}.footer-label{color:var(--ink)!important;margin-bottom:10px}.footer-bottom{border-top:1px solid var(--line);color:#8b9b9d;display:flex;font-size:11px;justify-content:space-between;padding:20px 0 24px;text-transform:uppercase;letter-spacing:.09em}.not-found{min-height:60vh;display:flex;align-items:center}.modal-backdrop{align-items:center;background:#09232aad;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:100}.modal-backdrop[hidden]{display:none}.modal{background:#fff;max-width:620px;width:100%;padding:48px;position:relative}.modal h2{margin-bottom:10px}.modal-close{position:absolute;right:18px;top:18px;border:1px solid var(--line);background:#fff;width:36px;height:36px}.modal p{color:var(--muted)}@media(max-width:900px){.menu-button{display:block}.main-nav{display:none;position:absolute;top:88px;left:20px;right:20px;background:#fff;border:1px solid var(--line);padding:24px;flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.hero{grid-template-columns:1fr;gap:40px;min-height:auto;padding-bottom:70px}.hero-copy{padding-bottom:0}.hero-visual{min-height:430px}.intro,.applications-inner,.contact-grid{grid-template-columns:1fr;gap:48px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-detail-grid{grid-template-columns:1fr}.specs-grid{grid-template-columns:1fr;gap:30px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.application-list>div{grid-template-columns:44px 1fr 1.2fr}}@media(max-width:620px){.section-wrap{width:calc(100% - 40px)}.site-header{height:76px;padding:0 20px}.main-nav{top:76px}.brand-symbol{font-size:50px}.brand-copy strong{font-size:16px}.hero{padding-top:32px}.hero-lede{font-size:16px}.trust-row{flex-wrap:wrap;gap:12px 18px;margin-top:40px}.hero-visual{min-height:350px}.hero-product{height:340px}.intro,.products-section,.applications,.contact-section{padding-bottom:64px;padding-top:64px}.section-topline,.catalogue-band{align-items:start;flex-direction:column;gap:28px}.product-grid{grid-template-columns:1fr}.product-visual{height:230px}.application-list>div{grid-template-columns:35px 1fr}.application-list p{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.page-header{padding:48px 0 40px}.page-lede{font-size:16px}.product-detail-visual{height:300px}.checkbox-grid{grid-template-columns:1fr}.modal{padding:34px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}


/* =========================================================
   PRODUCT CARD IMAGE AREA — SECOND SCREENSHOT STYLE ONLY
   All product text/content remains unchanged.
========================================================= */

.product-card {
    overflow: hidden;
}

.product-visual {
    height: 205px;
    overflow: hidden;
    position: relative;
    background: #eef5f5;
}

.product-visual.teal,
.product-visual.blue,
.product-visual.sand {
    background: #eef5f6 !important;
}

.product-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: contain;

    padding: 8px;

    mix-blend-mode: multiply;
}

/* Keep the existing product information exactly as it is. */
.product-info {
    padding: 16px 16px 18px;
}

@media (max-width: 900px) {
    .product-visual {
        height: 207px;
    }

    .product-image {
        padding: 8px 22px;
    }
}

@media (max-width: 620px) {
    .product-visual {
        height: 230px;
    }

    .product-image {
        padding: 10px 28px;
    }
}
.brand-symbol-image {
    width: 58px;
    height: 58px;

    object-fit: contain;
    display: block;
}
/* Custom multi-select dropdown */

.multi-select-wrap {
    position: relative;
}

.multi-select-button {
    width: 100%;
    margin-top: 7px;
    padding: 13px;

    border: 1px solid var(--line);
    border-radius: 2px;

    background: #fff;
    color: var(--ink);

    display: flex;
    justify-content: space-between;
    align-items: center;

    cursor: pointer;
    text-align: left;
}

.multi-select-arrow {
    font-size: 18px;
    color: var(--teal);
}


/* Dropdown menu */

.multi-select-menu {
    position: absolute;

    left: 0;
    right: 0;
    top: 100%;

    z-index: 30;

    margin-top: 4px;

    background: #fff;
    border: 1px solid var(--line);

    box-shadow: 0 14px 35px rgba(16, 43, 53, .12);

    padding: 8px;
}

.multi-select-menu[hidden] {
    display: none;
}


/* Product options */

.multi-select-menu label {
    display: flex;

    flex-direction: row;
    align-items: center;
    justify-content: flex-start;

    width: 100%;
    box-sizing: border-box;

    gap: 10px;

    padding: 10px 9px;

    font-size: 13px;
    font-weight: 500;

    cursor: pointer;

    border-radius: 3px;

    text-align: left;
}


/* Checkbox */

.multi-select-menu label input[type="checkbox"] {
    width: 16px;
    height: 16px;

    min-width: 16px;
    min-height: 16px;

    margin: 0;

    flex: 0 0 16px;

    cursor: pointer;
}


/* Hover */

.multi-select-menu label:hover {
    background: var(--pale);
}


.form-note {
    font-size: 12px;
    color: var(--teal);
    margin: 0;
}


