/* CSENSE brand: midnight navy, electric blue, cyan and brushed silver. */
:root{--ink:#10294a;--green:#096fc2;--muted:#60768e;--paper:#f4f8fc;--line:#d7e3ef;--lime:#58e3f3;--orange:#3f8fed;--dark:#071a36}
.brand{display:inline-flex;flex-shrink:0;line-height:0;letter-spacing:0;gap:0}
.brand-image{display:block;width:234px;height:76px;object-fit:contain;object-position:left center}
.site-header{background:rgba(5,17,42,.97);border-bottom:1px solid #234569;color:#d9eafa;backdrop-filter:blur(16px)}
.site-header .header-inner{height:98px}.nav-cta{border-color:#416b9780;color:#eaf6ff}.nav-cta:hover{background:#143f72;border-color:#52cfe8}.site-header #main-nav>a:not(.nav-cta)::after{background:#58e3f3}.menu-toggle>span{background:#e2f3ff}
.hero{background:radial-gradient(ellipse at 93% 20%,#0b4673 0,transparent 46%),radial-gradient(ellipse at 38% 95%,#0c284c 0,transparent 58%),#06152e;color:#edf6ff;padding-top:66px;position:relative}
.hero::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#78c8ff06 1px,transparent 1px),linear-gradient(90deg,#78c8ff06 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 28%,black)}
.hero-grid,.hero-baseline{position:relative}.hero-copy .eyebrow{color:#71d8ee}.hero h1{color:#f5f9ff}.hero h1>span{background:linear-gradient(115deg,#469bff 0,#53d9ef 70%,#b8f4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{color:#b2c8df}
.button-dark{background:#0e3762;color:#fff;box-shadow:0 5px 14px #072b4810}.button-dark:hover{background:#175183}.hero .button-dark{background:linear-gradient(110deg,#125bd9,#087dc7);border:1px solid #3c97e6;box-shadow:0 7px 25px #0279cb25}.hero .button-dark:hover{background:linear-gradient(110deg,#1965df,#0983ce)}
.hero .text-link{color:#dcefff}.hero .text-link>span{color:#6edff0}.hero-footnote{color:#9ebad7}.hero-footnote strong{color:#d5e7fa}.hero .line-icon{color:#69d8ed;border-color:#345374}.hero-baseline{border-color:#2a4665}.hero-baseline>span{color:#91acc8}.hero-baseline>a{color:#c5dbee}.visual-label{color:#96b7d5}
.dashboard{background:linear-gradient(145deg,#0b284c,#071a37);border:1px solid #285d8b;box-shadow:0 24px 60px #000a1e55,0 0 45px #15b7e20d;color:#edf7ff}.dash-brand{color:#e5f0fb}.dash-brand .tiny-square{background:none;width:17px;height:17px;background-image:url('assets/csense-emblem.png');background-size:contain;background-repeat:no-repeat;background-position:center;margin-right:7px}.dash-divider{color:#7d9dbe}.demo-badge{border-color:#5dc7e859;color:#8ce6f7;background:#0e3b5b55}.dash-top,.dash-side,.dash-bottom{border-color:#4a88bc28}.resource-tab{color:#7eaccd}.resource-tab.active{background:linear-gradient(140deg,#a7f3fa,#53d9f0);color:#08274b;box-shadow:0 0 20px #45d7f01f}.resource-tab:hover{color:#b0f4ff}.resource-tab.active:hover{color:#08274b}.resource-tab>span{background:#9ceaf5;color:#08274b}
.meter-heading p,.meter-meta,.dash-metrics span,.dash-metrics small{color:#91b0cc}.meter-heading h2{color:#e8f5ff}.sample-signal{color:#a7c1d9}.sample-signal i{background:#72e4f3}.meter-value>span:last-child{color:#88b9da}.chart-grid,.chart-hours{color:#7f9ebb}.chart-line{filter:drop-shadow(0 0 5px #3ce0f64d)}.dash-metrics{border-color:#4a88bc28}.dash-metrics>div+div{border-color:#4a88bc28}.dash-bottom{background:#04122a44;color:#aac4df}.dash-bottom button{color:#8ce6f7}.status-dot{background:#62e6f5;box-shadow:0 0 0 3px #4bdef015}.sample-caption>span{color:#69cbe1}.sample-caption p{color:#97b3cf;border-color:#315271}.visual-orbit{width:270px;height:270px;right:-78px;bottom:-75px;opacity:.15;transform:rotate(-9deg);letter-spacing:0;font-size:0}.visual-orbit img{width:100%;height:100%;object-fit:contain}
.resources{background:#fff}.section-heading .eyebrow,.faq-layout .eyebrow{color:#507598}.resources h2>span,.process h2>span,.faq-layout h2>span{color:#6b8aa7}.resource-row:hover{background:#f5faff}.resource-number{color:#6d8ca8}.resource-unit small,.section-note{color:#607b96}.resource-symbol.electric{background:#e9f1ff;color:#2664bf}.resource-symbol.water{background:#e2f7fb;color:#117b9d}.resource-symbol.steam{background:#edf1f8;color:#607594}.resource-symbol.gas{background:#eef0fc;color:#6765af}
.process{background:linear-gradient(140deg,#f0f6fc,#eaf3fa)}.flow-sources>span{background:#fbfdff;border-color:#d4e4f0}.flow-sources .icon{color:#2c84bd}.flow-link>span,.flow-link::after{border-color:#8eb8d7}.flow-out{color:#5b9cc8}.flow-out>span{border-color:#80b6d9}.flow-device{background:linear-gradient(145deg,#0b3260,#071a37);border-color:#d7e4ef;outline-color:#9ebbd3;color:#d7edff;box-shadow:0 18px 36px #123f6a24}.device-top{min-height:25px}.device-wordmark{width:115px;height:37px;object-fit:contain;object-position:left center}.device-top>i{background:#5de9fa;box-shadow:0 0 8px #3ddefa}.device-chip{stroke:#69c3e4}.device-label{color:#91bed9}.device-terminals{background:#a7c5df}.device-terminals i{background:#0c315a}.device-terminals i::after{background:#c5e1f7}.flow-record{background:#fbfdff;border-color:#cbddec;box-shadow:0 10px 30px #1c599010}.flow-record .status-dot{background:#178cd0}.flow-record dt{color:#6585a2}.steps{border-color:#cedfeb}.steps article>span{color:#387cae}
.cbam-section{background:radial-gradient(ellipse at 85% 0,#12375d 0,transparent 60%),#071a36;color:#edf5ff}.cbam-intro .eyebrow,.role-label{color:#70cde4}.cbam-intro h2 em{color:#62dfee}.cbam-intro>div>p:not(.eyebrow),.cbam-timeline p,.cbam-roles p{color:#acc5de}.text-link.light{color:#8ae6f6}.cbam-timeline{border-color:#3b64893f}.cbam-timeline article+article{border-color:#3b64893f}.cbam-timeline article>span{color:#72dff1}.cbam-roles>div:last-child{border-color:#3b64893f}.cbam-roles ul{color:#c4d8ed}.cbam-roles a{color:#8bdff2}.cbam-scope{background:#1b447322;border-color:#3a709650}.cbam-scope>span{color:#79b9d9}.cbam-scope>div>span{border-color:#528ab151;color:#cde7fa}.cbam-scope>p,.cbam-source{color:#94b6d3}
.contact-section{background:linear-gradient(120deg,#e8f2fc,#e4f7fb)}.contact-inner h2>span{color:#3285ae}.contact-inner .eyebrow{color:#41789d}.contact-inner>div>p:not(.eyebrow){color:#5a7893}.contact-email{border-color:#b8d3e7}.contact-email>span,.contact-email small{color:#577f9f}.contact-email strong{color:#0f477b}
.site-footer{background:#06152e;color:#c0d5ec}.footer-top{border-color:#284464}.footer-top .brand-image{width:190px;height:65px}.footer-top p,.footer-bottom,.footer-bottom>button{color:#91adca}.footer-top>a:last-child{color:#b2d9ee}
.guide-hero{background:radial-gradient(ellipse at 95% 10%,#114774,transparent 58%),#071a36;color:#edf7ff;border-color:#284b70}.guide-hero .eyebrow{color:#71d7ed}.guide-hero h1>span{color:#64d8ef}.guide-hero .lead{color:#b3cbe2}.guide-meta{color:#8bb7d6}.guide-header .brand-image{width:220px;height:72px}.guide-header .header-inner{height:93px}.guide-callout{background:#e8f4fd;border-color:#2e95ca}.guide-callout.dark{background:#0b2b50;border-color:#58d6ed}.guide-callout.dark p,.guide-callout.dark strong{color:#d7edfc}.guide-table th{background:#e7f2fc}.print-button:hover{background:#a8e8f4}
@media(max-width:1150px){.brand-image{width:215px;height:70px}}
@media(max-width:900px){.site-header .header-inner{height:80px}.brand-image{width:210px;height:68px}.site-header #main-nav{top:80px;background:#091b37;border-color:#305276;color:#d8eafa}.nav-cta{background:#143252;color:#e5f7ff}.hero{padding-top:38px}.guide-header .header-inner{height:80px}.guide-header .brand-image{width:205px;height:66px}}
@media(max-width:650px){.site-header .header-inner{height:78px}.brand-image{width:195px;height:64px}.site-header #main-nav{top:78px}.hero{padding-top:33px}.hero::before{background-size:44px 44px}.visual-orbit{width:190px;height:190px;right:-35px;bottom:-50px}.cbam-roles>div:last-child{border-top-color:#3b64893f}.device-wordmark{width:100px;height:32px}.guide-header .brand-image{width:185px;height:62px}.guide-header .header-inner{height:78px}.footer-top .brand-image{width:180px;height:60px}}
.guide-content{min-width:0}.guide-table-wrap{max-width:100%}.sources-list a{overflow-wrap:anywhere}
@media print{.guide-hero{background:none;color:#111}.guide-hero h1>span,.guide-hero .lead,.guide-meta{color:#333}}

/* Public contact address */
.footer-address{display:flex;align-items:baseline;gap:30px;padding:24px 0;border-bottom:1px solid #284464;color:#bed2e8}
.footer-address>span{flex-shrink:0;font-size:9px;letter-spacing:1.2px;color:#86a6c6}
.footer-address address{font-style:normal;font-size:12px;line-height:1.9}
@media(max-width:650px){.footer-address{display:block;padding:22px 0}.footer-address>span{display:block;font-size:8px;margin-bottom:9px}.footer-address address{font-size:11px;padding-right:45px}}