:root{--ink:#15252b;--ink2:#23383f;--muted:#62757b;--line:#dfe9e7;--soft:#f5f9f8;--soft2:#eaf5f2;--teal:#0fa58f;--teal2:#08796c;--teal3:#d9f2ed;--white:#fff;--shadow:0 24px 60px rgba(22,52,58,.13);--radius:24px;--radius-sm:16px}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:0 auto} .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal2)} .eyebrow:before{content:"";width:26px;height:2px;background:var(--teal);border-radius:2px} h1,h2,h3,p{margin-top:0} h1{font-size:clamp(44px,7vw,82px);line-height:.98;letter-spacing:-.055em;margin-bottom:28px;max-width:780px} h2{font-size:clamp(34px,4.5vw,56px);line-height:1.03;letter-spacing:-.045em;margin-bottom:18px} h3{font-size:21px;line-height:1.18;letter-spacing:-.025em;margin-bottom:10px} .lead{font-size:clamp(18px,2vw,22px);line-height:1.55;color:var(--muted);max-width:720px} .section{padding:106px 0} .section-soft{background:var(--soft)} .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center} .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,233,231,.8)} .nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px} .nav-logo{width:285px;line-height:0} .brand-logo{display:block;width:100%;height:auto} .nav-links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:650;color:#43565c} .nav-links a:hover{color:var(--teal2)} .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 22px;font-weight:800;font-size:14px;transition:.2s ease;border:1px solid transparent} .btn-primary{background:var(--ink);color:#fff;box-shadow:0 10px 24px rgba(21,37,43,.16)} .btn-primary:hover{transform:translateY(-1px);background:#0d171b} .btn-secondary{border-color:var(--line);background:#fff;color:var(--ink)} .btn-secondary:hover{border-color:#bdd7d1;background:#fbfdfd}
.hero{padding:78px 0 94px;overflow:hidden;background:radial-gradient(circle at 82% 12%,#e0f5f0 0,rgba(224,245,240,0) 36%),linear-gradient(#fff,#fbfdfc)} .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center} .hero p{font-size:20px;color:var(--muted);max-width:690px;margin-bottom:30px} .hero-actions{display:flex;gap:12px;flex-wrap:wrap} .hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:#4c6168;font-size:13px;font-weight:700} .proof-item{display:flex;align-items:center;gap:8px} .proof-dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}
.hero-visual{position:relative;min-height:610px} .photo-card{position:absolute;inset:18px 12px 78px 38px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:#243036} .photo-card img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.8) contrast(1.03)} .photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,56,50,.08),rgba(7,33,39,.22))} .phone{position:absolute;right:-8px;bottom:0;width:248px;background:#102127;border:7px solid #102127;border-radius:36px;box-shadow:0 30px 70px rgba(21,37,43,.28);overflow:hidden} .phone-top{height:24px;display:flex;align-items:center;justify-content:center;background:#102127} .notch{width:82px;height:7px;border-radius:99px;background:#26383d} .phone-screen{background:#f7fbfa;border-radius:28px;padding:16px;min-height:430px} .capture-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;margin-bottom:16px} .live{color:var(--teal2);background:#dff5ef;padding:5px 9px;border-radius:999px} .meter-shot{height:180px;border-radius:17px;background:linear-gradient(160deg,#363636,#111);position:relative;overflow:hidden;border:4px solid #d9e5e2} .meter-shot:before{content:"";position:absolute;left:17%;right:17%;top:34%;height:44px;border-radius:6px;background:#e9ebe8;box-shadow:inset 0 0 0 4px #8a9692} .meter-digits{position:absolute;top:72px;left:50%;transform:translateX(-50%);font:700 22px/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:#172327;color:#f6faf9;padding:7px 9px;border-radius:4px;letter-spacing:4px;z-index:2} .scan-corner{position:absolute;width:28px;height:28px;border-color:#26d4b8;border-style:solid;z-index:3} .sc1{left:9px;top:9px;border-width:3px 0 0 3px} .sc2{right:9px;top:9px;border-width:3px 3px 0 0} .sc3{left:9px;bottom:9px;border-width:0 0 3px 3px} .sc4{right:9px;bottom:9px;border-width:0 3px 3px 0} .confirm{margin-top:13px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:14px} .confirm-row{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-bottom:5px} .confirm strong{font-size:17px;color:var(--ink)} .status-ok{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;font-weight:800;color:var(--teal2)} .status-ok i{width:19px;height:19px;border-radius:50%;background:var(--teal);color:#fff;font-style:normal;text-align:center;line-height:19px}
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff} .strip-inner{display:flex;justify-content:center;gap:34px;padding:20px 0;flex-wrap:wrap;color:#5d7076;font-size:13px;font-weight:750} .strip-inner span{display:flex;align-items:center;gap:10px} .strip-inner b{color:var(--teal);font-size:18px}
.problem-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:44px} .problem-intro p{max-width:500px;color:var(--muted);font-size:17px} .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 35px rgba(35,62,67,.05)} .iconbox{width:48px;height:48px;border-radius:14px;background:var(--soft2);display:grid;place-items:center;margin-bottom:20px;color:var(--teal2);font-weight:900} .card p{color:var(--muted);margin-bottom:0} .danger{border-top:3px solid #d6e7e4} .danger .mini{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8b9a9e;font-weight:800;margin-bottom:9px}
.workflow{position:relative} .workflow:before{content:"";position:absolute;top:45px;left:11%;right:11%;height:2px;background:linear-gradient(90deg,#c9e7e1,#0fa58f,#c9e7e1);z-index:0} .step{position:relative;z-index:1;text-align:left} .step-num{width:54px;height:54px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:20px;border:7px solid #fff;box-shadow:0 0 0 1px var(--line)} .step p{font-size:14px;color:var(--muted)}
.feature-panel{border-radius:32px;background:#10272b;color:#fff;padding:54px;position:relative;overflow:hidden} .feature-panel:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;top:-150px;background:radial-gradient(circle,#1eb59f,rgba(30,181,159,0) 68%);opacity:.45} .feature-panel .eyebrow{color:#73decf} .feature-panel h2{max-width:600px} .feature-panel p{color:#bfd0cf;max-width:620px;font-size:17px} .rule-list{display:grid;gap:10px;margin-top:28px} .rule-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.045);font-size:14px} .rule-item .check{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#1bb79f;color:#fff;font-size:12px}
.formula-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 22px 48px rgba(0,0,0,.20);color:var(--ink);position:relative;z-index:2} .formula-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line);font-weight:850} .pill{font-size:11px;background:#e4f7f2;color:var(--teal2);padding:6px 9px;border-radius:999px} .formula-line{display:grid;grid-template-columns:1fr auto;gap:20px;padding:16px 0;border-bottom:1px solid #edf2f1;font-size:13px} .formula-line:last-child{border-bottom:0} .formula-line span{color:var(--muted)} .formula-line strong{font-variant-numeric:tabular-nums} .audit{margin-top:14px;padding:12px;border-radius:12px;background:#f2f8f6;color:var(--teal2);font-size:12px;font-weight:800}
.offline-demo{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)} .offline-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px} .cloud-off{width:58px;height:58px;border-radius:18px;background:#eef4f3;display:grid;place-items:center;font-size:26px} .offline-badge{background:#fff2da;color:#86621e;font-size:12px;font-weight:800;padding:7px 10px;border-radius:999px} .sync-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid var(--line)} .sync-dot{width:10px;height:10px;border-radius:50%;background:var(--teal)} .sync-meta{margin-left:auto;color:var(--muted);font-size:12px} .progress{height:7px;background:#e4eeec;border-radius:999px;overflow:hidden;margin-top:20px} .progress span{display:block;width:100%;height:100%;background:var(--teal)}
.excel-wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:38px;align-items:center} .excel-stack{position:relative;min-height:440px} .sheet{position:absolute;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 22px 60px rgba(31,60,65,.13);width:88%} .sheet.one{left:0;top:0;transform:rotate(-2deg)} .sheet.two{right:0;bottom:0;transform:rotate(2deg)} .sheet-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:13px;font-weight:850} .xl{width:28px;height:28px;border-radius:7px;background:#14804a;color:#fff;display:grid;place-items:center;font-weight:900} .tbl{width:100%;border-collapse:collapse;margin-top:14px;font-size:11px} .tbl th,.tbl td{border:1px solid #e4ecea;padding:8px;text-align:left;white-space:nowrap} .tbl th{background:#eef6f4;font-weight:800} .tbl td:nth-child(4){font-weight:800} .ready{display:flex;align-items:center;gap:10px;margin-top:22px;color:var(--teal2);font-weight:850}
.audit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px} .audit-card{padding:20px;border-radius:18px;background:var(--soft);border:1px solid var(--line)} .audit-card small{display:block;color:var(--muted);margin-bottom:7px} .audit-card strong{font-size:18px}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px} .compare-card{border-radius:28px;padding:34px;border:1px solid var(--line)} .compare-card.before{background:#fafcfc} .compare-card.after{background:#eaf8f5;border-color:#bfe5dc} .compare-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px} .compare-title span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:var(--muted)} .flow-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px} .flow-chip{font-size:12px;font-weight:780;padding:9px 11px;border:1px solid #d8e4e1;background:#fff;border-radius:999px} .arrow{color:#8ca09f} .after .flow-chip{border-color:#b5ded5} .after .arrow{color:var(--teal2)}
.cta{padding:100px 0;background:#10272b;color:#fff;overflow:hidden;position:relative} .cta:before{content:"";position:absolute;left:-100px;top:-180px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(15,165,143,.35),rgba(15,165,143,0) 70%)} .cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;position:relative} .cta p{color:#b8cbca;font-size:18px;max-width:650px} .demo-box{background:#fff;color:var(--ink);border-radius:26px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.22)} .demo-box label{display:block;font-size:12px;font-weight:800;color:#607278;margin-bottom:7px} .demo-box input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;outline:none} .demo-box input:focus{border-color:#77cdbf;box-shadow:0 0 0 3px #e2f5f0} .demo-box .btn{width:100%;margin-top:4px} .demo-note{font-size:11px!important;color:#7c8c91!important;margin:12px 0 0!important}
footer{background:#0c1b1f;color:#adc0c0;padding:36px 0} .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:40px} .footer-logo{width:250px;line-height:0} .footer-copy{font-size:12px;text-align:right} .footer-copy strong{color:#fff}
@media(max-width:980px){.nav-links a:not(.btn){display:none} .nav-logo{width:245px} .hero-grid,.grid-2,.excel-wrap,.cta-grid{grid-template-columns:1fr} .hero-visual{min-height:560px;max-width:690px} .grid-4{grid-template-columns:1fr 1fr} .grid-3{grid-template-columns:1fr} .workflow:before{display:none} .section{padding:82px 0} .problem-intro{align-items:start;flex-direction:column;gap:10px} .audit-grid{grid-template-columns:1fr 1fr} .compare{grid-template-columns:1fr} .cta-grid{gap:40px}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)} .nav{height:72px} .nav-logo{width:205px} .nav .btn{padding:11px 14px;font-size:12px} .hero{padding:54px 0 70px} h1{font-size:47px} h2{font-size:36px} .hero p{font-size:17px} .hero-visual{min-height:450px} .photo-card{inset:0 24px 55px 0} .phone{width:200px;right:-5px} .phone-screen{min-height:350px;padding:12px} .meter-shot{height:140px} .meter-digits{top:57px;font-size:17px} .grid-4,.audit-grid{grid-template-columns:1fr} .feature-panel{padding:34px 24px} .compare-card{padding:26px} .section{padding:70px 0} .footer-inner{align-items:flex-start;flex-direction:column} .footer-copy{text-align:left}}

/* Production additions (spec 40). Content shows with no script; the fade runs only when a script marks the page. */
.js .fade{opacity:0;transform:translateY(18px);transition:.65s ease} .js .fade.visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto} .js .fade{opacity:1;transform:none;transition:none} .btn{transition:none}}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
@media(max-width:640px){.nav-logo{width:160px}}
.demo-alt{font-size:12px!important;color:#607278!important;margin:12px 0 0!important} .demo-alt a{color:var(--teal2);text-decoration:underline}
.footer-copy a{color:#fff;text-decoration:underline}
@media(max-width:640px){.nav-links{gap:14px}}
/* Concept 3 logo sizes: the logo is cropped to its artwork, so it needs less width. */
.nav-logo{width:230px} .footer-logo{width:200px} .cta .brand-logo{max-width:420px}
@media(max-width:980px){.nav-logo{width:210px}}
@media(max-width:640px){.nav-logo{width:150px}}
/* Top bar: "Create an account" is the main action (Shaun, 2026-09-29). The nav gap is smaller between the two buttons. */
.nav-links .nav-demo{margin-right:-16px}
@media(max-width:640px){.nav-links .nav-demo{display:none}}
/* The call-to-action note and button (Shaun, 2026-09-29). */
.trial-note{margin:14px 0 0;font-size:14px;font-weight:700;color:var(--teal2)} .hero p.trial-note{font-size:14px;margin:14px 0 0}
.trial-note-dark{color:#73decf!important;font-size:14px!important;margin-top:12px!important}
.btn-trial{background:var(--teal);color:#0b2a26;box-shadow:0 10px 24px rgba(15,165,143,.25)} .btn-trial:hover{background:#12b9a1}
@media(max-width:640px){.nav-links .btn-primary{padding:11px 14px;font-size:12px}}
/* The tagline under each logo (Shaun, 2026-09-29). It is HTML text, so it stays readable at small sizes. */
.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;line-height:1.2}
.brand-tagline{font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.brand-tagline-dark{color:#5a6d73} .brand-tagline-light{color:#c8d7d5}
.nav-logo{width:235px} .footer-logo{width:215px} .footer-logo .brand-tagline{font-size:10.5px} .cta .brand-tagline{font-size:15px}
@media(max-width:980px){.nav-logo{width:225px}}
@media(max-width:640px){.nav-logo{width:200px} .brand-tagline{font-size:10px} .nav-links .btn-primary{white-space:nowrap}}
/* The DEV strip on the website (spec 45). This page does not load style.css. The body and the sticky header start below the strip. */
.env-strip{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:center;height:32px;padding:0 8px;background:#15252b;color:#fff;font:600 13px/1.3 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;text-align:center;white-space:nowrap}
:root:has(.env-strip) body{padding-top:32px} :root:has(.env-strip) header{top:32px}
@media(max-width:359px){.env-strip{font-size:12px}}
@media print{.env-strip{display:none}}

/* The Contact us button sits between Book a demo and Get free setup, and hides on a phone like Book a demo. */
.nav-links .nav-contact{margin-right:-16px}
@media(max-width:640px){.nav-links .nav-contact{display:none}}
@media(max-width:980px){.nav-links .btn{white-space:nowrap;padding:11px 14px;font-size:13px}}

/* Contact us pop-up (2026-10-02): Emma's details on the page, with a copy button. */
.contact-dialog{border:1px solid var(--line);border-radius:var(--radius-sm);padding:28px;max-width:min(420px,calc(100% - 32px));box-shadow:var(--shadow);color:var(--ink)}
.contact-dialog::backdrop{background:rgba(21,37,43,.45)}
.contact-dialog h3{margin-bottom:6px} .contact-lead{color:var(--muted);margin-bottom:14px}
.contact-email{font-size:18px;font-weight:700;margin-bottom:20px;overflow-wrap:anywhere} .contact-email a{color:var(--teal2);text-decoration:underline}
.contact-actions{display:flex;flex-wrap:wrap;gap:10px} .contact-copied{min-height:1.5em;margin:12px 0 0;font-size:14px;color:var(--teal2);font-weight:650}
.footer-contact a{text-decoration:underline}
/* Meet the team and Contact (Shaun, 2026-10-04, from transfer/Meet_the_Team_page Website.pdf and Contact Page LinkedIn.pdf). */
.accent{color:var(--teal)} .team-intro{padding-bottom:40px} .team-intro+.section{padding-top:24px}
.founder{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:center;margin-top:56px} .founder-flip{grid-template-columns:1fr 300px} .founder-flip .founder-photo{order:2} .founder-photo{position:relative;padding:0 14px 14px 0} .founder-photo:before{content:"";position:absolute;left:-12px;top:14px;right:12px;bottom:0;border-radius:22px;background:var(--teal)} .founder-flip .founder-photo{padding:0 0 14px 14px} .founder-photo-dark:before{left:12px;right:-12px;background:var(--ink)} .founder-photo img{position:relative;width:100%;height:auto;border-radius:20px} .founder-text h3{font-size:28px;margin-bottom:4px} .founder-role{color:var(--teal2);font-weight:700;font-size:15px;margin-bottom:14px} .founder-text>p:not(.founder-role){color:var(--muted);font-size:15px;line-height:1.7}
.sig-card{display:flex;align-items:center;gap:22px;max-width:600px;margin-top:20px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm)} .sig-logo{flex:none;width:190px} .sig-logo .brand-tagline{font-size:9px} .sig-details{display:flex;flex-direction:column;gap:2px;padding-left:22px;border-left:2px solid var(--line);font-size:12px;color:var(--ink);min-width:0} .sig-details strong{font-size:16px} .sig-role{color:var(--teal);font-weight:700;font-size:13px;margin-bottom:6px} .sig-details small{color:var(--muted);font-size:12px} .sig-details span{white-space:nowrap} .sig-details a{font-weight:600}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px} .person-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:12px} .person-head{display:flex;gap:20px;align-items:center;margin-bottom:6px} .person-photo{flex:none;width:84px;height:112px;object-fit:cover;border-radius:50%;border:3px solid var(--teal)} .person-photo-dark{border-color:var(--ink)} .person-head h3{font-size:24px;margin-bottom:2px} .person-head .founder-role{margin-bottom:6px} .person-note{margin:0;color:var(--muted);font-size:14px} .person-line{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:12px;background:var(--soft);font-weight:700;font-size:14px;overflow-wrap:anywhere} .person-line svg{flex:none;width:17px;height:17px;color:var(--teal2)} .person-line:hover{background:var(--soft2)}
.info-cards{margin-top:24px} .info-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:24px} .info-card h3{font-size:18px;margin-bottom:6px} .info-card p{margin:0;color:var(--muted);font-size:14px}
@media(max-width:980px){.founder,.founder-flip{grid-template-columns:1fr;gap:28px} .founder-flip .founder-photo{order:0} .founder-photo{max-width:300px} .contact-cards{grid-template-columns:1fr}}
@media(max-width:640px){.founder{margin-top:40px} .sig-card{flex-direction:column;align-items:flex-start} .sig-details{padding-left:0;border-left:0} .sig-details span{white-space:normal} .sig-details a{overflow-wrap:anywhere} .person-head{align-items:flex-start} .person-photo{width:66px;height:88px} .person-head h3{font-size:20px}}
/* The grouped tab bar (Emma's menu update, 2026-10-04). The seven tabs sit in one white bar.
   The tab of the section on screen is a teal pill. Below 1340 px a menu button shows the tabs.
   The "Pricing & Setup" tab (specs 56 and 57, first named "Free Setup") made the bar wider, so the tabs and the two buttons have less
   side padding, and the menu button now shows below 1340 px (it showed below 1240 px before).
   Spec 57: the label "Pricing & Setup" is longer. At 1340 px the header was 1.5 px too wide, so the
   tab padding from 1340 px is 8 px a side. The menu button breakpoint stays at 1340 px.
   The logo, the bar and the two buttons need 1300 px, so the header is wider than the page.
   From 1340 px the "Contact" tab shows, so the "Contact us" button hides. */
.nav{position:relative}
.nav-links a{white-space:nowrap}
.rmm-tabs{display:flex;gap:2px;padding:5px;background:#FFFFFF;border:1.5px solid #55B5A2;border-radius:999px}
.rmm-tabs a{padding:9px 15px;border-radius:999px;font-size:14px;font-weight:600;color:#3E4B52;text-decoration:none;white-space:nowrap;transition:background .15s ease}
.rmm-tabs a:hover{background:#E3F1EE;color:#19232C}
.rmm-tabs a:focus-visible{outline:2px solid #19232C;outline-offset:2px}
.rmm-tabs a.active{background:#55B5A2;color:#19232C;font-weight:700}
.rmm-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:999px;border:1.5px solid #55B5A2;background:#FFFFFF;color:#19232C;cursor:pointer}
.rmm-menu-btn svg{width:22px;height:22px}
.rmm-menu-btn:hover,.rmm-menu-btn[aria-expanded="true"]{background:#E3F1EE}
.rmm-menu-btn:focus-visible{outline:2px solid #19232C;outline-offset:2px}
@media(min-width:1340px){.nav.container{width:min(1320px,calc(100% - 40px));gap:20px} .nav-links{gap:18px} .nav-links .nav-contact{display:none} .rmm-tabs a{padding:9px 8px} .nav-logo{width:200px} .nav-links .btn{padding:12px 16px}}
@media(max-width:1339px){
  .rmm-tabs{display:none}
  .rmm-menu-btn{display:inline-flex}
  .rmm-tabs.open{display:flex;flex-direction:column;position:absolute;top:calc(100% + 6px);right:0;min-width:240px;border-radius:22px;box-shadow:var(--shadow);z-index:40}
  .rmm-tabs.open a{padding:12px 18px}
}
@media(max-width:640px){.nav{gap:12px}}
/* A phone has room for the logo, "Get free setup" and the menu button only if the logo is smaller. The tagline then wraps to two lines. */
@media(max-width:420px){.nav{gap:10px} .nav-logo{width:150px} .nav-logo .brand-tagline{white-space:normal} .nav-links{gap:8px} .rmm-menu-btn{width:40px;height:40px}}
@media (prefers-reduced-motion: reduce){.rmm-tabs a{transition:none}}

/* Spec 56: the announcement bar, the Pricing & Setup tab, the R0 badge, and the Pricing & Setup page.
   The two video sections use the footer navy. Amber tags use dark text, so they pass WCAG AA. */
.rmm-announce{background:linear-gradient(90deg,#066a5f,#098373);color:#fff;text-align:center;padding:11px 20px}
.rmm-announce p{margin:0;font-size:14px;line-height:1.5}
.rmm-announce strong{font-weight:800}
.rmm-announce a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.rmm-announce a:focus-visible{outline-color:#fff}
:root:has(.env-strip) .rmm-announce{margin-top:0}
.rmm-tabs a.rmm-tab-setup{color:var(--teal2);font-weight:700}
.rmm-tabs a.rmm-tab-setup.active{color:#19232C}
/* Spec 57: the FREE tag sits at the top right of the label, a little raised. It shows also when the tab is active. */
.rmm-tab-free{display:inline-block;position:relative;top:-7px;margin-left:3px;padding:0 5px;border-radius:999px;background:#f6b73c;color:#3d2600;font-size:9px;font-weight:800;letter-spacing:.04em;line-height:1.5;vertical-align:baseline}
.rmm-r0-badge{display:flex;align-items:center;gap:12px;max-width:560px;margin-top:22px;padding:12px 16px;background:#e6f6f1;border:1px solid var(--teal);border-radius:14px}
.rmm-r0-tag{flex:none;padding:5px 10px;border-radius:8px;background:var(--teal2);color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em}
.rmm-r0-text{color:#0a4f46;font-size:16px;font-weight:600;line-height:1.35}
.strip-inner span.rmm-r0-tick{padding:7px 14px 7px 10px;border-radius:999px;background:#e0f4ef;color:#0a4f46;font-weight:800}

/* The two video sections (Emma's video documents, 2026-10-06). */
.rmm-video-section,.rmm-guide-section{padding:100px 0;background:#0c1b1f;color:#bfd0cf}
.rmm-video-inner,.rmm-guide-inner{width:min(1180px,calc(100% - 40px));margin:0 auto;display:grid;align-items:center;justify-content:space-between;gap:40px}
.rmm-video-inner{grid-template-columns:40% 55%}
.rmm-guide-inner{grid-template-columns:55% 40%}
.rmm-video-text,.rmm-guide-text,.rmm-video-player,.rmm-guide-player{min-width:0}
.rmm-video-eyebrow,.rmm-guide-eyebrow{margin:0 0 14px;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.rmm-video-section h2,.rmm-guide-section h2{color:#fff;font-size:clamp(30px,3.6vw,46px);line-height:1.08;margin-bottom:18px}
.rmm-video-text>p,.rmm-guide-text>p{color:#bfd0cf;font-size:16px;line-height:1.6}
.rmm-guide-text strong{color:#fff}
.rmm-video-labels,.rmm-guide-labels{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.rmm-video-labels li,.rmm-guide-labels li{padding:5px 12px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;font-size:12px;font-weight:600}
.rmm-video-player,.rmm-guide-player{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.rmm-video-player video,.rmm-guide-player video{display:block;width:100%;height:100%;object-fit:cover}
.rmm-play{display:none;position:absolute;left:50%;top:50%;width:88px;height:88px;margin:-44px 0 0 -44px;padding:0;border:0;border-radius:50%;background:var(--teal2);color:#fff;box-shadow:0 0 0 10px rgba(255,255,255,.2),0 14px 34px rgba(0,0,0,.4);cursor:pointer;place-items:center;transition:transform .15s ease,background .15s ease}
.js .rmm-play{display:grid}
.js .rmm-play.rmm-play-hidden{display:none}
.rmm-play svg{width:38px;height:38px;margin-left:5px}
.rmm-play:hover{background:#0a8e7e;transform:scale(1.05)}
.rmm-play:focus-visible{outline:3px solid #fff;outline-offset:4px}
.rmm-guide-ticks{display:grid;gap:11px;margin:24px 0 0;padding:0;list-style:none}
.rmm-guide-ticks li{position:relative;padding-left:32px;color:#d7e3e2;font-size:15px;line-height:20px}
.rmm-guide-ticks li:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--teal2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5.5 10.5 3 3 6-6.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.rmm-guide-ticks strong{color:#fff}
.rmm-guide-button{margin-top:26px}
@media(max-width:900px){
  .rmm-video-section,.rmm-guide-section{padding:70px 0}
  .rmm-video-inner,.rmm-guide-inner{grid-template-columns:1fr;gap:34px}
  .rmm-guide-text{order:-1}
}
@media(max-width:640px){.rmm-video-inner,.rmm-guide-inner{width:min(100% - 28px,1180px)} .rmm-play{width:68px;height:68px;margin:-34px 0 0 -34px} .rmm-play svg{width:30px;height:30px}}
@media (prefers-reduced-motion: reduce){.rmm-play{transition:none}}

/* The Pricing & Setup page (specs 56 and 57, from Emma's documents and mock-up page 3). */
.rmm-setup-hero{padding:70px 0 90px;overflow:hidden;background:radial-gradient(circle at 20% 0,#e0f5f0 0,rgba(224,245,240,0) 45%),linear-gradient(#fff,#fbfdfc)}
.rmm-setup-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.rmm-setup-hero h1{font-size:clamp(38px,5.2vw,62px);margin:14px 0 24px;max-width:640px}
.rmm-setup-lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:580px;margin-bottom:28px}
.rmm-setup-offer{display:flex;align-items:center;gap:14px;max-width:580px;margin-top:26px;padding:14px 16px;background:#fff6e0;border:1px solid #f0d28a;border-radius:14px}
.rmm-setup-offer-tag{flex:none;padding:5px 10px;border-radius:6px;background:#f6b73c;color:#3d2600;font-size:11px;font-weight:800;letter-spacing:.08em}
.rmm-setup-offer-text{color:#5a3b00;font-size:15px;font-weight:700;line-height:1.35}
.rmm-setup-card{position:relative;overflow:hidden;padding:36px;border-radius:28px;background:#10272b;color:#fff;box-shadow:0 30px 70px rgba(16,39,43,.32)}
.rmm-setup-card:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:rgba(15,165,143,.22)}
.rmm-setup-card>*{position:relative;z-index:1}
.rmm-setup-card p{margin:0}
.rmm-setup-card-label{color:#73decf;font-size:12px;font-weight:800;letter-spacing:.16em}
.rmm-setup-card-figure{margin:8px 0 6px!important;font-size:76px;font-weight:800;line-height:1;letter-spacing:-.04em}
.rmm-setup-card-sub{color:#d5e3e2;font-size:16px;margin-bottom:22px!important}
.rmm-setup-ticks{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.rmm-setup-ticks li{display:flex;align-items:flex-start;gap:12px;color:#e6f0ef;font-size:15px;line-height:1.4}
.rmm-setup-ticks li:before{content:"✓";flex:none;display:grid;place-items:center;width:22px;height:22px;border:1.5px solid rgba(127,224,207,.55);border-radius:50%;color:#7fe0cf;font-size:12px;font-weight:800}
.rmm-setup-guarantee{display:flex;align-items:flex-start;gap:14px;margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15)}
.rmm-setup-shield{flex:none;width:32px;height:36px}
.rmm-setup-guarantee-title{color:#fff;font-size:17px;font-weight:800;line-height:1.3}
.rmm-setup-guarantee-line{margin-top:4px!important;color:#c7d6d5;font-size:14px;font-weight:400;line-height:1.5}
.rmm-setup-steps,.rmm-setup-pricing,.rmm-setup-qr,.rmm-setup-readings,.rmm-setup-faq{padding:90px 0}
/* Section backgrounds, in page order: steps grey, QR white, readings grey, pricing white, FAQ grey. */
.rmm-setup-steps,.rmm-setup-readings,.rmm-setup-faq{background:#f4f2ee}
.rmm-setup-close{padding:10px 0 90px}
.rmm-setup-steps h2,.rmm-setup-pricing h2,.rmm-setup-qr h2,.rmm-setup-readings h2,.rmm-setup-faq h2{font-size:clamp(30px,3.6vw,44px);margin:14px 0 34px}
.rmm-setup-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0;padding:0;list-style:none}
.rmm-setup-step{display:flex;flex-direction:column;align-items:flex-start;padding:26px;background:#fff;border:1px solid #e9e5de;border-radius:20px;box-shadow:0 10px 30px rgba(35,62,67,.06)}
.rmm-setup-step-num{display:grid;place-items:center;width:40px;height:40px;margin-bottom:18px;border-radius:50%;background:var(--teal2);color:#fff;font-weight:800}
.rmm-setup-step h3{font-size:20px}
.rmm-setup-step p{margin-bottom:18px;color:var(--muted);font-size:14px;line-height:1.55}
.rmm-setup-pill{display:inline-block;margin-top:auto;padding:4px 10px;border-radius:999px;background:#eceeed;color:#43565c;font-size:11px;font-weight:800;letter-spacing:.1em}
.rmm-setup-pill-teal{background:var(--teal3);color:#0a5c52}
.rmm-setup-price-grid,.rmm-setup-qr-grid,.rmm-setup-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.rmm-setup-price{padding:32px;background:#fff;border:1px solid var(--line);border-radius:24px}
.rmm-setup-price-hl{background:#effaf7;border:2px solid var(--teal);box-shadow:0 20px 50px rgba(15,165,143,.16)}
.rmm-setup-price-label{margin:0 0 14px;color:#4f6268;font-size:12px;font-weight:800;letter-spacing:.12em}
.rmm-setup-price-big{margin:0 0 20px;color:var(--muted);font-size:16px}
.rmm-setup-price-big strong{color:var(--ink);font-size:52px;font-weight:800;letter-spacing:-.04em;line-height:1}
.rmm-setup-price-rows{margin:0 0 20px}
.rmm-setup-price-rows div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.rmm-setup-price-rows dt{color:#4f6268}
.rmm-setup-price-rows dd{margin:0;font-weight:800;text-align:right;white-space:nowrap}
.rmm-setup-price-example{margin:0;padding:12px 14px;border-radius:12px;background:#f1f6f5;color:#4f6268;font-size:13px;line-height:1.5}
.rmm-setup-price-hl .rmm-setup-price-example{background:#e0f2ee}
.rmm-setup-nowrap{white-space:nowrap}
.rmm-setup-qr-card{padding:32px;background:#fff;border:1px solid var(--line);border-radius:24px}
.rmm-setup-qr-card h3{font-size:24px}
.rmm-setup-qr-card p{color:var(--muted);font-size:15px;line-height:1.6}
.rmm-setup-qr-dark{background:#10272b;border-color:#10272b}
.rmm-setup-qr-dark h3,.rmm-setup-qr-dark strong{color:#fff}
.rmm-setup-qr-dark p{color:#c7d6d5}
.rmm-setup-tag{display:inline-block;margin-bottom:16px;padding:4px 10px;border-radius:999px;background:var(--teal3);color:#0a5c52;font-size:11px;font-weight:800;letter-spacing:.1em}
.rmm-setup-tag-amber{background:rgba(246,183,60,.16);border:1px solid rgba(246,183,60,.55);color:#f6b73c}
.rmm-setup-areas{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.rmm-setup-areas li{padding:6px 12px;border:1px solid #bfe5dc;border-radius:999px;background:#effaf7;color:#0a5c52;font-size:12px;font-weight:700}
.rmm-setup-faq-grid{gap:18px}
.rmm-setup-faq-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px}
.rmm-setup-faq-card h3{font-size:17px}
.rmm-setup-faq-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}
.rmm-setup-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px 48px;border-radius:28px;background:#10272b;color:#fff}
.rmm-setup-banner h2{margin:0 0 10px;color:#fff;font-size:clamp(28px,3.4vw,40px)}
.rmm-setup-banner p{margin:0;color:#bfd0cf;font-size:16px;max-width:460px}
.rmm-setup-banner-actions{display:flex;flex-wrap:wrap;gap:12px}
.rmm-setup-white{background:#fff;color:var(--ink)}
.rmm-setup-white:hover{background:#eef6f4}
@media(max-width:980px){
  .rmm-setup-hero-grid{grid-template-columns:1fr;gap:40px}
  .rmm-setup-step-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .rmm-setup-price-grid,.rmm-setup-qr-grid,.rmm-setup-faq-grid{grid-template-columns:1fr}
  .rmm-setup-banner{flex-direction:column;align-items:flex-start;padding:34px 26px}
}
@media(max-width:640px){
  .rmm-setup-hero{padding:48px 0 60px}
  .rmm-setup-steps,.rmm-setup-pricing,.rmm-setup-qr,.rmm-setup-readings,.rmm-setup-faq{padding:64px 0}
  .rmm-setup-step-grid{grid-template-columns:1fr}
  .rmm-setup-card{padding:28px 22px}
  .rmm-setup-card-figure{font-size:64px}
  .rmm-setup-price,.rmm-setup-qr-card{padding:26px 22px}
  .rmm-setup-price-rows dd{white-space:normal}
  .rmm-setup-close{padding-bottom:64px}
}

/* Spec 57: the readings and billing section. The left card is about 60 percent wide, the right card 40 percent. */
.rmm-setup-readings h2{margin-bottom:18px}
.rmm-setup-readings-lead{max-width:760px;margin:0 0 34px;color:var(--muted);font-size:17px;line-height:1.6}
.rmm-setup-readings-grid{display:grid;grid-template-columns:3fr 2fr;gap:24px;align-items:stretch}
.rmm-setup-readings-card{min-width:0;padding:30px;background:#fff;border:2px solid var(--teal);border-radius:24px;box-shadow:0 20px 50px rgba(15,165,143,.16)}
.rmm-setup-readings-label{margin:0 0 10px;color:var(--teal2);font-size:12px;font-weight:800;letter-spacing:.14em}
.rmm-setup-readings-price{margin:0 0 14px;color:var(--muted);font-size:16px}
.rmm-setup-readings-price strong{color:var(--ink);font-size:52px;font-weight:800;letter-spacing:-.04em;line-height:1}
.rmm-setup-readings-text{margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.6}
.rmm-setup-sheet{border:1px solid #cfe3dd;border-radius:10px;overflow:hidden;background:#fff}
.rmm-setup-sheet-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#1d7a46;color:#fff;font-size:13px;font-weight:700}
.rmm-setup-sheet-icon{display:grid;place-items:center;flex:none;width:18px;height:18px;border-radius:3px;background:#fff;color:#1d7a46;font-size:12px;font-weight:900;line-height:1}
.rmm-setup-sheet-scroll{overflow-x:auto}
.rmm-setup-sheet-table{width:100%;border-collapse:collapse;font-size:12px}
.rmm-setup-sheet-table th,.rmm-setup-sheet-table td{padding:8px 10px;border-bottom:1px solid #e4ecea;text-align:left;white-space:nowrap}
.rmm-setup-sheet-table thead th{background:#eef6f4;color:#4f6268;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.rmm-setup-sheet-table tbody th{font-weight:800}
.rmm-setup-sheet-table tbody tr:last-child th,.rmm-setup-sheet-table tbody tr:last-child td{border-bottom:0}
.rmm-setup-num{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.rmm-setup-use{color:var(--teal2);font-weight:800}
.rmm-setup-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.rmm-setup-billing-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:30px;border-radius:24px;background:#10272b;color:#fff}
.rmm-setup-billing-label{margin:0 0 12px;color:#73decf;font-size:12px;font-weight:800;letter-spacing:.14em}
.rmm-setup-billing-card h3{margin-bottom:4px;color:#fff;font-size:28px}
.rmm-setup-billing-sub{margin:0 0 16px;color:#d5e3e2;font-size:16px;font-weight:700}
.rmm-setup-billing-text{margin:0 0 20px;color:#c7d6d5;font-size:15px;line-height:1.6}
.rmm-setup-billing-card .rmm-setup-ticks{margin-bottom:26px}
.rmm-setup-quote{margin-top:auto;border:0;background:var(--teal2);color:#fff;cursor:pointer}
.rmm-setup-quote:hover{background:#0a8e7e}
.rmm-setup-quote:focus-visible{outline:3px solid #fff;outline-offset:3px}
.rmm-setup-readings-note{margin:20px 0 0;color:var(--muted);font-size:14px}
@media(max-width:1100px){.rmm-setup-readings-grid{grid-template-columns:1fr}}
@media(max-width:640px){.rmm-setup-readings-card,.rmm-setup-billing-card{padding:24px 20px}}