/* Edit the colours here. System fonts keep the site fast and fully self-contained. */
:root{--ink:#142b37;--muted:#53636a;--accent:#176657;--accent-dark:#104e43;--line:#d8e0df;--paper:#fff;--wash:#f3f6f4;--mint:#c8e7dc;--max:1180px}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible{outline:3px solid #b46519;outline-offset:5px}
img,svg{max-width:100%;display:block}
figure,p,h1,h2,h3{margin:0}
h1,h2,h3{line-height:1.14;font-weight:600}
h1{font-size:clamp(2.55rem,4.05vw,3.65rem);letter-spacing:-.045em;max-width:670px}
h1 span{color:var(--accent)}
h2{font-size:clamp(1.9rem,2.6vw,2.55rem);letter-spacing:-.035em}
h3{font-size:1.14rem;letter-spacing:-.018em}
p{color:var(--muted)}
.container{width:min(var(--max),calc(100% - 80px));margin-inline:auto}
.section{padding-block:88px}
.eyebrow{color:var(--accent);font-family:Consolas,'Courier New',monospace;font-size:.69rem;font-weight:700;line-height:1.6;letter-spacing:.09em;text-transform:uppercase}
.eyebrow+h2{margin-top:14px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:13px 21px;background:var(--accent);border:1px solid var(--accent);border-radius:3px;color:#fff;font-size:.85rem;font-weight:700;line-height:1.4;text-decoration:none}
.button:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
.button span{font-size:1.12rem;font-weight:400}
.button-small{font-size:.76rem;min-height:43px;padding:10px 15px;gap:16px}
.button-outline{background:transparent;color:var(--accent);border-color:#a7bdb6}
.button-outline:hover{background:#e8f0ec;color:var(--accent-dark);border-color:var(--accent)}
.text-link{font-size:.83rem;font-weight:600;padding-block:12px}
.skip-link{position:absolute;top:-100px;left:20px;z-index:10;padding:12px 20px;background:var(--ink);color:#fff}
.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:100px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.brand-mark{width:44px;height:44px;background:var(--ink);color:#fff;font-size:.85rem;font-weight:700;letter-spacing:-.04em;display:flex;align-items:center;justify-content:center;position:relative;border-radius:2px}
.brand-mark span{position:absolute;width:16px;height:3px;bottom:7px;background:var(--mint)}
.brand-name{font-size:.95rem;font-weight:700;letter-spacing:-.02em;line-height:1.3}
.brand-name small{display:block;font-size:.67rem;letter-spacing:.07em;font-weight:400;margin-top:5px;color:var(--muted)}
nav{display:flex;gap:24px}
nav a{font-size:.76rem;font-weight:600;text-decoration:none;padding-block:12px}
nav a:hover{color:var(--accent);text-decoration:underline}
.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:64px;align-items:center;padding-block:73px 69px}
.hero .eyebrow{margin-bottom:23px}
.location-mark{font-size:1rem;margin-right:6px}
.hero-lead{font-size:1.1rem;line-height:1.65;color:#3b505a;margin-top:24px;max-width:540px}
.hero-support{font-size:.88rem;margin-top:15px;max-width:525px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:27px}
.starting-price{font-size:.81rem;margin-top:23px;color:var(--ink)}
.starting-price span{display:block;font-size:.73rem;color:var(--muted);margin-top:3px}
.hero-visual{padding:22px;background:var(--wash);border:1px solid var(--line);border-radius:4px}
.visual-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.visual-heading .eyebrow{font-size:.59rem;margin:0}
.technical-index{font-family:Consolas,monospace;font-size:.61rem;color:var(--muted)}
.equipment-illustration{width:100%;height:auto;margin-block:15px 0}
.example-dashboard{padding:20px 23px 16px;background:var(--ink);border-radius:3px;color:#fff}
.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #38505a;font-size:.69rem}
.demo-label{color:#c4d1d6;font-size:.59rem;text-transform:uppercase;letter-spacing:.05em}
.dashboard-reading{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
.dashboard-label{display:block;font-size:.7rem;color:#c4d1d6}
.dashboard-reading strong{display:block;font-size:2.7rem;line-height:1.25;font-weight:400;letter-spacing:-.05em}
.dashboard-reading strong span{font-size:1.3rem;color:#c4d1d6;margin-left:4px}
.status{display:inline-flex;align-items:center;gap:7px;color:#bde3d0;font-size:.66rem;border:1px solid #49665e;padding:3px 8px;border-radius:2px}
.status i,.status-dot{display:inline-block;background:#a2d5b8;width:5px;height:5px;border-radius:50%}
.temperature-chart{width:100%;height:auto;margin-top:15px;overflow:visible}
.chart-times{display:flex;justify-content:space-between;font-family:Consolas,monospace;font-size:.58rem;color:#c4d1d6;margin-top:2px}
.dashboard-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #38505a;padding-top:12px;margin-top:14px;font-size:.6rem;color:#c4d1d6}
.status-dot{margin-right:5px}
figcaption{font-size:.65rem;line-height:1.5;color:var(--muted);margin-top:13px}
.value-section{background:var(--wash);border-block:1px solid var(--line);padding-block:44px}
.value-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;align-items:center}
.value-layout h2{font-size:1.95rem;max-width:360px}
.value-layout p:not(.eyebrow){font-size:.91rem}
.value-close{margin-top:12px;font-weight:600;color:var(--accent)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:40px}
.section-heading>p{max-width:395px;font-size:.87rem}
.monitor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.monitor-item{border-top:1px solid var(--line);padding-top:26px}
.line-icon{width:34px;height:34px;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;margin-bottom:25px}
.monitor-item h3{min-height:44px;font-size:1.04rem;line-height:1.35}
.monitor-item p{font-size:.85rem;margin-top:10px}
.optional{display:inline-block;color:var(--muted);font-size:.59rem;font-weight:400;border:1px solid var(--line);padding:3px 5px;vertical-align:middle;margin-left:3px;letter-spacing:0}
.how-section{background:var(--wash);border-block:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;list-style:none;padding:0;margin:0}
.step-number{font-family:Consolas,monospace;font-size:.82rem;color:var(--accent);display:block;border-top:1px solid #bdccc6;padding-top:19px;margin-bottom:17px}
.steps h3{font-size:1.4rem}
.steps p{font-size:.9rem;margin-top:13px;max-width:305px}
.signal-flow{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:39px 0 0;background:#fff;border:1px solid var(--line);border-radius:3px}
.signal-flow li{position:relative;padding:19px 24px;text-align:center;font-family:Consolas,monospace;font-size:.73rem}
.signal-flow li+li{border-left:1px solid var(--line)}
.signal-flow li+li:before{content:'→';position:absolute;left:-10px;top:15px;background:#fff;font-size:1.2rem;color:var(--accent)}
.installation-detail{margin-top:19px;border-bottom:1px solid var(--line);padding-bottom:14px;max-width:760px}
summary{cursor:pointer;font-size:.78rem;color:var(--accent);padding:8px 0;min-height:40px}
summary span{float:right}
.installation-detail[open] summary span{transform:rotate(45deg)}
.installation-detail figure{padding-block:14px}
.installation-detail img{background:#fff;width:100%;height:auto;border:1px solid var(--line)}
.audience{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-block:60px}
.audience h2{font-size:1.85rem}
.audience ul{display:grid;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0;gap:0 30px;align-content:center}
.audience li{font-size:.8rem;padding:12px 0 12px 17px;border-bottom:1px solid var(--line);position:relative}
.audience li:before{content:'+';position:absolute;left:0;color:var(--accent)}
.pricing-section{background:var(--wash);border-top:1px solid var(--line)}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.price-card{padding:32px;background:#fff;border:1px solid #cbd7d2;border-radius:3px;display:flex;flex-direction:column}
.price-card.standard{border-top:3px solid var(--accent);padding-top:30px}
.price-header{display:flex;align-items:center;justify-content:space-between;gap:15px}
.price-header>span{font-size:.7rem;color:var(--muted)}
.price{font-size:2.7rem;color:var(--ink);letter-spacing:-.04em;margin-top:17px;line-height:1.4}
.price>span{font-size:.9rem;letter-spacing:0}
.price small{font-size:.85rem;font-weight:400;letter-spacing:0;color:var(--muted)}
.package-description{font-size:.83rem;margin-top:4px}
.feature-list{list-style:none;padding:22px 0;margin:21px 0 5px;border-top:1px solid var(--line);flex:1}
.feature-list li{position:relative;padding-left:22px;margin-bottom:9px;font-size:.85rem;color:#3b505a}
.feature-list li:before{content:'✓';position:absolute;left:0;color:var(--accent)}
.price-card .button{justify-content:space-between}
.package-support{font-size:.83rem;color:var(--accent);margin-bottom:20px}
.social-contact{margin-top:20px}
.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 24px}
nav a[aria-current="page"]{color:var(--accent);text-decoration:underline}
.pricing-notes{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:22px}
.pricing-notes p{font-size:.76rem;line-height:1.7}
.assessment{background:var(--ink);color:#fff;display:grid;grid-template-columns:1.5fr 1fr;gap:75px;padding:48px 52px;margin-block:72px 0;border-radius:3px}
.assessment .eyebrow{color:var(--mint)}
.assessment h2{max-width:580px;font-size:2.3rem}
.assessment p:not(.eyebrow){color:#c4d1d6;font-size:.89rem;margin-top:21px}
.assessment-action{display:flex;flex-direction:column;align-items:center;justify-content:center}
.assessment-time{font-size:3rem;font-weight:400;line-height:1.1;letter-spacing:-.035em;margin-bottom:25px;text-align:center;color:var(--mint)}
.assessment-time>span{display:block;font-family:Consolas,monospace;font-size:.64rem;letter-spacing:.04em;margin-top:7px}
.button-light{color:var(--ink);background:var(--mint);border-color:var(--mint)}
.button-light:hover{color:var(--ink);background:#e4f2ed;border-color:#e4f2ed}
.assessment-action p:not(.eyebrow){font-size:.73rem;margin-top:10px}
.contact-section{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding-block:82px}
.about h2{max-width:360px}
.about>p:not(.eyebrow){font-size:.91rem;margin-top:24px;max-width:440px}
.about .owner-note{border-top:1px solid var(--line);padding-top:20px;color:var(--accent)}
.contact-panel{border-left:1px solid var(--line);padding-left:48px}
.contact-panel h2{font-size:1.8rem}
address{font-style:normal;display:flex;flex-direction:column;line-height:1.65;font-size:.84rem;color:var(--muted);margin-top:24px}
address strong{font-size:1rem;color:var(--ink)}
.contact-details{margin:23px 0;font-size:.83rem}
.contact-details>div{display:flex;gap:24px;padding-block:8px;border-top:1px solid var(--line)}
.contact-details dt{width:38px;color:var(--muted)}
.contact-details dd{margin:0;overflow-wrap:anywhere}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap}
.contact-panel>p+.contact-actions{margin-top:20px}
.contact-actions .button{min-width:140px;justify-content:space-between}
.site-footer{background:var(--wash);border-top:1px solid var(--line);padding-block:30px}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:.8rem}
.footer-top strong{color:var(--ink);font-size:.85rem}
.footer-top p span{display:block;font-size:.74rem;margin-top:2px}
.footer-top a{font-size:.74rem}
.disclaimer{font-size:.7rem;max-width:980px;border-top:1px solid var(--line);padding-top:20px;margin-top:23px;line-height:1.7}
@media(min-width:1450px){.hero{padding-block:85px}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.header-inner{gap:20px;flex-wrap:wrap;padding-block:20px;min-height:100px}nav{order:3;width:100%;justify-content:center;gap:36px}.hero{gap:35px}.hero-visual{padding:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:3px}.hero-lead{font-size:1rem}.value-layout{gap:50px}.assessment{gap:35px;padding:40px}.contact-section{gap:50px}.contact-panel{padding-left:35px}.dashboard-header{flex-wrap:wrap;gap:4px}.demo-label{font-size:.55rem}.monitor-grid{gap:20px}.monitor-item h3{min-height:50px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.section{padding-block:60px}.hero{grid-template-columns:1fr;gap:36px;padding-block:45px}.hero-copy{max-width:620px}h1{font-size:clamp(2.6rem,6.5vw,3.5rem);max-width:680px}.hero-actions{flex-direction:row;align-items:center;gap:8px 22px}.hero-visual{max-width:580px;width:100%;margin-inline:auto;padding:22px}.dashboard-header{flex-wrap:nowrap}.value-layout{grid-template-columns:1fr;gap:23px}.value-layout h2{max-width:500px}.section-heading{gap:28px;align-items:start}.section-heading>p{max-width:250px}.monitor-grid{grid-template-columns:repeat(2,1fr);gap:30px}.monitor-item h3{min-height:0}.steps{gap:26px}.signal-flow li{padding-inline:12px;font-size:.65rem}.audience{grid-template-columns:1fr;gap:26px;padding-block:45px}.audience h2 br{display:none}.price-card{padding:25px}.price-card.standard{padding-top:23px}.price{font-size:2.15rem}.price small{display:block}.price-header{align-items:start;flex-direction:column;gap:4px}.assessment{grid-template-columns:1fr;gap:28px;padding:35px;margin-top:50px}.assessment-action{align-items:start}.assessment-time{display:none}.contact-section{grid-template-columns:1fr;gap:40px;padding-block:60px}.contact-panel{border-left:0;border-top:1px solid var(--line);padding:35px 0 0}.about h2,.about>p:not(.eyebrow){max-width:600px}}
@media(max-width:520px){.container{width:calc(100% - 36px)}.header-inner{padding-block:18px;gap:20px}.brand{gap:10px}.brand-name{font-size:.87rem}.brand-name small{font-size:.64rem}.brand-mark{width:40px;height:40px}.header-cta{display:none}nav{gap:0;justify-content:space-between}nav a{font-size:.7rem;padding-block:5px;min-height:34px}.hero{padding-block:35px 40px}.hero .eyebrow{font-size:.61rem;margin-bottom:20px}h1{font-size:2.6rem}.hero-lead{margin-top:21px}.hero-support{font-size:.84rem}.hero-actions{flex-direction:column;align-items:stretch;gap:2px}.hero-actions>.text-link{text-align:center}.starting-price{margin-top:14px}.hero-visual{padding:15px}.visual-heading .eyebrow{font-size:.52rem;margin:0}.technical-index{font-size:.53rem}.example-dashboard{padding:16px}.dashboard-header{font-size:.63rem;gap:8px}.demo-label{font-size:.5rem}.dashboard-reading strong{font-size:2.4rem}.dashboard-footer{font-size:.55rem}.value-section{padding-block:33px}.value-layout h2{font-size:1.8rem}.section-heading{flex-direction:column;gap:17px;margin-bottom:30px}.section-heading>p{max-width:100%}.desktop-break{display:none}.monitor-grid{gap:30px 20px}.monitor-item{padding-top:20px}.monitor-item h3{font-size:.99rem}.monitor-item p{font-size:.8rem}.optional{margin:6px 0 0}.line-icon{margin-bottom:19px}.steps{grid-template-columns:1fr;gap:25px}.steps li{position:relative;padding-left:47px;border-top:1px solid var(--line);padding-top:19px}.step-number{position:absolute;left:0;top:19px;border:0;padding:0;margin:0}.steps h3{font-size:1.25rem}.steps p{max-width:none;margin-top:9px}.signal-flow{grid-template-columns:1fr;margin-top:30px}.signal-flow li{padding:15px;font-size:.76rem}.signal-flow li+li{border-left:0;border-top:1px solid var(--line)}.signal-flow li+li:before{content:'↓';left:calc(50% - 10px);top:-14px;width:20px}.audience ul{grid-template-columns:1fr}.audience li{font-size:.84rem}.pricing-grid{grid-template-columns:1fr;gap:20px}.price-header{flex-direction:row;align-items:center}.price{font-size:2.5rem}.price small{display:inline}.pricing-notes{grid-template-columns:1fr;gap:12px}.assessment{padding:30px 23px}.assessment h2{font-size:1.95rem}.assessment-action{align-items:stretch;text-align:center}.assessment .button{gap:12px;padding-inline:12px}.footer-top{align-items:start}.footer-top a{white-space:nowrap}.contact-panel h2{font-size:1.85rem}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{.site-header nav,.header-cta,.hero-actions,.button,.footer-top a,.installation-detail{display:none}.container{width:100%}.section,.hero,.contact-section{padding-block:24px}.hero{grid-template-columns:1fr 1fr;gap:20px}h1{font-size:28px}h2{font-size:22px}.assessment{color:var(--ink);background:#fff;border:1px solid var(--line);margin-top:24px;padding:20px}.assessment p:not(.eyebrow),.assessment .eyebrow{color:var(--ink)}.price-card,.hero-visual{break-inside:avoid}}
