:root { --navy: #071b35; --blue: #105461; --ice: #e8f2f2; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #f7f9fc; color: var(--navy); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
.site-header { height: 86px; padding: 0 clamp(24px, 6vw, 96px); display: flex; align-items: center; justify-content: space-between; background: rgba(247,249,252,.92); border-bottom: 1px solid #dce5ef; position: sticky; top: 0; z-index: 20; backdrop-filter: blur(16px); }
.brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
.brand-logo { display: block; width: clamp(190px, 18vw, 260px); height: 58px; object-fit: cover; object-position: center; mix-blend-mode: multiply; }
.site-header nav { display:flex; gap: 34px; font-size:13px; font-weight:700; color:#526479; }.site-header nav a:hover { color:var(--blue); }
.header-cta { font-size: 13px; font-weight: 700; border-bottom: 1px solid var(--navy); padding-bottom: 5px; }.header-cta span { color:var(--blue); }
.hero { min-height: calc(100vh - 86px); display: grid; grid-template-columns: 1.05fr .95fr; overflow: hidden; }
.hero-copy { padding: clamp(70px, 10vw, 145px) 5vw 72px clamp(24px, 8vw, 130px); align-self: center; }
.eyebrow { color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; }
h1 { margin: 22px 0 28px; font-size: clamp(54px, 7vw, 106px); line-height: .92; letter-spacing: -.06em; font-weight: 750; }
.hero-text { max-width: 600px; color: #51647a; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.65; }
.hero-actions { margin-top: 42px; display: flex; gap: 32px; align-items: center; flex-wrap: wrap; }
.primary-button { padding: 17px 22px; background: var(--blue); color: white; font-weight: 700; display: inline-flex; gap: 32px; box-shadow: 0 12px 32px rgba(16,84,97,.22); transition:.25s ease; }.primary-button:hover { transform:translateY(-3px); box-shadow:0 16px 38px rgba(16,84,97,.3); }
.text-link { font-weight: 700; font-size: 14px; }
.sensor-stage { position: relative; min-height: 660px; background: linear-gradient(145deg, #0a203e, #061426); overflow: hidden; }
.grid-lines { position: absolute; inset: 0; opacity: .17; background-image: linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px); background-size: 64px 64px; transform: perspective(500px) rotateX(60deg) scale(1.7); }
.orbit { position: absolute; border: 1px solid rgba(93,160,255,.3); border-radius: 50%; inset: 14%; }
.orbit-two { inset: 28%; }
.sensor { position: absolute; left: 50%; top: 47%; width: 185px; transform: translate(-50%,-50%) rotate(-12deg); filter: drop-shadow(0 30px 38px rgba(0,0,0,.5)); }
.sensor-body { height: 225px; background: linear-gradient(90deg,#71839a,#e7eef5 42%,#8194a9 75%,#45586c); clip-path: polygon(12% 0,88% 0,100% 16%,88% 100%,12% 100%,0 16%); }
.sensor-face { height: 92px; border-radius: 50%; background: radial-gradient(circle at 42% 36%,#69b6ff 0 8%,#103766 9% 23%,#d5e0ea 24% 31%,#71879c 32% 54%,#2e4053 55% 100%); position: relative; z-index: 2; margin-bottom: -39px; }
.sensor-face span { position: absolute; inset: 28%; border: 2px solid #72bdff; border-radius: 50%; box-shadow: 0 0 26px #2188ff; }
.signal-card { position: absolute; right: 8%; bottom: 10%; color: white; background: rgba(12,35,64,.72); border: 1px solid rgba(255,255,255,.17); backdrop-filter: blur(14px); padding: 18px 22px; display: flex; gap: 13px; align-items: center; }
.signal-card strong { display:block; font-size:22px; }.signal-card small { color:#a8b6c8; }.pulse { width:9px;height:9px;border-radius:50%;background:#79b9bd;box-shadow:0 0 0 7px rgba(121,185,189,.18); }
.proof-strip { background:white; border-bottom:1px solid #dce5ef; display:grid; grid-template-columns:repeat(4,1fr); padding:32px clamp(24px,8vw,130px); }
.proof-strip div { padding:0 28px; border-right:1px solid #dce5ef; display:flex; flex-direction:column; gap:5px; }.proof-strip div:first-child{padding-left:0}.proof-strip div:last-child{border:0}.proof-strip strong{font-size:28px}.proof-strip span{font-size:12px;color:#6d7c8e;text-transform:uppercase;letter-spacing:.1em}
.section { padding:120px clamp(24px,8vw,130px); }.section-heading { display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:64px}.section-heading h2,.company-copy h2,.industry-copy h2,.contact h2 { font-size:clamp(42px,5.3vw,76px);line-height:.98;letter-spacing:-.055em;margin:18px 0 0}.section-heading>p { color:#627287;line-height:1.8;max-width:520px;margin:0 0 5px}
.solution-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-card { min-height:480px;background:#fff;border:1px solid #dce5ef;padding:28px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease;overflow:hidden}.solution-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(15,38,66,.1)}.solution-card.featured{background:#e8f2f2}.dark-card{background:#091d38;color:white}.card-top{display:flex;justify-content:space-between}.card-index{font-size:12px;color:#7d8a9a}.card-arrow{font-size:20px}.solution-card h3{font-size:30px;margin:5px 0 12px}.solution-card p{color:#68798d;line-height:1.6;margin:0}.dark-card p{color:#9eacc0}.card-kicker{font-size:10px!important;text-transform:uppercase;letter-spacing:.16em;color:var(--blue)!important;font-weight:800}.sensor-icon{width:150px;height:150px;margin:auto;position:relative}.sensor-icon.pressure:before{content:"";position:absolute;inset:32px 20px;background:linear-gradient(90deg,#61758b,#eef3f7 45%,#72879d);clip-path:polygon(14% 0,86% 0,100% 20%,86% 100%,14% 100%,0 20%)}.sensor-icon.pressure:after{content:"";position:absolute;width:92px;height:42px;left:29px;top:22px;border-radius:50%;background:radial-gradient(circle,#1169d9 0 18%,#b8c9d8 20% 45%,#42576d 47%)}.temperature:before{content:"";position:absolute;width:28px;height:130px;left:61px;top:10px;background:linear-gradient(90deg,#6d8094,#eaf1f6,#5a6d80);border-radius:10px}.temperature i{position:absolute;left:38px;width:74px;height:7px;background:#273c52;top:35px;box-shadow:0 31px 0 #273c52,0 62px 0 #273c52}.level{border:1px solid rgba(72,142,237,.35);border-radius:50%}.level:before{content:"";position:absolute;inset:38px;background:var(--blue);border-radius:50%;box-shadow:0 0 35px #1268e2}.level i{position:absolute;inset:20px;border:1px solid rgba(88,157,255,.3);border-radius:50%}.wide-card{grid-column:1/-1;min-height:310px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#f2f5f9}.wide-copy{max-width:540px}.wide-copy a{display:inline-block;margin-top:24px;font-weight:700;color:var(--blue)}.chart-visual{height:200px;display:flex;align-items:flex-end;gap:12px;padding:20px 6%;border-left:1px solid #ccd7e2}.chart-visual span{flex:1;background:linear-gradient(#2582f5,#0c55b2);height:35%;box-shadow:0 0 0 1px rgba(255,255,255,.3) inset}.chart-visual span:nth-child(2){height:52%}.chart-visual span:nth-child(3){height:46%}.chart-visual span:nth-child(4){height:72%}.chart-visual span:nth-child(5){height:64%}.chart-visual span:nth-child(6){height:92%}
.industries { padding:120px clamp(24px,8vw,130px);background:#071b35;color:white;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.eyebrow.light{color:#9acfd0}.industry-copy>p:not(.eyebrow){color:#9faec0;line-height:1.8;max-width:520px;margin:30px 0}.outline-button{display:inline-flex;gap:34px;border:1px solid #66778b;padding:16px 20px;font-weight:700;font-size:13px}.industry-list>div{display:grid;grid-template-columns:55px 1fr 30px;align-items:center;padding:28px 0;border-bottom:1px solid #34465b}.industry-list span{font-size:11px;color:#6f829a}.industry-list strong{font-size:clamp(19px,2vw,28px)}.industry-list small{font-size:20px;color:#79b9bd}
.company{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}.company-visual{height:650px;background:linear-gradient(145deg,#dce8f4,#f5f8fb);position:relative;overflow:hidden}.company-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(6,28,55,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(6,28,55,.08) 1px,transparent 1px);background-size:58px 58px}.bhl-monogram{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(90px,12vw,190px);font-weight:900;letter-spacing:-.08em;color:#0a2341;text-shadow:12px 12px 0 rgba(16,84,97,.12)}.quality-tag{position:absolute;left:28px;right:28px;bottom:28px;background:white;padding:20px;display:flex;gap:15px;align-items:center;box-shadow:0 18px 50px rgba(6,28,55,.12)}.quality-tag>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e8f2f2;color:var(--blue);font-weight:900}.quality-tag strong,.quality-tag small{display:block}.quality-tag small{color:#7a8999;margin-top:3px}.company-copy>p:not(.eyebrow){color:#627287;line-height:1.8;font-size:17px;margin:28px 0 38px}.company-points{border-top:1px solid #d9e2eb}.company-points>div{display:grid;grid-template-columns:38px 1fr;column-gap:12px;padding:20px 0;border-bottom:1px solid #d9e2eb}.company-points span{grid-row:1/3;color:var(--blue);font-size:11px;padding-top:4px}.company-points p{margin:5px 0 0!important;font-size:13px!important;line-height:1.4!important}
.contact{min-height:620px;background:var(--blue);color:white;text-align:center;padding:110px 24px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact h2{font-size:clamp(54px,7vw,100px);position:relative;z-index:2}.contact>p:not(.eyebrow){max-width:600px;line-height:1.7;color:#d8e8ff;position:relative;z-index:2}.white-button{background:white;color:var(--navy);padding:18px 22px;display:inline-flex;gap:44px;font-weight:800;margin-top:25px;position:relative;z-index:2}.contact-orbit{position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%;width:680px;height:680px}.contact-orbit.two{width:980px;height:980px}.contact-orbit:before{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;background:white;border-radius:50%;box-shadow:0 0 22px white}
footer{padding:58px clamp(24px,8vw,130px) 30px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:#f7f9fc}.footer-brand .brand-logo{width:220px;height:50px}.footer-links{display:flex;gap:28px;font-size:13px;font-weight:700}.footer-links a:hover{color:var(--blue)}footer>p{color:#7c8a9a;font-size:11px;text-transform:uppercase;letter-spacing:.18em}footer>small{grid-column:1/-1;border-top:1px solid #dce5ef;padding-top:22px;color:#8b97a5}
@media (max-width: 980px) { .site-header nav{display:none}.solution-grid{grid-template-columns:1fr 1fr}.wide-card{grid-column:1/-1}.industries,.company{grid-template-columns:1fr}.company-visual{height:500px}.section-heading{grid-template-columns:1fr}.industry-copy{margin-bottom:40px} }
@media (max-width: 800px) { .site-header{height:76px}.brand-logo{width:190px;height:50px}.hero { grid-template-columns: 1fr; }.hero-copy { padding-top: 80px; }.sensor-stage { min-height: 500px; }.header-cta { display:none; } h1 { font-size: clamp(52px, 17vw, 82px); }.proof-strip{grid-template-columns:1fr 1fr;gap:25px}.proof-strip div{padding:0;border:0}.solution-grid{grid-template-columns:1fr}.wide-card{grid-template-columns:1fr}.chart-visual{border:0}.section,.industries,.company{padding-top:80px;padding-bottom:80px}.company-visual{height:420px}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap} }

/* Product-led BHL experience */
.sensor-stage { background: #fff; display: flex; align-items: center; padding: 100px 20px 130px; }
.product-hero-image { display:block; width:100%; height:auto; object-fit:contain; }
.sensor-stage .product-label { top:24px; }
.sensor-stage .signal-card { bottom:24px; }
.product-label { position:absolute; z-index:3; left:7%; top:7%; background:rgba(255,255,255,.92); padding:12px 15px; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.product-label strong { display:block; font-size:17px; letter-spacing:.03em; margin-top:4px; }
.signal-card { z-index:3; }
.product-detail { display:grid; grid-template-columns:1fr 1fr; background:#fff; border:1px solid #dce5ef; }
.product-photo { min-height:0; background:#fff; display:flex; align-items:center; padding:24px; overflow:hidden; }
.product-photo img { display:block; width:100%; height:auto; object-fit:contain; }
.product-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:24px; }
.product-gallery figure { margin:0; background:#fff; border:1px solid #dce5ef; }
.product-gallery a { display:block; padding:12px; }
.product-gallery a:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.product-gallery img { display:block; width:100%; height:auto; object-fit:contain; }
.product-gallery figcaption { padding:16px 20px; border-top:1px solid #eaf0f6; font-size:16px; font-weight:700; }
@media (max-width:600px) { .product-gallery { grid-template-columns:1fr; } }
.product-info { padding:clamp(35px,5vw,72px); display:flex; flex-direction:column; justify-content:center; }
.status-badge { align-self:flex-start; background:#e5f7ef; color:#08754c; padding:8px 11px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; margin-bottom:28px; }
.status-badge span { display:inline-block; width:7px; height:7px; background:#17a56d; border-radius:50%; margin-right:6px; }
.product-info h3 { font-size:clamp(48px,6vw,82px); letter-spacing:-.06em; margin:8px 0 18px; }
.product-info>p:not(.card-kicker) { color:#617287; line-height:1.75; }
.spec-grid { display:grid; grid-template-columns:1fr 1fr; margin:30px 0; }
.spec-grid div { padding:16px 12px 16px 0; border-top:1px solid #dce5ef; }
.spec-grid span,.spec-grid strong { display:block; }
.spec-grid span { font-size:11px; color:#788799; margin-bottom:6px; }
.spec-grid strong { font-size:14px; }
.product-info .primary-button { align-self:flex-start; }
.roadmap-heading { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:end; margin:130px 0 55px; }
.roadmap-heading h2 { font-size:clamp(42px,5vw,72px); line-height:.98; letter-spacing:-.055em; margin:18px 0 0; }
.roadmap-heading>p { color:#627287; line-height:1.8; }
.roadmap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.roadmap-card { min-height:430px; padding:26px; background:white; border:1px solid #dce5ef; display:flex; flex-direction:column; }
.future-badge { align-self:flex-start; font-size:9px; text-transform:uppercase; letter-spacing:.13em; padding:7px 9px; background:#e8f2f2; color:var(--blue); font-weight:800; }
.roadmap-symbol { height:170px; display:flex; align-items:center; justify-content:center; font-size:82px; font-weight:300; color:var(--blue); }
.roadmap-symbol.ammonia { font-size:58px; }
.roadmap-symbol sub { font-size:25px; }
.roadmap-card h3 { font-size:28px; margin:6px 0 12px; }
.roadmap-card>p:not(.card-kicker) { margin:0; color:#68798d; line-height:1.6; }
.roadmap-card.dark-card { background:#091d38; color:white; }
.roadmap-card.dark-card>p:not(.card-kicker) { color:#9eacc0; }

@media (max-width: 980px) {
  .product-detail { grid-template-columns:1fr; }
  .product-photo { min-height:450px; }
  .roadmap-heading { grid-template-columns:1fr; }
  .roadmap-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 800px) {
  .roadmap-grid { grid-template-columns:1fr; }
  .spec-grid { grid-template-columns:1fr; }
  .product-photo { min-height:360px; }
  .roadmap-heading { margin-top:85px; }
}

/* Accessible contact and small-screen navigation */
section[id] { scroll-margin-top: 100px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #e99314; outline-offset: 4px; }
.contact-form { position:relative; z-index:2; max-width:820px; margin:40px auto 0; display:grid; grid-template-columns:1fr 1fr; gap:22px; text-align:left; }
.contact-form label { display:grid; gap:9px; font-size:16px; }
.contact-form input,.contact-form textarea { width:100%; padding:14px; border:1px solid #becbdb; border-radius:2px; background:white; color:#071b35; font:inherit; }
.contact-form .full { grid-column:1/-1; }
.contact-form p { margin:0; max-width:none; font-size:15px; line-height:1.6; }
.contact-form button { font:inherit; border:0; cursor:pointer; justify-self:start; }
.contact-form button:disabled { opacity:.65; cursor:wait; }
.honey { position:absolute; left:-10000px; }
.contact-orbit { pointer-events:none; }
.brand-logo { object-fit:contain; }
.site-header .brand-logo { width:clamp(230px,21vw,295px); height:70px; object-fit:cover; object-position:center 48%; }
@media(max-width:600px) { .site-header .brand-logo { width:min(240px,calc(100vw - 48px)); height:64px; } }
@media(max-width:980px) { .site-header { height:auto; min-height:86px; flex-wrap:wrap; padding-top:10px; padding-bottom:10px; gap:12px; }.site-header nav { display:flex; gap:18px; flex-wrap:wrap; font-size:14px; } }
@media(max-width:600px) { .contact-form { grid-template-columns:1fr; }.site-header nav { width:100%; justify-content:space-between; gap:8px; }h1 { font-size:clamp(42px,12vw,70px); } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }

/* Vector artwork has a tight viewBox: retain its natural proportions. */
.site-header .brand-logo { height:auto; object-fit:contain; object-position:center; }
.footer-brand .brand-logo { height:auto; }


/* Portrait supplied for revision A, displayed without cropping the sensor. */
.product-hero-image { max-height:680px; width:100%; object-fit:contain; }
.product-photo img { max-height:640px; object-fit:contain; }
@media(max-width:800px) { .product-hero-image { max-height:540px; } }


/* Material, instrument and signal composition in the company section. */
.company-visual { background:radial-gradient(ellipse at 70% 32%,#32465b 0%,#12283e 48%,#081b2d 100%); isolation:isolate; }
.company-visual .company-grid { background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px); background-size:48px 48px; }
.engineering-label { position:absolute; top:28px; left:28px; color:#c2d1df; font-size:12px; letter-spacing:.18em; text-transform:uppercase; z-index:3; }
.engineering-detail { position:absolute; width:125%; max-width:none; height:94%; object-fit:contain; left:0; top:-5%; filter:drop-shadow(0 20px 22px #0005); }
.engineering-signal { position:absolute; width:100%; height:120px; left:0; bottom:108px; color:#82b3d8; opacity:.7; z-index:2; }
.engineering-caption { position:absolute; inset:auto 0 0; padding:46px 28px 30px; background:linear-gradient(transparent,#081b2d 42%); z-index:3; color:#fff; }
.engineering-caption strong { font-size:clamp(22px,2.1vw,30px); line-height:1.35; font-weight:600; letter-spacing:-.025em; }
@media(max-width:980px) { .engineering-detail { width:100%; left:14%; height:115%; top:-17%; }.engineering-caption strong { font-size:28px; } }
@media(max-width:600px) { .engineering-detail { width:130%; left:-1%; height:103%; top:-11%; }.engineering-label { left:24px; top:24px; }.engineering-caption { padding:42px 24px 24px; }.engineering-caption strong { font-size:24px; } }

/* Illustrative process trends, without simulated measurement values. */
.process-visual { position:absolute; inset:105px 28px 150px; display:flex; flex-direction:column; justify-content:center; gap:20px; }
.process-legend { display:flex; flex-wrap:wrap; gap:12px 20px; color:#d9e5ef; font-size:14px; }
.process-legend span::before { content:''; display:inline-block; width:16px; height:3px; margin:0 8px 4px 0; background:#90c5ff; }
.process-legend span:nth-child(2)::before { background:#61d5c4; }
.process-legend span:nth-child(3)::before { background:#e5ba78; }
.process-chart { display:block; width:100%; min-height:0; flex:0 1 auto; }
.process-chart-note { display:flex; justify-content:space-between; gap:14px; color:#a8bdcf; font-size:12px; }
@media(max-width:600px) { .process-visual { inset:70px 24px 120px; gap:12px; }.process-legend { font-size:12px; gap:10px; }.process-chart-note { font-size:11px; } }

/* Expanded signal backdrop integrates the graph with the full composition. */
.company-visual .process-visual { inset:55px -22% 70px; display:block; opacity:.62; pointer-events:none; }
.company-visual .process-chart { width:100%; height:100%; }
.company-visual .process-chart path { stroke-width:1.5; }
.company-visual .process-chart path:first-child { stroke-opacity:.07; stroke-width:.7; }
.company-visual .process-chart path:nth-child(2) { stroke-opacity:.12; stroke-width:.7; }
.company-visual .process-chart circle { display:none; }
.company-visual .company-grid { opacity:.35; }
@media(max-width:600px) { .company-visual .process-visual { inset:40px -28% 45px; } }

/* Fine scale and aligned reference point evoke precision without numeric claims. */
.company-visual .process-chart .precision-scale { opacity:.5; }
.company-visual .process-chart .precision-scale path { stroke-width:.6; }
.company-visual .process-chart .precision-guide path { stroke-width:.65; stroke-opacity:.38; }
.company-visual .process-chart .precision-target circle { display:initial; stroke-width:.85; }
.company-visual .process-chart .precision-target path { stroke-width:.85; stroke-opacity:1; }

/* Deep blue-green contact surface harmonizes with the navy brand palette. */
.contact { background:#105461; }
.contact > p:not(.eyebrow) { color:#d6e9eb; }
.contact .eyebrow.light { color:#c3e3e5; }
.contact-orbit { border-color:rgba(192,230,231,.12); }
.contact-orbit::before { background:#a5d1d4; box-shadow:none; }


/* Consistent teal accents across dark and light surfaces. */
.roadmap-card.dark-card .roadmap-symbol { color:#9acfd0; }
.roadmap-card.dark-card .card-kicker { color:#9acfd0!important; }
.primary-button:hover { background:#0c4450; }

.footer-contact { display:flex; flex-direction:column; gap:8px; }
.footer-contact span { color:#627287; font-size:13px; }
.footer-contact a { color:var(--blue); font-size:17px; font-weight:600; overflow-wrap:anywhere; }
.footer-contact a:hover { text-decoration:underline; text-underline-offset:4px; }

/* Contact surfaces and official channels use the logo's navy blue. */
.contact { background:#0b203f; }
.footer-contact a { color:#0b203f; }
.contact > p:not(.eyebrow) { color:#dce5ef; }
.contact .eyebrow.light { color:#c5d2e2; }
.contact-orbit { border-color:rgba(197,210,226,.12); }
.contact-orbit::before { background:#b4c5da; }

/* Decorative process curves behind the contact form. */
.contact-graph { position:absolute; inset:0; width:100%; height:100%; color:#b4c5da; opacity:.16; pointer-events:none; z-index:0; }
.contact > .eyebrow { position:relative; z-index:2; }