@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;800;900&display=swap');*, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;}
.vh {position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;}
:root {--navy:        #1a3c5e;--navy-dark:   #122b45;--navy-mid:    #1e4870;--blue:        #2e8fc4;--blue-light:  #3ea8e0;--amber:       #e89820;--amber-dark:  #c87a10;--white:       #ffffff;--off-white:   #f4f8fc;--text:        #1a2634;--text-muted:  #5c7180;--border:      #d8e6f0;--shadow-sm:   0 2px 8px rgba(26,60,94,.10);--shadow-md:   0 6px 28px rgba(26,60,94,.16);--radius:      8px;--nav-h:       70px;--font:        'Outfit', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;--t-body:    clamp(15px, 1.8vw, 17px);--t-body-sm: clamp(13px, 1.5vw, 15px);--t-sm:      clamp(11px, 1.1vw, 13px);--t-xs:      clamp(10px, 1.0vw, 11px);--t-h3:      clamp(15px, 2.0vw, 18px);}
html {scroll-behavior: smooth;scrollbar-gutter: stable;}
body {font-family: var(--font);font-size: 16px;line-height: 1.6;color: var(--text);background: var(--white);-webkit-font-smoothing: antialiased;}
img {display: block;max-width: 100%;height: auto;}
a {color: var(--blue);text-decoration: none;transition: color .15s;}
a:hover {color: var(--blue-light);}
.container {width: 100%;max-width: 1160px;margin: 0 auto;padding: 0 24px;}
.section         {padding: clamp(40px, 6.5vw, 80px) 0;}
.section-sm      {padding: clamp(28px, 4.5vw, 56px) 0;}
.section--navy     {background: var(--navy);color: var(--white);}
.section--navy-dark {background: var(--navy-dark);color: var(--white);}
.section--off-white {background: var(--off-white);}
.section-header {text-align: center;margin-bottom: 52px;}
.section-header h2 {font-size: clamp(26px, 4vw, 38px);font-weight: 900;line-height: 1.15;margin-bottom: 12px;color: inherit;}
.section-header p {font-size: var(--t-body);color: var(--text-muted);max-width: 560px;margin: 0 auto;line-height: 1.65;}
.section--navy .section-header p,
.section--navy-dark .section-header p {color: rgba(255,255,255,.65);}
.section-header--left {text-align: left;}
.eyebrow {display: inline-block;font-size: clamp(12px, 1.2vw, 13px);font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--amber);margin-bottom: 10px;}
#slide-eyebrow {font-size: clamp(16px, 2vw, 22px);letter-spacing: .18em;margin-bottom: 14px;}
.section-divider {width: 40px;height: 3px;background: var(--amber);border-radius: 2px;margin: 16px auto 0;}
.section-header--left .section-divider {margin-left: 0;}
.btn {display: inline-flex;align-items: center;justify-content: center;gap: 6px;padding: clamp(10px, 1.1vw, 13px) clamp(20px, 2.4vw, 28px);font-size: clamp(13px, 1.3vw, 14px);font-weight: 800;letter-spacing: .06em;text-transform: uppercase;text-align: center;border-radius: var(--radius);border: 2px solid transparent;transition: background .18s, border-color .18s, color .18s, transform .1s;cursor: pointer;text-decoration: none;line-height: 1;}
.btn:hover {transform: translateY(-1px);text-decoration: none;}
.btn:active {transform: none;}
.btn-amber {background: var(--amber);color: var(--navy-dark);border-color: var(--amber);}
.btn-amber:hover {background: var(--amber-dark);border-color: var(--amber-dark);color: var(--navy-dark);}
.btn-outline {background: transparent;color: var(--white);border-color: rgba(255,255,255,.45);}
.btn-outline:hover {border-color: var(--white);color: var(--white);background: rgba(255,255,255,.08);}
.btn-navy {background: var(--navy);color: var(--white);border-color: var(--navy);}
.btn-navy:hover {background: #1e5080;border-color: #1e5080;color: var(--white);}
.btn-navy-inv {background: var(--navy);color: var(--white);border-color: var(--navy);}
.btn-navy-inv:hover {background: var(--white);color: var(--navy);border-color: var(--navy);}
.btn-ghost {background: transparent;color: var(--navy);border-color: var(--border);}
.btn-ghost:hover {border-color: var(--blue);color: var(--blue);}
.btn-blue {background: var(--blue);color: var(--white);border-color: var(--blue);}
.btn-blue:hover {background: var(--blue-light);border-color: var(--blue-light);color: var(--white);}
.btn-outline-blue {background: transparent;color: var(--blue);border-color: var(--blue);}
.btn-outline-blue:hover {background: var(--blue);border-color: var(--blue);color: var(--white);}
.btn-outline-navy {background: #fff;color: var(--navy);border-color: var(--navy);}
.btn-outline-navy:hover {background: var(--navy);border-color: var(--navy);color: #fff;}
.btn-full {width: 100%;text-align: center;display: block;}
.btn-compact {padding: 6px 14px;font-size: 11px;letter-spacing: .04em;line-height: 1;}
.btn-hero {padding: clamp(16px, 2vw, 24px);font-size: clamp(17px, 2vw, 22px);letter-spacing: .10em;border-radius: 6px;}
.img-placeholder {background: linear-gradient(135deg, #e4eef7 0%, #eef4fb 50%, #ddeaf5 100%);border: 2px dashed #b5cfe0;border-radius: var(--radius);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;padding: 24px;color: #7898b0;font-size: 11px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;text-align: center;}
.img-placeholder svg {opacity: .30;flex-shrink: 0;}
.img-placeholder--dark {background: rgba(255,255,255,.04);border-color: rgba(255,255,255,.18);color: rgba(255,255,255,.28);}
.site-header {position: sticky;top: 0;z-index: 1000;background: var(--navy-dark);transition: box-shadow .25s;}
.site-header.scrolled {box-shadow: 0 2px 24px rgba(0,0,0,.40);}
.nav {height: var(--nav-h);display: flex;align-items: center;border-bottom: 1px solid rgba(46,143,196,.18);}
.nav-inner {width: 100%;max-width: 1160px;margin: 0 auto;padding: 0 24px;display: flex;align-items: center;gap: 32px;}
.nav-wordmark {text-decoration: none;flex-shrink: 0;display: flex;align-items: center;}
.wm-img {height: 28px;width: auto;display: block;}
.nav-links {display: flex;align-items: center;gap: 2px;list-style: none;}
.nav-links a {display: block;padding: 8px 14px;font-size: clamp(13px, 1.2vw, 15px);font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: rgba(255,255,255,.72);border-radius: 5px;transition: color .15s, background .15s;}
.nav-links a:hover,
.nav-links a.active {color: var(--white);background: rgba(255,255,255,.10);}
.nav-links a.active {color: var(--amber);background: transparent;}
.nav-links a.nav-home {padding: 8px 10px;color: rgba(255,255,255,.55);}
.nav-links a.nav-home:hover {color: rgba(255,255,255,.90);background: rgba(255,255,255,.10);}
.nav-links a.nav-home svg {display: block;}
.nav-contact-group {flex: 1;display: flex;align-items: center;justify-content: center;gap: 10px;}
.nav-contact {font-size: clamp(15px, 1.4vw, 19px);font-weight: 700;color: var(--amber);text-decoration: none;white-space: nowrap;}
.nav-contact:hover {color: var(--white);}
.nav-wa {display: flex;align-items: center;color: #25D366;text-decoration: none;opacity: .85;transition: opacity .15s;line-height: 1;}
.nav-wa:hover {opacity: 1;}
.nav-wa svg {display: block;width: 20px;height: 20px;fill: currentColor;}
.nav-burger {display: none;flex-direction: column;gap: 5px;background: none;border: none;cursor: pointer;padding: 7px;border-radius: 5px;}
.nav-burger span {display: block;width: 24px;height: 2px;background: var(--white);border-radius: 2px;transition: transform .25s, opacity .25s;}
.nav-burger[aria-expanded="true"] span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.nav-burger[aria-expanded="true"] span:nth-child(2) {opacity: 0;}
.nav-burger[aria-expanded="true"] span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}
.nav-mobile {display: none;background: var(--navy-dark);border-top: 1px solid rgba(255,255,255,.08);padding: 8px 0 16px;}
.nav-mobile.open {display: block;}
.nav-mobile ul {list-style: none;}
.nav-mobile ul a {display: block;padding: 13px 24px;font-size: var(--t-body-sm);font-weight: 700;letter-spacing: .07em;text-transform: uppercase;color: rgba(255,255,255,.75);border-left: 3px solid transparent;transition: color .15s, border-color .15s;}
.nav-mobile ul a:hover,
.nav-mobile ul a.active {color: var(--white);border-left-color: var(--amber);}
.nav-mobile-contact {padding: 14px 24px 0;font-size: 15px;font-weight: 700;color: var(--amber);}
.nav-links .has-dropdown {position: relative;}
.dd-chevron {vertical-align: middle;margin-left: 3px;transition: transform .2s;}
.has-dropdown-link[aria-expanded="true"] .dd-chevron {transform: rotate(180deg);}
.nav-dropdown {position: absolute;top: calc(100% + 6px);left: 50%;transform: translateX(-50%);min-width: 200px;background: var(--white);border-radius: 8px;box-shadow: 0 8px 28px rgba(0,0,0,.18);padding: 6px 0;list-style: none;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .18s, visibility .18s;z-index: 200;}
.nav-dropdown::before {content: '';position: absolute;top: -5px;left: 50%;transform: translateX(-50%);border: 5px solid transparent;border-top: 0;border-bottom-color: var(--white);}
.nav-links .has-dropdown:hover .nav-dropdown,
.has-dropdown-link[aria-expanded="true"] + .nav-dropdown {opacity: 1;visibility: visible;pointer-events: auto;}
.nav-dropdown a {display: block;padding: 7px 18px;font-size: 13px;font-weight: 600;letter-spacing: .04em;color: var(--navy);text-transform: none;border-radius: 0;background: none;transition: background .12s, color .12s;}
.nav-dropdown a:hover {background: rgba(46,143,196,.10);color: var(--blue);}
.nav-dd-group {padding: 8px 18px 3px;font-size: 10px;font-weight: 800;letter-spacing: .12em;text-transform: uppercase;color: var(--amber);}
.nav-dd-group:not(:first-child) {padding-top: 10px;}
.nav-dd-sep {height: 1px;background: rgba(0,0,0,.08);margin: 6px 0;}
.mob-acc-toggle {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 13px 24px;background: none;border: none;border-left: 3px solid transparent;font-size: var(--t-body-sm);font-weight: 700;letter-spacing: .07em;text-transform: uppercase;color: rgba(255,255,255,.75);cursor: pointer;transition: color .15s, border-color .15s;}
.mob-acc-toggle:hover,
.mob-acc-toggle[aria-expanded="true"] {color: var(--white);border-left-color: var(--amber);}
.mob-acc-toggle .dd-chevron {transition: transform .2s;flex-shrink: 0;}
.mob-acc-toggle[aria-expanded="true"] .dd-chevron {transform: rotate(180deg);}
.mob-acc-panel {display: none;list-style: none;background: rgba(255,255,255,.04);border-top: 1px solid rgba(255,255,255,.06);border-bottom: 1px solid rgba(255,255,255,.06);}
.mob-acc-panel.open {display: block;}
.mob-acc-panel a {display: block;padding: 10px 24px 10px 36px;font-size: 13px;font-weight: 600;letter-spacing: .05em;color: rgba(255,255,255,.65);border-left: 3px solid transparent;transition: color .12s, border-color .12s;}
.mob-acc-panel a:hover {color: var(--white);border-left-color: rgba(255,255,255,.3);}
.mob-dd-group {padding: 8px 24px 2px 36px;font-size: 10px;font-weight: 800;letter-spacing: .12em;text-transform: uppercase;color: var(--amber);opacity: .8;}
.mob-dd-group:not(:first-child) {padding-top: 10px;}
.hero {background: var(--navy);background-image:
    radial-gradient(ellipse at 12% 55%, rgba(46,143,196,.20) 0%, transparent 55%),
    radial-gradient(ellipse at 85% 20%, rgba(232,152,32,.09) 0%, transparent 50%);padding: clamp(28px, 4vw, 48px) 0;overflow: hidden;}
.hero-inner {display: grid;grid-template-columns: 1fr 1fr;gap: clamp(32px, 5.5vw, 64px);align-items: center;}
.hero-eyebrow {font-size: var(--t-xs);font-weight: 700;letter-spacing: .15em;text-transform: uppercase;color: var(--amber);margin-bottom: 16px;}
.hero-text h1 {font-size: clamp(32px, 5vw, 62px);font-weight: 900;color: var(--white);line-height: 1.18;letter-spacing: -.025em;margin-bottom: 20px;}
.hero-text h1 .accent, .page-hero h1 .accent {color: var(--blue);}
.hero-sub {font-size: clamp(15px, 1.8vw, 18px);color: rgba(255,255,255,.68);margin-bottom: 18px;line-height: 1.6;text-align: justify;}
.hero-ctas {display: flex;flex-direction: row;gap: 14px;width: 100%;}
.hero-ctas .btn-hero {flex: 1;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;}
.btn-pre {display: block;font-size: .6em;font-weight: 700;letter-spacing: .18em;text-transform: uppercase;opacity: .70;}
.hero-visual {display: flex;justify-content: flex-end;align-items: center;flex: 1;}
.hero-carousel {position: relative;width: 100%;max-width: 100%;}
.hero-carousel-track {position: relative;aspect-ratio: 4/3;overflow: hidden;border-radius: var(--radius);}
.hero-slide {position: absolute;inset: 0;opacity: 0;transition: opacity .6s;overflow: hidden;}
.hero-slide.active {opacity: 1;}
.hero-slide-img {width: 100%;height: 100%;border-radius: 0;object-fit: cover;display: block;}
.hero-slide-badge {position: absolute;top: clamp(6px, 1.5vw, 14px);right: clamp(6px, 1.5vw, 14px);width: clamp(115px, 30vw, 170px);height: clamp(115px, 30vw, 170px);font-size: clamp(6px, 1.6vw, 9px);clip-path: polygon(50% 0%, 60% 11%, 75% 7%, 78% 22%, 93% 25%, 89% 40%, 100% 50%, 89% 60%, 93% 75%, 78% 78%, 75% 93%, 60% 89%, 50% 100%, 40% 89%, 25% 93%, 22% 78%, 7% 75%, 11% 60%, 0% 50%, 11% 40%, 7% 25%, 22% 22%, 25% 7%, 40% 11%);background: rgb(196, 30, 20);transform: none;display: flex;flex-direction: column;align-items: stretch;justify-content: center;text-align: center;pointer-events: none;box-sizing: border-box;}
.hsb-inner {width: 100%;text-align: center;}
.hsb-label {display: block;font-size: 1.22em;font-weight: 800;letter-spacing: .08em;text-transform: uppercase;color: rgba(255,255,255,.90);margin-bottom: 2px;line-height: 1.25;}
.hsb-from {display: block;font-size: 1em;font-weight: 700;text-transform: uppercase;letter-spacing: .10em;color: #FFE81A;margin-bottom: 0;margin-left: -2px;line-height: 1.1;}
.hsb-price {display: block;font-size: 3.1em;font-weight: 900;color: #FFE81A;line-height: 0.95;letter-spacing: -.02em;}
.hsb-price::after {content: '*';font-size: .55em;vertical-align: super;letter-spacing: 0;}
.hsb-price-row {display: inline-block;text-align: left;vertical-align: top;line-height: 1;margin-top: 3px;}
.hsb-week {display: block;font-size: 1em;font-weight: 700;text-transform: uppercase;letter-spacing: .10em;color: #fff;margin-top: 0;}
.hsb-vat {display: block;font-size: 1em;color: rgba(255,255,255,.80);margin-top: 1px;line-height: 1.25;text-transform: none;letter-spacing: 0;}
.hero-fin-note {position: absolute;bottom: 6px;left: 8px;margin: 0;font-size: 8px;color: rgba(200,200,200,.75);line-height: 1.35;white-space: nowrap;pointer-events: none;}
.hc-prev, .hc-next {position: absolute;top: 50%;transform: translateY(-50%);background: none;border: none;color: rgba(0,0,0,.18);width: 34px;height: 34px;border-radius: 0;font-size: 22px;line-height: 1;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: color .18s;z-index: 5;}
.hc-prev {left: 10px;}
.hc-next {right: 10px;}
.hc-prev:hover, .hc-next:hover {color: rgba(0,0,0,.55);}
.hc-dots {position: absolute;bottom: 12px;right: 14px;display: flex;gap: 7px;z-index: 5;}
.hc-dot {width: 7px;height: 7px;border-radius: 50%;background: rgba(255,255,255,.35);border: none;cursor: pointer;padding: 0;transition: background .18s;}
.hc-dot.active {background: var(--amber);}
.usp-strip {background: var(--off-white);border-top: 3px solid var(--amber);padding: clamp(24px, 3.8vw, 44px) 0;}
.usp-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;}
.usp-item {display: flex;flex-direction: column;align-items: center;gap: 14px;text-align: center;}
.usp-icon {width: 52px;height: 52px;background: var(--navy);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.usp-label {font-size: var(--t-body-sm);font-weight: 800;color: var(--navy);line-height: 1.3;}
.usp-label small {display: block;font-weight: 400;color: var(--text-muted);font-size: 13px;margin-top: 3px;}
.category-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 22px;}
.cat-card {background: var(--white);border-radius: var(--radius);box-shadow: var(--shadow-sm);border: 1px solid var(--border);overflow: hidden;display: flex;flex-direction: column;transition: box-shadow .2s, transform .2s;text-decoration: none;color: inherit;}
.cat-card:hover {box-shadow: var(--shadow-md);transform: translateY(-3px);}
.cat-card:hover .cat-card-title {color: var(--blue);}
.cat-card-img {aspect-ratio: 16/9;}
.cat-card-body {padding: 20px;flex: 1;display: flex;flex-direction: column;gap: 8px;}
.cat-card-title {font-size: clamp(14px, 1.5vw, 16px);font-weight: 800;color: var(--navy);line-height: 1.2;transition: color .15s;}
.cat-card-desc {font-size: var(--t-sm);color: var(--text-muted);flex: 1;line-height: 1.55;}
.cat-card-footer {display: flex;flex-direction: column;align-items: center;gap: 10px;padding-top: 14px;border-top: 1px solid var(--border);margin-top: auto;}
.cat-card-footer .price-badge {padding-left: 18px;}
.cat-card-link {font-size: 12px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: var(--blue);}
.cat-card-link::after {content: ' ->';}
.hire-teaser-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 22px;}
.hire-card {background: rgba(255,255,255,.05);border: 1px solid rgba(255,255,255,.14);border-radius: var(--radius);padding: 28px;display: flex;flex-direction: column;gap: 10px;}
.hire-card-title {font-size: var(--t-h3);font-weight: 800;color: var(--white);}
.hire-card-desc  {font-size: var(--t-body-sm);color: rgba(255,255,255,.60);line-height: 1.55;flex: 1;}
.hire-card-price {padding-top: 16px;border-top: 1px solid rgba(255,255,255,.12);font-size: 13px;color: rgba(255,255,255,.45);margin-top: auto;}
.hire-card-price strong {color: var(--amber);font-size: clamp(20px, 2.5vw, 24px);font-weight: 900;vertical-align: middle;}
.hire-card-price .rate-unit {font-size: 13px;color: rgba(255,255,255,.45);}
.about-teaser-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 72px;align-items: center;}
.about-teaser-img {aspect-ratio: 3/4;max-width: 380px;}
.about-teaser-text h2 {font-size: clamp(24px, 3.5vw, 34px);font-weight: 900;color: var(--navy);margin-bottom: 16px;line-height: 1.15;}
.about-teaser-text p {font-size: var(--t-body-sm);color: var(--text-muted);line-height: 1.7;margin-bottom: 14px;}
.about-teaser-text p:last-of-type {margin-bottom: 28px;}
.cta-strip {background: var(--navy-dark);padding: clamp(32px, 5.5vw, 64px) 0;text-align: center;border-top: 3px solid var(--amber);}
.cta-strip h2 {font-size: clamp(22px, 3.5vw, 34px);font-weight: 900;color: var(--white);margin-bottom: 10px;}
.cta-strip p {font-size: var(--t-body);color: rgba(255,255,255,.60);margin-bottom: 30px;}
.cta-strip .btn {min-width: 220px;}
.footer {background: #0d1e2e;color: rgba(255,255,255,.55);padding: clamp(36px, 5.2vw, 60px) 0 clamp(20px, 3vw, 36px);}
.footer-inner {display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 48px;margin-bottom: 44px;}
.footer-wordmark {display: inline-block;text-decoration: none;margin-bottom: 16px;}
.footer-brand p {font-size: var(--t-sm);line-height: 1.65;max-width: 260px;}
.footer-col h4 {font-size: var(--t-xs);font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--white);margin-bottom: 18px;}
.footer-col ul {list-style: none;display: flex;flex-direction: column;gap: 9px;}
.footer-col ul a {font-size: var(--t-body-sm);color: rgba(255,255,255,.50);}
.footer-col ul a:hover {color: var(--white);}
.footer-col address {font-style: normal;font-size: var(--t-body-sm);line-height: 1.75;}
.footer-col address a {color: rgba(255,255,255,.50);}
.footer-col address a:hover {color: var(--white);}
.footer-bottom {border-top: 1px solid rgba(255,255,255,.10);padding-top: 24px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 12px;font-size: var(--t-sm);}
.footer-bottom a {color: rgba(255,255,255,.35);}
.footer-bottom a:hover {color: rgba(255,255,255,.80);}
.footer-legal {display: flex;gap: 20px;align-items: center;flex-wrap: wrap;}
.footer-no-cookie {display: inline-flex;align-items: center;gap: 4px;font-size: 11px;color: rgba(255,255,255,.35);white-space: nowrap;}
.footer-no-cookie svg {vertical-align: middle;}
.footer-attrib-credit {font-size: 11px;color: rgba(255,255,255,.28);}
.footer-attrib-credit a {color: rgba(255,255,255,.40);text-decoration: none;}
.footer-attrib-credit a:hover {color: rgba(255,255,255,.70);}
.footer-attribution {text-align: center;padding-top: 18px;margin-top: 4px;font-size: 11px;color: rgba(255,255,255,.28);border-top: 1px solid rgba(255,255,255,.07);}
.footer-attribution a {color: rgba(255,255,255,.40);text-decoration: none;}
.footer-attribution a:hover {color: rgba(255,255,255,.70);}
.footer-attribution .site-ver {margin-left: 10px;color: rgba(255,255,255,.18);}
.page-hero {background: var(--navy);background-image: radial-gradient(ellipse at 80% 50%, rgba(46,143,196,.15) 0%, transparent 60%);padding: clamp(40px, 6.2vw, 72px) 0 0;color: var(--white);position: relative;overflow: hidden;display: flex;flex-direction: column;}
.page-hero h1 {font-size: clamp(30px, 4.5vw, 54px);font-weight: 900;line-height: 1.08;letter-spacing: -.025em;margin-bottom: 10px;}
.page-hero p {font-size: var(--t-body);color: rgba(255,255,255,.62);max-width: 600px;line-height: 1.6;margin-bottom: clamp(16px, 2.5vw, 24px);text-align: justify;}
.page-hero-eyebrow {font-size: var(--t-xs);font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--amber);margin-bottom: 14px;}
.hero-stats {display: flex;gap: clamp(24px, 5vw, 44px);margin-top: clamp(24px, 3.8vw, 40px);padding-top: clamp(18px, 2.8vw, 28px);justify-content: center;}
.hero-stat {display: flex;flex-direction: column;align-items: center;gap: 8px;text-align: center;}
.hs-num {width: clamp(82px, 20vw, 100px);height: clamp(82px, 20vw, 100px);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: clamp(17px, 4vw, 22px);font-weight: 900;color: var(--white);line-height: 1.2;text-align: center;padding: 8px;word-break: break-word;background: transparent;}
.hero-stat:nth-child(1) .hs-num {border: 3px solid var(--amber);color: var(--amber);}
.hero-stat:nth-child(2) .hs-num {border: 3px solid var(--blue);color: var(--blue);}
.hero-stat:nth-child(3) .hs-num {border: 3px solid #27a96b;color: #27a96b;}
.hs-label {font-size: var(--t-xs);color: rgba(255,255,255,.52);text-transform: uppercase;letter-spacing: .08em;max-width: clamp(72px, 16vw, 96px);}
.hero-letterbox {width: 100%;aspect-ratio: 16/5;overflow: hidden;position: relative;background: var(--navy-mid);flex-shrink: 0;}
.hero-letterbox img {width: 100%;height: 100%;object-fit: cover;display: block;}
.hero-lbx-ph {position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;padding: 24px;color: rgba(255,255,255,.28);text-align: center;}
.hero-lbx-ph svg {flex-shrink: 0;}
.hero-lbx-ph strong {font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: .12em;color: rgba(255,255,255,.40);display: block;}
.hero-lbx-ph span {font-size: 13px;font-style: italic;max-width: 380px;display: block;}
.hero-scroll-hint {display: none;}
.section-scroll-hint {display: none;}
.hero-price-flash {position: absolute;top: 60px;right: -130px;width: 500px;background: rgba(160,30,30,.92);color: rgba(255,255,255,.95);font-size: 22px;font-weight: 800;letter-spacing: .12em;text-transform: uppercase;text-align: center;line-height: 1.5;padding: 18px 0;transform: rotate(45deg);pointer-events: none;text-shadow: 0 1px 3px rgba(0,0,0,.40);z-index: 1;}
#catalogue-root:empty {min-height: 3000px;}
#hire-grid-root:empty {min-height: 2000px;}
.sales-anchor-nav {background: var(--off-white);border-bottom: 1px solid var(--border);padding: 0;position: sticky;top: var(--nav-h);z-index: 100;}
.sales-anchor-nav ul {list-style: none;display: flex;max-width: 1160px;margin: 0 auto;padding: 0 24px;overflow: visible;}
.sales-anchor-nav ul a {display: block;padding: 14px 18px;font-size: 13px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: var(--text-muted);border-bottom: 3px solid transparent;white-space: nowrap;transition: color .15s, background .15s;}
.sales-anchor-nav ul a:hover {color: var(--navy);background: rgba(11,58,101,.07);border-radius: 4px;}
.sales-anchor-nav ul a.is-active {color: var(--navy);background: rgba(11,58,101,.14);border-radius: 4px;}
.cat-nav-group {position: relative;}
.cat-nav-group-label::after {content: '';display: inline-block;margin-left: 5px;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid currentColor;vertical-align: middle;opacity: .55;}
.cat-sub-menu {list-style: none;position: absolute;top: 100%;left: 0;min-width: 180px;background: var(--white);border: 1px solid var(--border);border-radius: 8px;box-shadow: 0 6px 20px rgba(0,0,0,.12);padding: 6px 0;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .18s, visibility .18s;z-index: 150;}
.cat-nav-group:hover .cat-sub-menu {opacity: 1;visibility: visible;pointer-events: auto;}
.sales-anchor-nav .cat-sub-menu a {display: block;padding: 9px 16px;font-size: 13px;font-weight: 600;letter-spacing: .04em;text-transform: none;color: var(--navy);border-bottom: none;white-space: nowrap;transition: background .12s, color .12s;}
.sales-anchor-nav .cat-sub-menu a:hover {background: rgba(46,143,196,.10);color: var(--blue);}
.sales-anchor-nav .cat-sub-menu a.is-active {background: rgba(46,143,196,.06);color: var(--blue);}
.sales-anchor-nav .cat-nav-group-label:hover,
.sales-anchor-nav .cat-nav-group-label.is-active {color: var(--navy);}
.cat-nav-select-wrap {display: none;}
.contact-section-nav {display: none;padding-bottom: 8px;}
.contact-section-nav .cat-nav-select-inner select {font-size: 12px;letter-spacing: .02em;}
.contact-hero-avatar {display: none;}
.page-hero-avatar      {display: none;}
.cat-nav-select-inner {position: relative;width: 100%;}
.cat-nav-select-inner select {appearance: none;-webkit-appearance: none;width: 100%;background: var(--white);border: 1.5px solid var(--navy);border-radius: 8px;padding: 11px 40px 11px 16px;font-size: 13px;font-weight: 700;letter-spacing: .04em;color: var(--navy);cursor: pointer;line-height: 1.3;}
.cat-nav-select-inner select:focus {outline: none;border-color: var(--blue);box-shadow: 0 0 0 3px rgba(46,143,196,.18);}
.cat-nav-chevron {position: absolute;right: 14px;top: 50%;transform: translateY(-50%);pointer-events: none;color: var(--navy);flex-shrink: 0;}
.product-section        {padding: clamp(32px, 5.5vw, 64px) 0 0;scroll-margin-top: 130px;}
.product-section:last-child {padding-bottom: clamp(40px, 6.5vw, 80px);}
.product-section-header {margin-bottom: 32px;padding-bottom: 20px;border-bottom: 2px solid var(--border);display: flex;align-items: baseline;gap: 14px;flex-wrap: wrap;}
.product-section-header h2 {font-size: clamp(18px, 2.2vw, 22px);font-weight: 900;color: var(--navy);}
.section-tag {font-size: 11px;font-weight: 700;letter-spacing: .10em;text-transform: uppercase;background: var(--off-white);color: var(--text-muted);border: 1px solid var(--border);border-radius: 20px;padding: 3px 11px;}
.product-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}
.product-card {background: var(--white);border-radius: var(--radius);border: 1px solid var(--border);overflow: hidden;display: flex;flex-direction: column;transition: box-shadow .2s;}
.product-card-img {aspect-ratio: 1/1;background: linear-gradient(135deg, #e4eef7 0%, #eef4fb 100%);border-bottom: 1px solid var(--border);display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 10px;padding: 16px;color: #88aabf;font-size: 11px;font-weight: 700;letter-spacing: .07em;text-transform: uppercase;text-align: center;}
.product-card-img svg {opacity: .25;}
.product-card-img .product-photo {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 0;}
.product-card-img {position: relative;overflow: hidden;}
.unavail-stamp {position: absolute;top: 50%;left: 50%;width: 160%;transform: translate(-50%, -50%) rotate(-28deg);background: rgba(160,30,30,.72);color: rgba(255,255,255,.88);font-size: 12px;font-weight: 800;letter-spacing: .12em;text-transform: uppercase;text-align: center;line-height: 1.4;padding: 7px 0;pointer-events: none;border-top: 1.5px solid rgba(255,255,255,.30);border-bottom: 1.5px solid rgba(255,255,255,.30);text-shadow: 0 1px 3px rgba(0,0,0,.40);}
.recon-stamp {position: absolute;bottom: 8px;left: 8px;background: rgba(14, 90, 50, .85);color: rgba(255,255,255,.95);font-size: 10px;font-weight: 800;letter-spacing: .10em;text-transform: uppercase;padding: 4px 9px;border-radius: 4px;pointer-events: none;}
.recon-divider {margin: 28px 0 0;padding-top: 20px;border-top: 1px dashed var(--border);scroll-margin-top: 130px;}
.recon-divider-heading {display: block;font-size: clamp(15px, 1.8vw, 18px);font-weight: 900;color: var(--navy);margin: 0 0 16px;}
.recon-trust {background: #eef4fb;border-left: 3px solid var(--navy);border-radius: 0 6px 6px 0;padding: 14px 18px 14px 16px;margin: 0 0 24px;width: 100%;}
.recon-trust-intro {font-size: 13px;font-weight: 600;color: var(--navy);margin: 0 0 8px;}
.recon-trust-list {margin: 0;padding: 0 0 0 18px;font-size: 13px;color: #2a3f52;line-height: 1.55;}
.recon-trust-list li {margin-bottom: 5px;}
.recon-trust-list li:last-child {margin-bottom: 0;}
.btn-card-disabled {opacity: .35;pointer-events: none;cursor: default;}
.product-card-body {padding: 18px 18px 12px;flex: 1;min-height: 88px;display: flex;flex-direction: column;gap: 6px;}
.product-code {font-size: 10px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--text-muted);}
.product-name {font-size: var(--t-body-sm);font-weight: 800;color: var(--navy);line-height: 1.25;}
.product-spec {font-size: var(--t-sm);color: var(--text-muted);line-height: 1.55;flex: 1;}
.finance-note {font-size: 11px;color: var(--text-muted);margin-top: 2px;}
.services-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.service-card {background: var(--off-white);border-radius: var(--radius);padding: 24px;display: flex;gap: 16px;border: 1px solid var(--border);}
.service-icon {width: 44px;height: 44px;background: var(--navy);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.service-card h3 {font-size: var(--t-body-sm);font-weight: 800;color: var(--navy);margin-bottom: 4px;}
.service-card p  {font-size: var(--t-sm);color: var(--text-muted);line-height: 1.55;}
.service-card address {font-style: normal;font-size: var(--t-sm);color: var(--text-muted);line-height: 1.7;margin-top: 6px;}
.hire-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}
.hire-product-card {background: var(--white);border-radius: var(--radius);border: 1px solid var(--border);overflow: hidden;display: flex;flex-direction: column;}
.hire-product-card .product-card-img {aspect-ratio: 1/1;}
@keyframes card-flash {0%   {box-shadow: 0 0 0 0   rgba(245,124,0,0);}
  15%  {box-shadow: 0 0 0 5px rgba(245,124,0,0.6);}
  60%  {box-shadow: 0 0 0 5px rgba(245,124,0,0.4);}
  100% {box-shadow: 0 0 0 0   rgba(245,124,0,0);}}
.card-flash {animation: card-flash 2.5s ease-out forwards;}
.hire-product-body {padding: 20px;flex: 1;min-height: 88px;}
.hire-product-body h3 {font-size: var(--t-h3);font-weight: 800;color: var(--navy);margin-bottom: 6px;}
.hire-product-body p  {font-size: var(--t-sm);color: var(--text-muted);line-height: 1.55;}
.hire-rate-block {padding: 12px 20px;border-top: 1px solid var(--border);background: var(--off-white);display: flex;flex-direction: column;gap: 6px;}
.hire-rate-row {display: flex;justify-content: space-between;align-items: baseline;font-size: 13px;}
.hire-rate-row .rate-label {color: var(--text-muted);font-weight: 600;}
.hire-rate-row .rate-price {font-size: clamp(16px, 2.0vw, 20px);font-weight: 900;color: var(--navy);}
.hire-rate-row .rate-unit {font-size: 12px;color: var(--text-muted);margin-left: 3px;}
.hire-price-badge {display: inline-flex;flex-direction: column;background: var(--amber);color: var(--navy-dark);border-radius: 6px;padding: 10px 18px 10px 26px;max-width: 100%;box-sizing: border-box;}
.hire-price-from {font-size: 9px;font-weight: 800;letter-spacing: .10em;text-transform: uppercase;opacity: .7;}
.hire-price-amount {font-size: clamp(20px, 2.7vw, 26px);font-weight: 900;line-height: 1.1;margin: 2px 0;white-space: normal;word-break: break-word;}
.hire-price-unit {font-size: 11px;font-weight: 600;opacity: .75;}
.hire-price-delivery {font-size: 11px;font-weight: 600;opacity: .65;vertical-align: middle;margin-left: 7px;}
.hire-tc-note {font-size: 10px;color: var(--text-muted);margin: 4px 0 0;opacity: .75;}
.hire-footnote {font-size: 12px;color: var(--text-muted);margin-top: 24px;font-style: italic;}
.hire-cta-row {padding: 14px 20px;border-top: 1px solid var(--border);text-align: center;}
.hire-cta-row .btn {min-width: 220px;}
.hire-product-card .product-card-actions {padding: 14px 20px 16px;border-top: 1px solid var(--border);}
.steps-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;}
.step {text-align: center;}
.step-number {width: 54px;height: 54px;background: var(--amber);color: var(--navy-dark);font-size: 22px;font-weight: 900;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 18px;}
.step h3 {font-size: var(--t-body-sm);font-weight: 800;color: var(--navy);margin-bottom: 6px;}
.step p  {font-size: var(--t-sm);color: var(--text-muted);line-height: 1.55;}
.includes-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px;}
.include-item {display: flex;align-items: flex-start;gap: 10px;font-size: 14px;color: var(--text-muted);}
.include-tick {width: 20px;height: 20px;background: var(--amber);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;margin-top: 2px;}
.faq-list {list-style: none;border-top: 1px solid var(--border);}
.faq-item  {border-bottom: 1px solid var(--border);}
.faq-q {width: 100%;background: none;border: none;text-align: left;padding: 18px 0;font-size: var(--t-body-sm);font-weight: 700;color: var(--navy);cursor: pointer;display: flex;justify-content: space-between;align-items: center;gap: 12px;font-family: var(--font);}
.faq-q::after {content: '+';font-size: 22px;font-weight: 300;color: var(--blue);flex-shrink: 0;line-height: 1;}
.faq-item.open .faq-q::after {content: '-';}
.faq-a {display: none;padding: 0 0 18px;font-size: var(--t-body-sm);color: var(--text-muted);line-height: 1.7;}
.faq-item.open .faq-a {display: block;}
.about-intro-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 72px;align-items: start;}
.about-img {aspect-ratio: unset;max-width: 380px;}
.about-img img {width: 100%;display: block;border-radius: var(--radius);aspect-ratio: 3/4;object-fit: cover;}
.about-portrait-caption {display: flex;flex-direction: column;gap: 4px;margin-top: 16px;padding-top: 16px;border-top: 2px solid var(--amber);}
.portrait-name {font-size: var(--t-body-sm);font-weight: 900;color: var(--navy);line-height: 1.2;}
.portrait-role {font-size: var(--t-xs);font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: var(--text-muted);margin-bottom: 8px;}
.portrait-bio {font-size: var(--t-xs);color: var(--text-muted);line-height: 1.65;margin: 0;text-align: justify;hyphens: auto;}
.about-text h2 {font-size: clamp(22px, 2.8vw, 28px);font-weight: 900;color: var(--navy);margin-bottom: 18px;line-height: 1.15;}
.about-text p  {font-size: var(--t-body-sm);color: var(--text-muted);line-height: 1.75;margin-bottom: 16px;}
.about-text p:last-child {margin-bottom: 0;}
.stats-row {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;margin-top: 48px;}
.stat-card {background: var(--white);border-radius: var(--radius);padding: 28px 24px;text-align: center;border: 1px solid var(--border);box-shadow: var(--shadow-sm);}
.stat-number {font-size: clamp(26px, 3.3vw, 38px);font-weight: 900;color: var(--amber);line-height: 1;margin-bottom: 6px;}
.stat-label {font-size: var(--t-sm);color: var(--text-muted);font-weight: 600;line-height: 1.4;}
.why-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.why-card {background: var(--white);border-radius: var(--radius);padding: 24px;border: 1px solid var(--border);display: flex;gap: 16px;}
.why-icon {width: 44px;height: 44px;background: var(--amber);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.why-card h3 {font-size: var(--t-body-sm);font-weight: 800;color: var(--navy);margin-bottom: 4px;}
.why-card p  {font-size: var(--t-sm);color: var(--text-muted);line-height: 1.55;}
.contact-grid {display: grid;grid-template-columns: 1fr 1.8fr 1fr;gap: 48px;align-items: stretch;}
.callback-panel {background: var(--off-white);border: 1px solid var(--border);border-top: 3px solid var(--amber);border-radius: var(--radius);padding: 28px 24px;display: flex;flex-direction: column;}
.callback-hook {font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: .12em;color: var(--amber);margin-bottom: 6px;}
.callback-headline {font-size: clamp(16px, 2vw, 20px);font-weight: 900;color: var(--navy);line-height: 1.2;margin-bottom: 10px;}
.callback-sub {font-size: var(--t-sm);color: var(--text-muted);line-height: 1.55;margin-bottom: 22px;}
#callback-form {flex: 1;display: flex;flex-direction: column;}
#callback-form .form-group:has(.callback-checks) {flex: 1;}
.callback-check-label {font-size: var(--t-sm);font-weight: 700;color: var(--navy);margin-bottom: 8px;}
.callback-checks {display: flex;flex-direction: column;gap: 7px;margin-bottom: 4px;}
.check-item {display: flex;align-items: center;gap: 8px;font-size: var(--t-sm);color: var(--text);cursor: pointer;}
.check-item input[type="checkbox"] {width: 15px;height: 15px;accent-color: var(--navy);flex-shrink: 0;}
.contact-quicklinks {margin-top: 28px;}
.contact-quicklinks h4 {font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: .10em;color: var(--text-muted);margin-bottom: 10px;}
.contact-quicklinks ul {list-style: none;padding: 0;display: flex;flex-direction: column;gap: 7px;}
.contact-quicklinks li a {font-size: var(--t-sm);color: var(--blue);text-decoration: none;}
.contact-quicklinks li a:hover {text-decoration: underline;}
.contact-form {display: flex;flex-direction: column;gap: 18px;}
#contact-form {background: var(--off-white);border: 1.5px solid var(--blue-light);border-radius: var(--radius);padding: 28px 24px;}
.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 16px;}
.form-group {display: flex;flex-direction: column;gap: 6px;}
.form-group label {font-size: 13px;font-weight: 700;color: var(--navy);}
.form-group input,
.form-group select,
.form-group textarea {width: 100%;padding: 11px 14px;font-size: 15px;font-family: var(--font);border: 1.5px solid var(--border);border-radius: var(--radius);background: var(--white);color: var(--text);transition: border-color .2s, box-shadow .2s;outline: none;}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {border-color: var(--blue);box-shadow: 0 0 0 3px rgba(46,143,196,.15);}
.form-group textarea {resize: vertical;min-height: 130px;}
.form-success {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 40px 20px;flex: 1;}
.form-error {font-size: 12px;color: #c00;margin-top: 8px;text-align: center;}
.enquiry-panel {background: #fff;border: 1px solid var(--blue-light);border-top: 3px solid var(--blue-light);border-radius: var(--radius);padding: 28px 24px;display: flex;flex-direction: column;}
.enquiry-panel h2 {font-size: clamp(18px, 2.2vw, 22px);font-weight: 900;color: var(--navy);margin-bottom: 24px;}
.contact-info-panel h3 {font-size: var(--t-h3);font-weight: 800;color: var(--navy);margin-bottom: 24px;}
.contact-info-panel {background: var(--off-white);border: 1px solid var(--border);border-top: 3px solid var(--navy);border-radius: var(--radius);padding: 28px 24px;display: flex;flex-direction: column;}
.contact-detail {display: flex;align-items: flex-start;gap: 14px;margin-bottom: 22px;}
.contact-detail-icon {width: 42px;height: 42px;background: var(--off-white);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;border: 1px solid var(--border);}
.contact-detail-text .label {font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: .10em;color: var(--text-muted);margin-bottom: 2px;}
.contact-detail-text .value {font-size: var(--t-body-sm);font-weight: 600;color: var(--navy);}
.contact-detail-text .value a {color: var(--navy);}
.contact-detail-text .value a:hover {color: var(--blue);}
.coverage-note {background: var(--off-white);border-radius: var(--radius);padding: 20px;border: 1px solid var(--border);margin-top: 32px;}
.coverage-note h4 {font-size: var(--t-sm);font-weight: 700;color: var(--navy);margin-bottom: 6px;}
.coverage-note p  {font-size: var(--t-sm);color: var(--text-muted);line-height: 1.65;}
.mt-sm  {margin-top: 12px;}
.mt-md  {margin-top: 24px;}
.mt-lg  {margin-top: 40px;}
.text-muted {color: var(--text-muted);}
.text-amber {color: var(--amber);}
.pd-breadcrumb {background: var(--off-white);border-bottom: 1px solid var(--border);padding: 12px 0;}
.breadcrumb-nav {font-size: 13px;color: var(--text-muted);display: flex;align-items: center;gap: 8px;flex-wrap: wrap;}
.breadcrumb-nav a {color: var(--blue);}
.breadcrumb-nav a:hover {color: var(--blue-light);}
.breadcrumb-nav span[aria-current] {color: var(--text);font-weight: 600;}
.pd-back-link {display: inline-flex;align-items: center;gap: 5px;font-size: 12px;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: var(--text-muted);text-decoration: none;transition: color var(--trans);}
.pd-back-link:hover {color: var(--blue);}
.pd-unit-cond {display: inline-block;margin-bottom: 12px;padding: 5px 10px;background: #fff8e1;border-left: 3px solid #f4a821;border-radius: 0 4px 4px 0;font-size: 13px;color: var(--text-dark);}
.pd-hero {padding: 56px 0;}
.pd-hero-inner {display: grid;grid-template-columns: 1fr 1fr;gap: 56px;align-items: start;}
.pd-gallery {display: flex;flex-direction: column;gap: 12px;}
.pd-gallery-main {aspect-ratio: 1/1;background: linear-gradient(135deg, #e4eef7 0%, #eef4fb 100%);border: 1px solid var(--border);border-radius: var(--radius);overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;color: #88aabf;}
.pd-main-photo {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 0;}
.pd-svg-fallback {display: flex;align-items: center;justify-content: center;opacity: .25;}
.pd-thumbstrip {display: flex;gap: 6px;flex-wrap: nowrap;overflow-x: auto;scrollbar-width: thin;}
.pd-thumb {width: 64px;height: 64px;flex-shrink: 0;border: 2px solid var(--border);border-radius: 4px;overflow: hidden;background: var(--off-white);cursor: pointer;padding: 0;transition: border-color .15s;}
.pd-thumb img {width: 100%;height: 100%;object-fit: cover;display: block;}
.pd-thumb:hover {border-color: var(--blue);}
.pd-thumb.active {border-color: var(--amber);}
.pd-gallery-main--zoomable {cursor: zoom-in;}
.pd-zoom-hint {position: absolute;bottom: 10px;right: 10px;background: rgba(0,0,0,.45);color: #fff;border-radius: 4px;padding: 5px 7px;display: flex;align-items: center;opacity: 0;transition: opacity .2s;pointer-events: none;}
.pd-gallery-main--zoomable:hover .pd-zoom-hint,
.pd-gallery-main--zoomable:focus .pd-zoom-hint {opacity: 1;}
.pd-lightbox {position: fixed;inset: 0;z-index: 9000;background: rgba(0,0,0,.88);display: flex;align-items: center;justify-content: center;outline: none;}
.pd-lb-img-wrap {max-width: 90vw;max-height: 90vh;display: flex;align-items: center;justify-content: center;}
.pd-lb-img {max-width: 90vw;max-height: 90vh;object-fit: contain;border-radius: 4px;box-shadow: 0 8px 40px rgba(0,0,0,.6);display: block;}
.pd-lb-close {position: fixed;top: 16px;right: 20px;background: rgba(255,255,255,.12);border: none;color: #fff;font-size: 32px;line-height: 1;width: 44px;height: 44px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background .15s;z-index: 9001;}
.pd-lb-close:hover {background: rgba(255,255,255,.25);}
.pd-lb-prev,
.pd-lb-next {position: fixed;top: 50%;transform: translateY(-50%);background: rgba(255,255,255,.12);border: none;color: #fff;font-size: 40px;line-height: 1;width: 52px;height: 52px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background .15s;z-index: 9001;}
.pd-lb-prev {left: 16px;}
.pd-lb-next {right: 16px;}
.pd-lb-prev:hover,
.pd-lb-next:hover {background: rgba(255,255,255,.28);}
@media (max-width: 480px) {.pd-lb-prev {left: 6px;}
  .pd-lb-next {right: 6px;}}
.pd-info {display: flex;flex-direction: column;gap: 16px;padding-top: 8px;}
.pd-code {font-size: 11px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--text-muted);}
.pd-name {font-size: clamp(16px, 1.9vw, 22px);font-weight: 900;color: var(--navy);line-height: 1.2;}
.pd-spec {font-size: var(--t-body-sm);color: var(--text-muted);line-height: 1.65;text-align: justify;}
.pd-price-block {margin: 4px 0;}
.pd-price {display: flex;flex-direction: column;gap: 2px;}
.pd-price-from {font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: .08em;color: var(--text-muted);}
.pd-price-amount {font-size: clamp(24px, 3.2vw, 32px);font-weight: 900;color: var(--navy);line-height: 1;}
.pd-price-vat {font-size: 12px;color: var(--text-muted);margin-top: 2px;}
.pd-price-split {display: flex;gap: 12px;flex-wrap: wrap;margin: 6px 0 2px;}
.pd-price-split-col {display: flex;flex-direction: column;gap: 2px;background: var(--off-white);border: 1px solid var(--border);border-radius: var(--radius);padding: 10px 16px;min-width: 120px;flex: 1;}
.pd-price-split-col.hire {border-top: 3px solid var(--amber);}
.pd-price-split-col.buy  {border-top: 3px solid var(--blue);}
.pd-gateway-grid {display: flex;flex-direction: column;gap: 10px;margin: 6px 0 4px;}
.pd-gateway-card {background: var(--off-white);border: 1px solid var(--border);border-radius: var(--radius);padding: 14px 16px;display: flex;flex-direction: column;gap: 4px;}
.pd-gateway-card--dim {opacity: .55;}
.pd-gw-badges {display: flex;gap: 6px;flex-wrap: wrap;margin-bottom: 2px;}
.pd-gw-badge {font-size: 10px;font-weight: 700;text-transform: uppercase;letter-spacing: .08em;padding: 2px 8px;border-radius: 20px;}
.pd-gw-badge.hire    {background: rgba(245,124,0,.15);color: #c65c00;}
.pd-gw-badge.on-hire {background: rgba(245,124,0,.10);color: #a05000;}
.pd-gw-badge.sale    {background: rgba(21,101,192,.12);color: var(--blue);}
.pd-gw-badge.dim     {background: var(--border);color: var(--text-muted);}
.pd-gw-id {font-size: 13px;font-weight: 700;color: var(--navy);}
.pd-gw-serial {font-size: 12px;color: var(--text-muted);}
.pd-gw-cond {font-size: 12px;color: var(--text-muted);font-style: italic;}
.pd-gw-price {font-size: 14px;font-weight: 700;color: var(--navy);margin-top: 2px;}
.pd-gw-cta {margin-top: 6px;}
.pd-gw-btn {font-size: 13px;padding: 7px 16px;}
.pd-split-label {font-size: 10px;font-weight: 700;text-transform: uppercase;letter-spacing: .10em;color: var(--text-muted);}
.pd-split-amount {font-size: clamp(18px, 2.4vw, 24px);font-weight: 900;color: var(--navy);line-height: 1.1;}
.pd-split-sub {font-size: 11px;color: var(--text-muted);}
  display: inline-flex;align-items: center;gap: 6px;background: var(--off-white);border: 1px solid var(--border);border-radius: 20px;padding: 5px 12px;font-size: 12px;font-weight: 700;color: var(--navy);width: fit-content;}
.pd-avail-badge {display: inline-flex;align-items: center;gap: 6px;background: var(--off-white);border: 1px solid var(--border);border-radius: 20px;padding: 5px 12px;font-size: 12px;font-weight: 700;color: var(--navy);width: fit-content;margin-bottom: 4px;}
.pd-actions {display: flex;gap: 10px;flex-wrap: wrap;margin-top: 4px;}
.pd-actions .btn {flex: 1 1 0;min-width: 0;text-align: center;justify-content: center;}
.pd-btn-call {font-size: 16px;font-style: italic;color: var(--text-muted);margin: 6px 0 0;}
.pd-btn-call a {color: var(--navy);font-weight: 600;text-decoration: none;}
.pd-btn-call a:hover {text-decoration: underline;}
.pd-btn-primary {min-width: 0;}
.pd-finance-note {font-size: 13px;color: var(--text-muted);border-top: 1px solid var(--border);padding-top: 12px;}
.pd-finance-note strong {color: var(--navy);font-size: 15px;}
.pd-finance-subj {font-size: 11px;color: var(--text-muted);display: block;margin-top: 2px;}
.pd-spec-table {width: 100%;border-collapse: collapse;font-size: 14px;}
.pd-spec-table th,
.pd-spec-table td {padding: 11px 14px;text-align: left;border-bottom: 1px solid var(--border);vertical-align: top;}
.pd-spec-table th {font-weight: 700;color: var(--navy);background: var(--white);width: 38%;white-space: nowrap;}
.pd-spec-table td {color: var(--text-muted);}
.pd-spec-table tr:last-child th,
.pd-spec-table tr:last-child td {border-bottom: none;}
.pd-rich-body {font-size: var(--t-body-sm);color: var(--text-muted);line-height: 1.75;}
.pd-rich-body h3 {font-size: var(--t-h3);font-weight: 800;color: var(--navy);margin: 24px 0 8px;}
.pd-rich-body h4 {font-size: var(--t-body-sm);font-weight: 800;color: var(--navy);margin: 20px 0 6px;}
.pd-rich-body p  {margin-bottom: 14px;}
.pd-rich-body ul,
.pd-rich-body ol {padding-left: 22px;margin-bottom: 14px;}
.pd-rich-body li {margin-bottom: 4px;}
.pd-specs-body {font-size: var(--t-body-sm);}
.pd-specs-tagline {font-size: 16px;font-style: italic;color: var(--amber);line-height: 1.6;margin: 6px 0 14px;}
.pd-features ul {list-style: none;padding: 0;margin: 0 0 28px;display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 10px;}
.pd-features li {padding: 10px 14px 10px 36px;background: var(--white);border: 1px solid var(--border);border-left: 3px solid var(--amber);border-radius: 4px;font-size: 14px;color: var(--text-body);line-height: 1.5;position: relative;}
.pd-features li::before {content: '\2713';position: absolute;left: 12px;top: 50%;transform: translateY(-50%);color: var(--amber);font-weight: 700;font-size: 14px;}
.pd-tech-table {width: 100%;border-collapse: collapse;font-size: 14px;margin-bottom: 28px;}
.pd-tech-table th,
.pd-tech-table td {padding: 10px 14px;text-align: left;border-bottom: 1px solid var(--border);vertical-align: top;}
.pd-tech-table th {font-weight: 700;color: var(--navy);background: #f5f7fa;width: 38%;white-space: nowrap;}
.pd-tech-table td {color: var(--text-muted);}
.pd-tech-table tr:nth-child(even) th,
.pd-tech-table tr:nth-child(even) td {background: #fafbfc;}
.pd-tech-table tr:last-child th,
.pd-tech-table tr:last-child td {border-bottom: none;}
.pd-cert-badges {display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 28px;}
.cert-badge {display: inline-flex;align-items: center;background: var(--amber);color: var(--navy);font-size: 12px;font-weight: 700;padding: 4px 12px;border-radius: 20px;letter-spacing: .03em;}
.pd-dims {margin-bottom: 28px;}
.pd-dims img {max-width: 100%;border-radius: 6px;box-shadow: 0 2px 12px rgba(0,0,0,.1);}
.pd-spec-pdf-btn {display: inline-flex;align-items: center;gap: 8px;font-size: 14px;}
.pd-features-below {margin-top: 12px;display: flex;gap: 12px;align-items: flex-start;}
.pd-features-below ul {flex: 1;min-width: 0;list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 7px;}
.pd-features-below li {padding: 8px 12px 8px 32px;background: var(--white);border: 1px solid var(--border);border-left: 3px solid var(--amber);border-radius: 4px;font-size: 13px;color: var(--text-body);line-height: 1.5;position: relative;}
.pd-features-below li::before {content: '\2713';position: absolute;left: 10px;top: 50%;transform: translateY(-50%);color: var(--amber);font-weight: 700;font-size: 13px;}
.pd-section-lbl {font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: .08em;color: var(--text-muted);margin: 20px 0 6px;}
.pd-free-text {font-size: 14px;color: var(--text-body);line-height: 1.75;text-align: justify;margin-bottom: 4px;}
@media print {#site-header, .pd-breadcrumb, .pd-hero, #pd-spec-section,
  #pd-rich-section, #pd-pdf-section, .cta-strip, #back-to-top,
  footer, .pd-spec-pdf-btn {display: none !important;}
  body, main {background: #fff !important;}
  #pd-specs-section {display: block !important;}
  .section-header h2, .pd-specs-tagline, .pd-features li,
  .pd-tech-table th, .pd-tech-table td {color: #000 !important;}
  .pd-tech-table th {background: #f0f0f0 !important;}
  .pd-features li {border-left-color: #000 !important;}}
.site-version {font-size: 11px;color: var(--text-muted);opacity: .6;}
.product-card-footer {display: flex;flex-direction: column;gap: 10px;padding: 14px 18px;border-top: 1px solid var(--border);}
.product-card-footer-left {display: none;}
.price-badge {display: block;width: 100%;box-sizing: border-box;background: var(--amber);color: var(--navy-dark);border-radius: 6px;padding: 10px 14px;line-height: 1.2;}
.price-from   {font-size: 10px;font-weight: 600;text-transform: uppercase;letter-spacing: .12em;opacity: .72;display: block;}
.price-amount {font-size: clamp(20px, 2.5vw, 28px);font-weight: 900;line-height: 1.1;display: block;white-space: nowrap;}
.price-amount--sm  {font-size: clamp(16px, 2.0vw, 20px);}
.price-vat    {font-size: 10px;opacity: .68;font-weight: 500;display: block;}
.price-badge--split    {display: flex;align-items: stretch;padding: 0;}
.price-badge-half      {flex: 1;padding: 10px 12px 10px 18px;display: flex;flex-direction: column;justify-content: center;}
.price-badge-half + .price-badge-half {border-left: none;background: var(--navy);color: #fff;border-radius: 0 6px 6px 0;}
.price-fin-label  {font-size: 9px;font-weight: 700;text-transform: uppercase;letter-spacing: .13em;opacity: .75;display: block;margin-bottom: 2px;}
.price-fin-amount {font-size: clamp(18px, 2.2vw, 22px);font-weight: 900;line-height: 1.1;display: block;white-space: nowrap;}
.price-fin-unit   {font-size: 12px;font-weight: 700;letter-spacing: .02em;}
.price-fin-note   {font-size: 9px;opacity: .55;display: block;margin-top: 3px;}
.price-fin-sub    {font-size: 10px;opacity: .65;display: block;margin-top: 2px;}
.product-card-actions {display: flex;flex-wrap: nowrap;gap: 6px;}
.btn-card {flex: 1 1 0;min-width: 0;text-align: center;padding: 9px 4px;font-size: 10px;letter-spacing: .04em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.btn-card:hover {transform: none;}
.btn-card-outline {background: #fff;color: var(--navy);border: 1.5px solid var(--navy);border-radius: 5px;}
.btn-card-outline:hover {background: var(--navy);color: #fff;}
.product-details-link {display: none;}
.back-to-top {position: fixed;bottom: calc(28px + env(safe-area-inset-bottom, 0px));right: 24px;width: 42px;height: 42px;background: var(--amber);border: none;color: var(--navy-dark);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;line-height: 1;text-decoration: none;opacity: 0;pointer-events: none;transition: opacity .25s, background .18s;z-index: 900;box-shadow: 0 2px 10px rgba(0,0,0,.25);}
.back-to-top.visible {opacity: 1;pointer-events: auto;}
.back-to-top:hover {background: var(--amber-dark);color: var(--navy-dark);}
@media (max-width: 960px) {.hero-price-flash {font-size: 14px;width: 340px;top: 40px;right: -90px;padding: 12px 0;}
  .nav-links {display: none;}
  .nav-burger {display: flex;}
  .nav-contact {display: none;}  
  .pd-hero-inner {grid-template-columns: 1fr;gap: 32px;}
  .hero-inner {grid-template-columns: 1fr;gap: 40px;}
  .hero-visual {display: flex;justify-content: center;}
  .usp-grid {grid-template-columns: repeat(2, 1fr);}
  .category-grid {grid-template-columns: repeat(2, 1fr);}
  .hire-teaser-grid {grid-template-columns: 1fr;}
  .about-teaser-grid {grid-template-columns: 1fr;}
  .about-teaser-img {max-width: 100%;}
  .product-grid {grid-template-columns: repeat(2, 1fr);}
  .hire-grid {grid-template-columns: repeat(2, 1fr);}
  .steps-grid {grid-template-columns: repeat(2, 1fr);}
  .sales-anchor-nav ul {display: none;}
  .cat-nav-select-wrap {display: block;max-width: 1160px;margin: 0 auto;padding: 10px 16px;}
  .about-intro-grid {grid-template-columns: 1fr;gap: 40px;}
  .about-img {max-width: 100%;}
  .stats-row {grid-template-columns: repeat(3, 1fr);}
  .contact-grid {grid-template-columns: 1fr 1.4fr;}
  .contact-grid > :last-child {grid-column: 1 / -1;border-top: 1px solid var(--border);padding-top: 32px;}
  .footer-inner {grid-template-columns: 1fr 1fr;}}
@media (max-width: 640px) {:root {--nav-h: 60px;}
  .footer {padding-top: 28px;padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px));}
  .hero {min-height: calc(100svh - var(--nav-h));}
  .page-hero {min-height: calc(100svh - var(--nav-h));}
  .hero-carousel-track {aspect-ratio: 16/9;}
  .hero-visual {margin-left: -24px;margin-right: -24px;}
  .hero-visual .hero-carousel {max-width: 100%;}
  .hero-visual .hero-carousel-track {border-radius: 0;}
  .hero {padding-bottom: 0;}
  .hero-inner {gap: 20px;}
  .usp-grid {grid-template-columns: 1fr;}
  .category-grid {grid-template-columns: 1fr;}
  .product-grid {grid-template-columns: 1fr;}
  .hire-grid {grid-template-columns: 1fr;}
  .sales-anchor-nav ul {display: none;}
  .cat-nav-select-wrap {display: block;max-width: 1160px;margin: 0 auto;padding: 10px 16px;}
  .hire-teaser-grid {grid-template-columns: 1fr;}
  .steps-grid {grid-template-columns: repeat(2, 1fr);}
  .includes-grid {grid-template-columns: 1fr;}
  .why-grid {grid-template-columns: 1fr;}
  .stats-row {grid-template-columns: 1fr;}
  .services-grid {grid-template-columns: 1fr;}
  .form-row {grid-template-columns: 1fr;}
  .footer-inner {grid-template-columns: repeat(2, 1fr);gap: 28px 20px;margin-bottom: 24px;}
  .footer-brand {grid-column: 1 / -1;}
  .footer-brand p {display: none;}
  .footer-wordmark {display: none;}
  .footer-attrib-credit {display: none;}
  .footer-bottom {flex-direction: row;flex-wrap: wrap;gap: 8px;text-align: left;}
  .footer-legal {justify-content: flex-start;}
  .fin-rep {text-align: left;padding: .4rem 0 0;}
  .cta-strip .btn {width: 100%;text-align: center;}
  .hero-carousel-track {background: #fff;}
  .hero-slide-img {object-fit: contain;}
  .hero-fin-note {font-size: 7px;white-space: normal;max-width: 55%;}
  .contact-grid {grid-template-columns: 1fr;}
  .contact-grid > :last-child {grid-column: auto;border-top: 1px solid var(--border);padding-top: 28px;}
  .contact-section-nav {display: block;}
  .contact-hero-avatar,
  .page-hero-avatar {display: flex;flex-direction: column;align-items: center;gap: 6px;margin-top: auto;padding-bottom: 32px;}
  .contact-hero-avatar img {width: 140px;height: 140px;border-radius: 50%;object-fit: cover;object-position: center 12%;border: 3px solid var(--amber);display: block;}
  .page-hero-avatar img {width: 100%;aspect-ratio: 16 / 9;border-radius: 0;object-fit: cover;display: block;}
  .contact-avatar-name {font-size: var(--t-body-sm);font-weight: 900;color: var(--white);}
  .contact-avatar-role,
  .page-hero-avatar-label {font-size: var(--t-xs);font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: rgba(255,255,255,.52);}
  .page-hero {padding: 0;}
  .page-hero .container {padding-top: 32px;padding-bottom: 16px;}
  .hero-letterbox {aspect-ratio: unset;flex: 1;min-height: 200px;}
  .hero-scroll-hint {display: flex;flex-direction: column;align-items: center;gap: 6px;margin-top: auto;padding-bottom: 24px;color: rgba(255,255,255,.38);font-size: 10px;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;cursor: pointer;background: none;border: none;}
  .hero-scroll-hint svg {animation: hsh-bounce 1.8s ease-in-out infinite;}
  .section-scroll-hint {display: flex;flex-direction: column;align-items: center;gap: 6px;width: 100%;padding: 28px 0 20px;color: rgba(0,0,0,.28);font-size: 10px;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;cursor: pointer;background: none;border: none;}
  .section--navy .section-scroll-hint,
  .section--navy-dark .section-scroll-hint {color: rgba(255,255,255,.38);}
  .section-scroll-hint svg {animation: hsh-bounce 1.8s ease-in-out infinite;}
  @keyframes hsh-bounce {0%, 100% {transform: translateY(0);opacity: .38;}
    50%       {transform: translateY(7px);opacity: .70;}}
  .hero-price-flash {display: none;}}