@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7f9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-width:320px;min-height:100%}body{min-height:100vh}:root{--ink:#0a1725;--muted:#667383;--line:#dfe5eb;--paper:#f5f7f9;--white:#fff;--navy:#07131f;--navy-2:#0d2133;--accent:#e56d21;--accent-strong:#b84d0a;--accent-2:#a94307;--shadow:0 20px 60px #0a17251f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.site-shell{min-height:100vh;overflow:hidden}.section-pad{padding:76px clamp(24px,5vw,78px)}.topbar{color:#fff;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07131ff5;border-bottom:1px solid #ffffff14;align-items:center;gap:34px;height:100px;padding:0 clamp(24px,5vw,78px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:14px;min-width:0;margin-right:auto;display:flex}.brand-logo{object-fit:contain;object-position:left center;width:126px;height:auto;display:block}.brand-context{color:#aebdcc;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;font-size:9px}.nav-links{color:#c8d3de;gap:26px;font-size:13px;display:flex}.nav-links a:hover{color:#fff}.rfq-pill{color:#fff;background:#10283c;border:1px solid #ffffff26;border-radius:999px;padding:10px 13px}.rfq-pill span{background:var(--accent);border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:8px;padding:0 6px;display:inline-grid}.hero{color:#fff;background:radial-gradient(circle at 78% 22%,#e56d212e,#0000 26%),linear-gradient(135deg,#07131f 0%,#0b1b2a 55%,#0c2235 100%);grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(42px,6vw,96px);min-height:680px;display:grid}.eyebrow{color:var(--accent-strong);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.hero .eyebrow{color:var(--accent)}.hero h1{letter-spacing:-.045em;max-width:820px;margin:14px 0 20px;font-size:clamp(44px,5.6vw,78px);line-height:.98}.hero-text{color:#b9c5d0;max-width:680px;font-size:clamp(17px,1.6vw,21px);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin:30px 0 38px;display:flex}.btn{border:0;border-radius:12px;justify-content:center;align-items:center;padding:14px 18px;font-weight:800;display:inline-flex}.btn-primary{background:var(--accent-strong);color:#fff}.btn-primary:hover{background:var(--accent-2)}.btn-secondary{color:#fff;background:#ffffff0a;border:1px solid #ffffff29}.hero-stats{flex-wrap:wrap;gap:28px;display:flex}.hero-stats div{gap:3px;display:grid}.hero-stats strong{color:var(--accent);font-size:12px}.hero-stats span{color:#aab9c7;font-size:12px}.hero-visual{background:#ffffff08;border:1px solid #ffffff17;border-radius:28px;min-height:520px;position:relative;box-shadow:0 30px 80px #00000052}.hero-tile{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffff1f;border-radius:18px;position:absolute;box-shadow:0 24px 60px #00000040}.hero-tile-a{background-image:url(/catalogue-crane.webp);inset:36px 42% 42% 34px}.hero-tile-b{background-image:url(/catalogue-pressure-control.webp);inset:92px 34px 28% 61%}.hero-tile-c{background-image:url(/catalogue-generator.webp);inset:60% 34% 32px 92px}.availability-card{width:min(280px,62%);color:var(--ink);box-shadow:var(--shadow);background:#fffffff5;border-radius:16px;padding:18px;position:absolute;bottom:24px;right:14%}.availability-card span{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900;display:block}.availability-card strong{margin:5px 0 4px;font-size:18px;display:block}.availability-card small{color:var(--muted);line-height:1.4}.trust-strip{border-bottom:1px solid var(--line);background:#fff;justify-content:center;align-items:center;gap:22px;min-height:70px;padding:18px clamp(24px,5vw,78px);display:flex}.trust-strip button{color:var(--ink);text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;padding:6px 2px;font-size:12px;font-weight:800;transition:color .18s,transform .18s}.trust-strip button:hover,.trust-strip button:focus-visible{color:var(--accent-strong);outline:none;transform:translateY(-1px)}.trust-strip button:focus-visible{box-shadow:0 2px 0 var(--accent)}.trust-strip i{background:var(--accent);border-radius:50%;width:4px;height:4px}.catalogue{background:#f6f8fa}.section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(32px,4vw,52px)}.section-heading>p{max-width:510px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.section-heading.compact{margin-bottom:24px}.catalogue-tools{grid-template-columns:minmax(260px,360px) 1fr;align-items:end;gap:18px;margin-bottom:28px;display:grid}.search-box{gap:7px;display:grid}.search-box span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:800}.search-box input{border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;height:48px;padding:0 15px}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e56d211a}.category-scroll{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chip{white-space:nowrap;border:1px solid var(--line);color:#465463;background:#fff;border-radius:999px;padding:11px 14px;font-size:12px;font-weight:750}.chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.product-card{background:#fff;border:1px solid #e4e9ee;border-radius:18px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 8px 30px #0b1b2a0d}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px #0b1b2a1c}.product-image{aspect-ratio:4/3;background-color:#dae1e8;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.product-card:hover .product-image img{transform:scale(1.035)}.image-tag{color:#fff;letter-spacing:.04em;background:#07131fc7;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:800;position:absolute;bottom:10px;left:10px}.product-body{padding:17px}.product-meta{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:10px;font-size:10px;font-weight:850;display:flex}.product-meta small{color:var(--muted);font-weight:750}.product-card h3{letter-spacing:-.015em;margin:10px 0 7px;font-size:18px}.product-card p{min-height:40px;color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.5}.product-actions{border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:12px;padding-top:13px;display:flex}.text-link,.add-rfq{background:0 0;border:0;font-size:12px;font-weight:850}.text-link{color:var(--ink);padding:0}.add-rfq{color:var(--accent-strong);background:#fffaf6;border:1px solid #dfe5eb;border-radius:9px;padding:8px 10px}.add-rfq.added{color:#0d6b4d;background:#edf8f3;border-color:#cde7db}.empty-result{text-align:center;color:var(--muted);background:#fff;border:1px dashed #cbd4dc;border-radius:16px;padding:40px}.catalogue-source-note{color:var(--muted);background:#f7fafc;border:1px solid #dce5ec;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:-8px 0 18px;padding:10px 12px;font-size:11px;display:flex}.catalogue-source-note b{color:#0d6b4d;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.catalogue-error{gap:7px;display:grid}.catalogue-error b{color:#8f351c}.workflow{background:#fff}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.workflow-grid article{border:1px solid var(--line);background:#fbfcfd;border-radius:18px;padding:28px}.workflow-grid article>span{width:34px;height:34px;color:var(--accent-strong);background:#fff1e8;border-radius:10px;place-items:center;font-size:11px;font-weight:900;display:inline-grid}.workflow-grid h3{margin:24px 0 8px;font-size:20px}.workflow-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.cta-panel{color:#fff;background:linear-gradient(115deg,#0a1725,#123552);justify-content:space-between;align-items:center;gap:34px;display:flex}.cta-panel h2{letter-spacing:-.035em;margin:8px 0 10px;font-size:clamp(30px,4vw,48px)}.cta-panel p{color:#c4cfda;max-width:760px;margin:0;line-height:1.7}.eyebrow.light{color:#ffb37f}.btn-light{color:var(--navy);white-space:nowrap;background:#fff;min-width:180px}footer{color:#fff;background:#050d15;justify-content:space-between;align-items:center;gap:26px;padding:32px clamp(24px,5vw,78px);display:flex}footer div{gap:3px;display:grid}footer div b{letter-spacing:.12em}footer div span{color:#8495a4;font-size:11px}footer p{color:#7f909f;text-align:right;max-width:660px;margin:0;font-size:11px;line-height:1.5}@media (width<=1120px){.hero{grid-template-columns:1fr}.hero-visual{min-height:470px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-tools{grid-template-columns:1fr}}@media (width<=760px){.section-pad{padding:54px 20px}.topbar{gap:14px;height:82px;padding:0 18px}.nav-links,.brand-context{display:none}.rfq-pill{padding:9px 10px;font-size:11px}.hero{min-height:auto;padding-top:64px}.hero h1{font-size:clamp(42px,12vw,60px)}.hero-visual{min-height:380px}.hero-tile-a{inset:28px 42% 44% 20px}.hero-tile-b{inset:70px 20px 30% 58%}.hero-tile-c{inset:61% 33% 20px 54px}.availability-card{width:66%;padding:14px;bottom:16px;right:8%}.trust-strip{justify-content:flex-start;padding:15px 20px;overflow-x:auto}.section-heading{align-items:start;display:grid}.product-grid,.workflow-grid{grid-template-columns:1fr}.cta-panel,footer{display:grid}footer p{text-align:left}}.footer-brand{align-items:center;gap:16px;display:flex}.footer-brand img{object-fit:contain;object-position:left center;width:132px;height:auto;display:block}.footer-brand span{color:#94a4b3;text-transform:uppercase;letter-spacing:.09em;font-size:10px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030a11c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.product-modal{background:#fff;border-radius:24px;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);width:min(960px,96vw);max-height:88vh;display:grid;position:relative;overflow:auto;box-shadow:0 32px 100px #00000057}.product-modal>img{object-fit:cover;width:100%;height:100%;min-height:520px}.modal-copy{align-self:center;padding:42px}.modal-copy h2{letter-spacing:-.035em;margin:9px 0 16px;font-size:clamp(30px,4vw,46px)}.modal-copy>p{color:var(--muted);line-height:1.75}.modal-apps{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.modal-apps span{color:#465463;background:#f1f4f6;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:750}.modal-note{border-left:3px solid var(--accent);background:#fff7f1;gap:6px;margin:0 0 24px;padding:16px;display:grid}.modal-note b{color:var(--ink)}.modal-note small{color:var(--muted);line-height:1.5}.modal-close{color:#fff;z-index:2;background:#07131fe0;border:0;border-radius:50%;width:38px;height:38px;font-size:24px;position:absolute;top:14px;right:14px}.rfq-drawer{z-index:60;background:#fff;width:min(520px,94vw);height:100vh;padding:28px;transition:transform .28s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-30px 0 80px #00000038}.rfq-drawer.open{transform:translate(0)}.drawer-backdrop{z-index:55;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030a1194;border:0;position:fixed;inset:0}.drawer-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.drawer-head h2{letter-spacing:-.035em;margin:6px 0 0;font-size:34px}.drawer-head>button{background:#f0f3f5;border:0;border-radius:50%;width:38px;height:38px;font-size:22px}.drawer-intro{color:var(--muted);margin:14px 0 22px;line-height:1.65}.drawer-items{gap:10px;margin-bottom:22px;display:grid}.drawer-item{border:1px solid var(--line);border-radius:14px;grid-template-columns:64px minmax(0,1fr) 52px;align-items:center;gap:12px;padding:10px;display:grid}.drawer-item img{object-fit:cover;border-radius:9px;width:64px;height:52px}.drawer-item div{gap:3px;min-width:0;display:grid}.drawer-item b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.drawer-item span{color:var(--muted);font-size:10px}.drawer-item button{color:#a3482b;background:0 0;border:0;font-size:10px;font-weight:800}.drawer-empty{color:var(--muted);text-align:center;border:1px dashed #cbd4dc;border-radius:14px;padding:22px;line-height:1.6}.rfq-form{border-top:1px solid var(--line);gap:11px;padding-top:18px;display:grid}.rfq-form input,.rfq-form textarea{border:1px solid var(--line);resize:vertical;background:#fbfcfd;border-radius:11px;outline:none;width:100%;padding:12px 13px}.rfq-form input:focus,.rfq-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e56d211a}.form-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rfq-form>small{color:var(--muted);line-height:1.5}@media (width<=760px){.brand-logo{width:92px;height:auto}.footer-brand img{width:108px}.product-modal{grid-template-columns:1fr;max-height:92vh}.product-modal>img{height:250px;min-height:250px}.modal-copy{padding:26px 22px 28px}.modal-copy h2{font-size:30px}.rfq-drawer{padding:22px 18px}.form-pair{grid-template-columns:1fr}}.corporate-link{color:#ffb37f!important}.drawer-item-detailed{grid-template-columns:74px minmax(0,1fr) 52px;align-items:start}.drawer-item-detailed>img{width:74px;height:68px}.drawer-item-main{gap:9px!important}.line-controls{grid-template-columns:minmax(0,1fr) 76px;gap:8px!important;display:grid!important}.line-controls label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;gap:4px;font-size:9px;font-weight:800;display:grid}.line-controls select,.line-controls input,.duration-input{border:1px solid var(--line);min-width:0;height:34px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:0 8px;font-size:11px}.duration-input{width:100%}.enquiry-ready{color:#174c3b;background:#edf8f3;border:1px solid #cde7db;border-radius:12px;gap:6px;padding:15px;display:grid}.enquiry-ready strong{font-size:13px}.enquiry-ready span{font-size:11px;line-height:1.5}.enquiry-ready button{color:#0d6b4d;background:0 0;border:0;justify-self:start;padding:0;font-size:11px;font-weight:850}.field-proof{color:#fff;background:#0a1725;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(34px,5vw,72px);display:grid}.field-proof .eyebrow{color:#ffb37f}.field-proof-copy h2{letter-spacing:-.04em;margin:10px 0 18px;font-size:clamp(34px,4.8vw,58px);line-height:1.02}.field-proof-copy>p{color:#b7c4cf;max-width:620px;line-height:1.72}.proof-points{gap:10px;margin:26px 0;display:grid}.proof-points span{color:#d5dee6;align-items:center;gap:11px;font-size:13px;display:flex}.proof-points b{color:var(--accent);letter-spacing:.08em;font-size:10px}.text-cta{color:#fff;align-items:center;gap:8px;margin-top:4px;font-weight:850;display:inline-flex}.text-cta span{color:var(--accent)}.field-proof-media{grid-template-rows:1fr 1fr;grid-template-columns:1.15fr .85fr;gap:12px;min-height:560px;display:grid}.field-proof-media figure{background:#102333;border:1px solid #ffffff1a;border-radius:18px;margin:0;position:relative;overflow:hidden}.field-proof-media .proof-aerial{grid-row:1/span 2}.field-proof-media img{object-fit:cover;width:100%;height:100%;display:block}.field-proof-media figcaption{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040c14c7;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800;position:absolute;bottom:12px;left:12px}@media (width<=980px){.field-proof{grid-template-columns:1fr}.field-proof-media{min-height:520px}}@media (width<=760px){.field-proof-media{grid-template-rows:270px 170px;grid-template-columns:1fr 1fr;min-height:0}.field-proof-media .proof-aerial{grid-area:auto/1/auto/span 2}.field-proof-copy h2{font-size:36px}}
