/* MeasureOD website R2. AI Assistance: Code implementation assisted by OpenAI ChatGPT. */
:root{--ink:#132f37;--muted:#52656b;--green:#006b5e;--paper:#f5f8f5;--line:#d3e1dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:var(--green)}a:focus-visible{outline:3px solid #eaaa52;outline-offset:4px}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}header{background:#fff;border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}.brand{font-size:1.5rem;letter-spacing:-.05em;font-weight:850;text-decoration:none;color:var(--ink)}.navlinks{display:flex;gap:23px;flex-wrap:wrap}.navlinks a{text-decoration:none;font-size:.9rem;font-weight:700}.hero{background:#102f38;color:#fff;padding:66px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:800;color:var(--green)}.hero .eyebrow{color:#a9efdb}h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.06;letter-spacing:-.055em;margin:12px 0 21px}h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.035em;margin:5px 0 20px}h3{line-height:1.25;margin:0 0 10px}.hero p{color:#d7e8e5}.hero img{display:block;width:100%;height:auto;border:7px solid #274c53;border-radius:10px;box-shadow:0 22px 50px #0004}.button{display:inline-block;padding:11px 18px;border-radius:6px;font-weight:750;text-decoration:none;background:var(--green);color:#fff}.hero .button{background:#a9efdb;color:#143b32}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px}.actions a:not(.button){color:inherit;font-weight:700}.caption{font-size:.78rem;color:var(--muted);margin-top:9px}section{padding:58px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.card p{color:var(--muted);margin:8px 0 14px}.card a{font-weight:700}.card .links{display:flex;gap:14px;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.feature{border-top:2px solid var(--line);padding-top:16px}.feature p{color:var(--muted);margin:0}.hardware{background:#e8f0ec}.hardware .wrap{display:grid;grid-template-columns:1fr 1fr;gap:36px}.hardware li{margin-bottom:9px}.video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:10px;background:#102f38}.video-wrap{width:min(680px,calc(100% - 36px));max-width:680px;margin-inline:auto}.video-wrap h2{font-size:clamp(1.65rem,3vw,2.1rem)}.contact{background:#102f38;color:#fff}.contact a{color:#a9efdb}.contact p{max-width:760px}.contact h2{margin-bottom:14px}footer{padding:26px 0;font-size:.85rem;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.page-title{padding:45px 0 0}.page-title h1{font-size:3rem}.excel-img{display:block;width:100%;max-width:800px;margin-inline:auto;height:auto;border:1px solid var(--line);border-radius:8px}.prose{max-width:820px}.prose h2{font-size:1.4rem;margin-top:30px}.page-title p{max-width:760px}@media(max-width:800px){.hero-grid,.hardware .wrap{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.hero{padding:42px 0}nav{align-items:flex-start}.navlinks{gap:12px}}@media(max-width:540px){nav{flex-direction:column;gap:9px}.grid,.features{grid-template-columns:1fr}.navlinks{gap:16px}section{padding:38px 0}.hero-grid{gap:25px}h1{font-size:2.7rem}}

.excel-page{width:min(840px,calc(100% - 36px));margin-inline:auto}

/* Excel examples use a compact page layout. */
.excel-page{padding-block:24px}.page-title:has(+ .excel-page){width:min(840px,calc(100% - 36px));padding-top:32px}.page-title:has(+ .excel-page) p{margin-bottom:0}.excel-page h2{font-size:clamp(1.5rem,3vw,1.9rem);margin-bottom:16px}