/* Website preview: benefit-led presentation, preserving Radattest's visual language. */
[hidden]{display:none!important}
.nav-cta{gap:18px;white-space:nowrap}
.hero-benefits{height:auto;min-height:810px;max-height:none}
.hero-benefits .hero-media{left:42%;opacity:.28;pointer-events:none}
.hero-benefits .hero-shade{background:linear-gradient(90deg,#080e12 20%,rgba(8,14,18,.9) 48%,rgba(8,14,18,.4)),linear-gradient(0deg,#080e12,transparent 70%)}
.benefit-hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr 1fr;gap:7%;max-width:1600px;margin:auto;padding:175px 5% 116px;align-items:center}
.hero-benefits .hero-copy{padding:0;max-width:none}
.hero-benefits h1{font-size:clamp(62px,5.7vw,95px);line-height:1.01;letter-spacing:-.035em;margin:0 0 27px}
.hero-benefits h1 em{white-space:nowrap}
.hero-benefits .hero-description{max-width:480px;font-size:17px;line-height:1.65;margin-bottom:14px;color:#c4cfd3}
.hero-subline{color:#91a7ab;font-size:14px;margin:0 0 29px}
.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.text-link{font-size:13px;display:inline-flex;align-items:center;gap:18px;line-height:1.5;border-bottom:1px solid currentColor;padding-bottom:5px}
.text-link span{color:var(--teal)}
.hero-signature{color:#a6b6bc}
.benefit-preview{position:relative;background:linear-gradient(130deg,rgba(29,45,51,.97),rgba(13,24,30,.98));border:1px solid #53656b85;box-shadow:0 28px 90px #0005;min-width:0}
.preview-heading{display:flex;align-items:center;gap:14px;padding:18px 25px;border-bottom:1px solid #53656b60;font:9px var(--mono);letter-spacing:.13em;color:#aec2c9}
.preview-heading .tiny-mark{color:#cbd8dc}
.preview-spark{margin-left:auto;color:var(--teal);font-size:22px}
.benefit-tabs{display:flex;border-bottom:1px solid #53656b60}
.benefit-tabs button{flex:1;padding:17px 8px;border:0;border-bottom:2px solid transparent;background:transparent;color:#b0c1c5;font-size:13px}
.benefit-tabs button[aria-selected=true]{color:#e3eeee;background:#e0ffff07;border-bottom-color:var(--teal)}
.benefit-tabs button:hover{background:#e0ffff0d}
.benefit-panel{padding:29px 29px 0;min-height:365px}
.benefit-panel .mini-label{color:#83a9a7;margin-bottom:14px}
.benefit-panel h2{font:40px/1.06 var(--serif);letter-spacing:-.02em;margin-bottom:23px}
.mini-label{font:9px/1.7 var(--mono);letter-spacing:.11em;display:block}
.measurement-pair{display:flex;align-items:center;gap:27px;margin:23px 0}
.measurement-pair div{flex:1}
.measurement-pair div>span,.check-example span{display:block;font:8px/1.6 var(--mono);letter-spacing:.08em;color:#a7bdc2}
.measurement-pair strong{display:block;font:44px/1.35 var(--serif);color:#edf5f5}
.measurement-pair small{font:17px var(--sans);color:#9cb4b8}
.measurement-arrow{color:var(--teal);font:23px var(--serif)}
.example-result{background:#cde6e80a;border-left:2px solid #3cb8a5;padding:15px 17px}
.example-result>span{font:8px/1.6 var(--mono);letter-spacing:.1em;color:#8baeb3}
.example-result p{font-size:14px;line-height:1.65;margin:8px 0 0;color:#e3ecee}
.benefit-footnote{font-size:11px;line-height:1.65;color:#a9bec3;margin:18px 0 0}
.illustration-label{font:8px/1.7 var(--mono);letter-spacing:.06em;color:#8ca4ac;padding:19px 29px 21px;margin:0}
.check-example{display:grid;gap:13px;margin-bottom:21px}
.check-example p{font-size:16px;margin:6px 0 0;color:#e5eeef}
.check-example mark{color:#ffcba7;background:#cfa36e18;border-bottom:1px solid #cfa36e;padding:1px 4px}
.example-alert{border-left-color:#e2ae81}
.benefit-story,.autofill-story{padding:95px 5% 90px;background:var(--paper);color:var(--ink)}
.benefit-story-head,.autofill-head{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:end;margin-bottom:48px}
.benefit-story h2,.autofill-story h2,.reading-choice h2,.demo-agenda h2{font:clamp(43px,4.4vw,70px)/1.03 var(--serif);letter-spacing:-.025em;margin-bottom:0}
.benefit-story h2 em,.autofill-story h2 em,.demo-agenda h2 em{color:#087c6e}
.benefit-story-head>p,.autofill-head>p{font-size:17px;line-height:1.7;color:#4f606b;margin:0;max-width:440px}
.benefit-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.benefit-columns article{border-top:1px solid #acbcc3;padding-top:25px;display:flex;flex-direction:column;align-items:start}
.benefit-columns .feature-number{color:#52786f;font-size:9px;margin-bottom:21px}
.benefit-columns h3{font:34px/1.08 var(--serif);letter-spacing:-.02em;margin-bottom:20px}
.benefit-columns p{font-size:15px;line-height:1.75;color:#4c5d67;margin-bottom:26px}
.benefit-columns .text-link{margin-top:auto}
.benefit-columns .text-link span{color:#087c6e}
.reporting-options{border-top:1px solid #a9bac2;border-bottom:1px solid #a9bac2;margin-top:50px}
.reporting-options summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:15px;list-style:none}
.reporting-options summary::-webkit-details-marker{display:none}
.reporting-options summary span{font-size:24px;color:#087c6e}
.reporting-options[open] summary span{transform:rotate(45deg)}
.reporting-options .cap-grid{padding:20px 0 30px}
.practice-questions{margin-top:30px}
.practice-questions>div{border-top:1px solid #afbec5;padding:18px 0 5px}
.practice-questions span{font:8px var(--mono);letter-spacing:.1em;color:#47796e}
.practice-questions h3{font:22px var(--serif);margin:8px 0}
.practice-questions p{font-size:13px;line-height:1.7;color:#526571}
.reading-choice{background:#102127;padding:95px 5%;position:relative}
.reading-choice-head{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:end;margin-bottom:50px}
.reading-choice-head p:not(.eyebrow){font-size:17px;line-height:1.7;color:#b4c8ce;max-width:430px}
.package-choices{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.package-choices article{padding:30px;border:1px solid #648c8f60;background:#d6f2ff03}
.package-choices .mini-label{color:#85b8b0;margin-bottom:18px}
.package-choices h3{font:35px var(--serif);margin-bottom:14px}
.package-choices p{font-size:15px;line-height:1.7;color:#b4c8ce;max-width:420px}
.scope-note{font-size:12px!important;line-height:1.75!important;color:#9cb5bd!important;margin-top:23px;max-width:800px}
.demo-agenda{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#cddbdc;color:var(--ink);padding:85px 5%}
.demo-agenda>div>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#4b6069;max-width:380px;margin:25px 0}
.demo-agenda .primary{background:#102127;color:#edf5f6}
.demo-agenda ol{list-style:none;padding:0;margin:0}
.demo-agenda li{display:flex;gap:25px;border-top:1px solid #9db3b7;padding:23px 0}
.demo-agenda li>span{font:10px var(--mono);color:#4e7771;padding-top:6px}
.demo-agenda h3{font:25px/1.2 var(--serif);margin-bottom:8px}
.demo-agenda li p{font-size:14px;line-height:1.65;color:#4b6069;margin:0}
.autofill-story{background:#eaf0f0;border-bottom:1px solid #c8d5d8}
.input-methods{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}
.input-methods span{border:1px solid #b5c9cc;padding:9px 12px;font:10px var(--mono);color:#38635d}
.autofill-demo{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;border:1px solid #adbdc1;background:#f4f7f7}
.autofill-source{padding:32px;border-right:1px solid #bdcbcf}
.autofill-source .mini-label,.autofill-result .mini-label{color:#4c736d}
.autofill-source h3,.autofill-result h3{font:29px var(--serif);margin:14px 0 23px}
.measurement-rows{margin:0}
.measurement-rows>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid #ced9dc;font-size:13px}
.measurement-rows dt{color:#577078}.measurement-rows dd{margin:0;color:#1b3b40}
.autofill-result{padding:32px}
.autofill-result blockquote{margin:15px 0 25px;padding:0 0 0 20px;border-left:2px solid #118473;font:24px/1.35 var(--serif)}
.guideline-note{border-top:1px solid #bdcbcf;padding-top:21px}
.guideline-note h4{font-size:14px;margin:9px 0;color:#1c4944}
.guideline-note p{font-size:13px;line-height:1.75;color:#4d6670;margin:0}
.autofill-story .illustration-label{padding:14px 0 0;color:#58717a}
.speech-proof{padding:42px 5%;background:#16302f;color:#e7f2ef;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.speech-proof h2{font:40px/1.1 var(--serif);margin:0}
.speech-proof p{font-size:15px;line-height:1.75;color:#b8d1cc;margin:0}
.speech-proof .eyebrow{color:#95beb3;margin-bottom:17px}
#enquiry-form select{width:100%;font:15px var(--sans);border:0;border-bottom:1px solid #9fb2bb;padding:14px 0;background:transparent;border-radius:0;color:var(--ink)}
#enquiry-form input:focus-visible,#enquiry-form textarea:focus-visible,#enquiry-form select:focus-visible{outline:2px solid #087c6e;outline-offset:4px}
#enquiry-form button:disabled{cursor:wait;opacity:.65;transform:none}
#form-status{max-width:100%;font-size:14px;color:#126355;margin-top:20px}
#form-status[data-error=true]{color:#933f29}
#contact-privacy{max-width:100%;margin:0 0 22px}
.preview-note{border:1px solid #89aaa3;padding:13px 16px;margin-bottom:25px;background:#fff5;color:#24564e;font-size:13px;line-height:1.7}
@media(min-width:1500px){.benefit-hero-grid{padding-top:190px;padding-bottom:145px}.hero-benefits{min-height:880px}.benefit-panel{min-height:375px}.benefit-panel h2{font-size:46px}}
@media(max-width:1100px){.benefit-hero-grid{gap:4%;padding-top:160px}.hero-benefits h1{font-size:61px}.hero-benefits h1 em{white-space:normal}.benefit-panel{padding:25px 22px 0}.benefit-panel h2{font-size:35px}.measurement-pair{gap:17px}.benefit-columns{gap:25px}.nav nav{gap:10px;font-size:10px}.nav-cta{padding:12px;font-size:12px}}
@media(max-width:800px){.benefit-hero-grid{grid-template-columns:1fr;gap:42px;padding:165px 6% 110px}.hero-benefits .hero-description{max-width:560px}.hero-benefits h1{font-size:72px}.hero-benefits h1 em{white-space:nowrap}.benefit-preview{max-width:600px;width:100%}.hero-benefits .hero-media{left:0;opacity:.16}.benefit-panel{min-height:340px}.benefit-panel h2{font-size:40px}.benefit-story-head,.autofill-head{grid-template-columns:1fr;gap:24px}.benefit-story-head>p,.autofill-head>p{max-width:600px}.benefit-columns{grid-template-columns:1fr}.benefit-columns h3 br{display:none}.benefit-columns article{padding-bottom:10px}.benefit-columns p{max-width:600px}.reading-choice-head,.demo-agenda{grid-template-columns:1fr;gap:35px}.reading-choice-head p:not(.eyebrow){max-width:600px}.autofill-demo{grid-template-columns:1fr}.autofill-source{border-right:0;border-bottom:1px solid #bdcbcf}.speech-proof{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.hero-benefits h1{font-size:clamp(43px,10.6vw,63px)}.hero-benefits .hero-description{font-size:16px}.hero-actions{gap:23px}.hero-actions .text-link{font-size:12px}.hero-foot{left:6%;right:6%}.hero-signature{display:none}.hero-benefits .hero-foot .platforms{display:block}.benefit-panel{min-height:352px}.benefit-panel h2{font-size:36px}.measurement-pair strong{font-size:41px}.preview-heading{padding:15px 20px;font-size:8px}.benefit-tabs button{font-size:12px}.benefit-story,.autofill-story,.reading-choice,.demo-agenda{padding:64px 6%}.benefit-story h2,.autofill-story h2,.reading-choice h2,.demo-agenda h2{font-size:43px}.benefit-story-head,.autofill-head{margin-bottom:34px}.package-choices{grid-template-columns:1fr}.package-choices article{padding:25px}.autofill-source,.autofill-result{padding:25px}.speech-proof{padding:40px 6%}.speech-proof h2{font-size:35px}.nav .brand img{width:150px}.nav-cta{font-size:11px;padding:11px;gap:9px}.nav nav{font-size:9px;gap:6px}.input-methods span{font-size:9px}.hero-benefits{min-height:0}}
@media(prefers-reduced-motion:reduce){.hero-benefits .hero-media video{display:none}.hero-benefits .hero-media{background:url('/assets/hero-poster.jpg') center/cover}.hero-benefits .hero-copy>*{animation:none}}

.hero-benefits .hero-copy>*{animation:none!important;opacity:1!important}
.know-copy,.dash{min-width:0}
@media(max-width:1100px){.know{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.dash-top .tabs{display:none}.dash-row{grid-template-columns:minmax(0,1.2fr) .6fr 1fr .7fr}.dash-kpis em{line-height:1.6}}

/* Viewer and personal preferences: product benefits with synthetic schematics. */
.hero-benefits h1{font-size:clamp(54px,4.8vw,81px);line-height:1.04}
.hero-benefits h1>span,.hero-benefits h1>em{display:block}
.hero-benefits h1>em{white-space:normal;margin-top:12px}
.hero-benefits .benefit-hero-grid{gap:5%;padding-bottom:108px}
.benefit-panel:has(.hang-diagram){padding-bottom:0}
.hang-diagram{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#3f5e6380;border:1px solid #3f5e6380}
.hang-pane{min-width:0;padding:17px 18px 14px;background:#11232b}
.hang-pane>span{display:block;color:#d9e5e7;font:10px/1.5 var(--mono);letter-spacing:.04em}
.hang-pane>small{display:block;color:#7fa6aa;font:8px/1.5 var(--mono);letter-spacing:.05em}
.hang-pane svg{display:block;width:100%;height:115px;fill:none;stroke:#8cb0b4;stroke-width:.7;margin:8px 0}
.hang-pane svg path:first-child{fill:#b3d0d00a}
.hang-pane svg .guide{stroke:#4d877e;stroke-dasharray:3 5}
.hang-pane:nth-child(2) svg{transform:rotate(90deg) scale(.85)}
.hang-pane:nth-child(3) svg{transform:rotate(20deg) scale(.92)}
.hang-pane:nth-child(4) svg{transform:rotate(-15deg) scale(.86)}
.compact{margin:22px 0}
.compact .hang-pane{padding:11px 12px}
.compact .hang-pane>span{font-size:8px}
.compact .hang-pane>small{display:none}
.compact .hang-pane svg{height:48px;margin:5px 0 0}
.viewer-story{background:#102127;color:#e8f1f2;padding:90px 5% 72px;border-top:1px solid #a1c0c51f}
.viewer-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:end;margin-bottom:45px}
.viewer-intro h2,.personal-rules h2,.viewer-detail-heading h2,.viewer-demo-cta h2{font:clamp(43px,4.4vw,70px)/1.04 var(--serif);letter-spacing:-.025em;margin:0}
.viewer-intro>p{font-size:17px;line-height:1.75;color:#b5cbd0;margin:0;max-width:480px}
.hang-showcase{display:grid;grid-template-columns:.95fr 1.05fr;border-top:1px solid #5e83864d;border-bottom:1px solid #5e83864d}
.hang-copy{padding:42px 11% 40px 0}
.hang-copy>.mini-label{color:#85c4b8;margin-bottom:22px}
.hang-copy h3{font:40px/1.12 var(--serif);margin:0 0 24px}
.hang-copy p{font-size:15px;line-height:1.75;color:#b4cbd0;margin:0 0 20px;max-width:445px}
.hang-copy p strong{font-weight:550;color:#e0eeee}
.hang-copy .text-link{margin-top:7px}
.hang-example{margin:0;padding:31px 0 29px 8%;border-left:1px solid #5e83864d}
.hang-example-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px/1.7 var(--mono);letter-spacing:.06em;margin-bottom:16px;color:#adc8ca}
.saved-mark{color:#9ed9bf;white-space:nowrap}
.hang-example figcaption{padding-top:20px}
.hang-example figcaption strong{font:16px/1.6 var(--sans);font-weight:450;color:#d3e5e7;display:block}
.hang-example figcaption>span{display:block;font:8px/1.8 var(--mono);color:#83a5ae;margin-top:10px;letter-spacing:.04em}
.viewer-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:40px 0}
.viewer-benefits .feature-number{color:#88b5b0;font:9px/1.7 var(--mono);letter-spacing:.04em}
.viewer-benefits h3{font:30px/1.15 var(--serif);margin:17px 0 15px}
.viewer-benefits p{color:#adc4cc;font-size:14px;line-height:1.75;margin:0}
.viewer-more{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #5e83864d;padding-top:25px}
.viewer-more p{font-size:14px;line-height:1.8;color:#b4cbd0;max-width:690px;margin:0}
.viewer-more p strong{display:block;color:#e1eeee;font-size:17px;font-weight:450}
.viewer-more .text-link{white-space:nowrap}
.viewer-scope{font-size:11px;line-height:1.7;color:#98b4be;margin:20px 0 0}
.personal-rules{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;background:#d6e3df;color:var(--ink);padding:80px 5%;align-items:center}
.personal-rules h2 em,.viewer-detail-heading h2 em{color:#087c6e}
.rules-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#4a6269;margin:26px 0;max-width:490px}
.rule-example{border:1px solid #9db7b1;padding:31px;background:#eff5f166}
.rule-example>.mini-label{color:#416c65}
.rule-words{display:flex;flex-direction:column;gap:14px;padding:24px 0 30px;font:32px/1.1 var(--serif)}
.rule-words>span{color:#3e615a}
.rule-words>b{font:22px var(--sans);color:#3b8475}
.rule-words>strong{font-weight:400;color:#163c38}
.rule-reuse{border-top:1px solid #9ebdb5;padding-top:21px}
.rule-reuse span{font:9px/1.6 var(--mono);letter-spacing:.07em;color:#206858}
.rule-reuse p{font-size:14px;line-height:1.6;margin:9px 0 0;color:#3e615a}
.rule-example .illustration-label{padding:20px 0 0;font-size:8px;color:#5e7e74}
.viewer-mast{padding:180px 6% 90px;background:radial-gradient(ellipse at 82% 10%,#244b4b 0,transparent 55%),#0d1b22}
.viewer-mast h1{font:clamp(56px,6.5vw,100px)/1.03 var(--serif);letter-spacing:-.03em;margin:20px 0 28px;max-width:1100px}
.viewer-mast>p:not(.eyebrow){max-width:620px;color:#b9cdd2;font-size:18px;line-height:1.75;margin-bottom:30px}
.viewer-detail-tools{background:var(--paper);color:var(--ink);padding:90px 6%}
.viewer-detail-heading>p:last-child{font-size:17px;line-height:1.75;color:#506770;max-width:620px;margin:25px 0 45px}
.viewer-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 8%}
.viewer-tool-grid article{border-top:1px solid #adbfc3;padding-top:25px}
.viewer-tool-grid .mini-label{color:#527d72}
.viewer-tool-grid h3{font:34px/1.2 var(--serif);margin:17px 0}
.viewer-tool-grid p{font-size:15px;line-height:1.8;color:#4c646f;max-width:470px}
.viewer-detail-note{font-size:12px;line-height:1.75;color:#506770;margin-top:35px;max-width:750px}
.viewer-demo-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;background:#15302f;padding:80px 6%}
.viewer-demo-cta p:not(.eyebrow){font-size:16px;line-height:1.8;color:#b4cfca;max-width:620px;margin:25px 0 0}
.viewer-demo-cta .button{flex-shrink:0}
.nav nav a[href="/viewer"]{opacity:1}
@media(max-width:1100px){.hero-benefits h1{font-size:56px}.viewer-intro{gap:6%}.hang-copy h3{font-size:34px}.viewer-benefits{gap:25px}.personal-rules{gap:7%}.nav nav{gap:10px;font-size:10px}.viewer-demo-cta{align-items:start;flex-direction:column}}
@media(max-width:800px){.hero-benefits h1{font-size:70px}.viewer-intro,.hang-showcase,.personal-rules{grid-template-columns:1fr}.viewer-intro{gap:26px}.viewer-intro>p{max-width:600px}.hang-copy{padding:32px 0}.hang-copy p{max-width:600px}.hang-example{border-left:0;border-top:1px solid #5e83864d;padding:28px 0}.hang-pane svg{height:110px}.viewer-benefits{grid-template-columns:1fr;gap:30px}.viewer-benefits article{max-width:600px}.viewer-more{align-items:start;flex-direction:column;gap:22px}.personal-rules{gap:35px}.rule-example{max-width:560px}.viewer-tool-grid{grid-template-columns:1fr}.viewer-mast{padding-top:180px}}
@media(max-width:600px){.hero-benefits h1{font-size:clamp(37px,9.4vw,56px)}.hero-benefits h1>em{margin-top:14px}.hero-benefits .benefit-hero-grid{padding-bottom:95px}.benefit-tabs button{font-size:11px;padding-inline:3px}.benefit-panel:has(.hang-diagram){padding-inline:20px}.compact .hang-pane>span{font-size:7px}.viewer-story,.personal-rules,.viewer-detail-tools,.viewer-demo-cta{padding:60px 6%}.viewer-intro h2,.personal-rules h2,.viewer-detail-heading h2,.viewer-demo-cta h2{font-size:43px}.viewer-intro{margin-bottom:30px}.hang-copy h3{font-size:34px}.hang-example-top{font-size:7px;gap:8px}.hang-pane{padding:12px 10px}.hang-pane>span{font-size:8px}.hang-pane>small{font-size:7px}.hang-pane svg{height:82px}.hang-example figcaption strong{font-size:14px}.viewer-benefits{padding:30px 0}.rule-example{padding:25px}.rule-words{font-size:30px}.viewer-mast h1{font-size:clamp(43px,10.5vw,63px)}.viewer-mast>p:not(.eyebrow){font-size:16px}.nav nav{font-size:9px;gap:10px}.viewer-tool-grid h3{font-size:30px}}

@media(max-width:360px){.nav .brand img{width:125px}.nav-cta{gap:6px;padding:10px;font-size:10px}}

/* Personal rules express terminology and placement preferences. */
.rule-words small{display:block;font:8px/1.6 var(--mono);letter-spacing:.08em;color:#52766d;margin-bottom:9px}
.rule-words{gap:12px;padding-top:23px;padding-bottom:23px}
.routing-example{border-top:1px solid #9ebdb5;margin-top:24px;padding-top:22px}
.routing-example .mini-label{color:#416c65}
.routing-example p{display:flex;flex-direction:column;gap:10px;margin:16px 0;font:27px/1.2 var(--serif);color:#163c38}
.routing-example b{font:20px var(--sans);color:#3b8475}
.routing-example strong{font:12px/1.6 var(--mono);letter-spacing:.1em;font-weight:400}
.routing-example>small{font-size:12px;line-height:1.7;color:#4a6b62}
.measurement-method-note{font-size:15px;line-height:1.8;color:#4d6670;max-width:850px;margin:-5px 0 30px}
.measurement-method-note strong{color:#1c4944;font-weight:550}
@media(max-width:600px){.rule-words{font-size:29px}.routing-example p{font-size:25px}.rule-reuse span{font-size:8px}.measurement-method-note{font-size:14px}}

/* Give Advanced Metrics equal billing in the product selection. */
.product-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-choices article{min-width:0;display:flex;flex-direction:column;align-items:start}
.product-choices .text-link{margin-top:auto}
.metrics-product-intro{font-size:16px;line-height:1.8;color:#506770;max-width:440px;margin:24px 0}
@media(max-width:1000px){.product-choices{grid-template-columns:1fr}.product-choices p{max-width:600px}}

/* Advanced Metrics: lead with group and owner decisions, then individual and facility views. */
.metrics-mast h1{font-size:clamp(60px,6.2vw,96px);line-height:1.04}
.metrics-mast .mast-desc{max-width:710px}
.metrics-jump{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:30px}
.metrics-jump a{font-size:13px;border-bottom:1px solid #75a59a;padding-bottom:6px}
.metrics-owner{padding:90px 6%;background:var(--paper);color:var(--ink)}
.metrics-owner-head{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:end;margin-bottom:45px}
.metrics-owner h2,.metrics-audiences h2{font:clamp(43px,4.4vw,70px)/1.05 var(--serif);letter-spacing:-.025em;margin:0}
.metrics-owner h2 em,.metrics-audiences h2 em{color:#087c6e}
.metrics-owner-head>p{font-size:17px;line-height:1.8;color:#506770;margin:0}
.metrics-owner-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:start}
.owner-decisions article{border-top:1px solid #a8bec1;padding:24px 0}
.owner-decisions .mini-label{color:#4f786e}
.owner-decisions h3{font:31px/1.15 var(--serif);margin:13px 0}
.owner-decisions p{font-size:15px;line-height:1.8;color:#4c646f;margin:0;max-width:530px}
.metrics-value-map{margin:0;background:#132b30;padding:30px;color:#d9e8e7;border:1px solid #5f7a7b}
.metrics-value-map figcaption{font:9px/1.8 var(--mono);letter-spacing:.1em;color:#9bc4bb;margin-bottom:25px}
.metrics-source{border:1px solid #6d8e8f70;background:#cce6e605;padding:22px}
.metrics-source>span,.metrics-output>span{font:8px/1.7 var(--mono);letter-spacing:.08em;color:#91bfb5}
.metrics-source h3{font:30px/1.15 var(--serif);margin:15px 0}
.metrics-source p{font-size:13px;line-height:1.9;color:#bdd2d3;margin:0}
.metrics-plus,.metrics-flow{text-align:center;color:#82bbad;font:30px/1.5 var(--serif);padding:4px 0}
.metrics-output{background:#cae1d9;color:#153d36;padding:24px}
.metrics-output>span{color:#416c5f}
.metrics-output h3{font:34px/1.08 var(--serif);margin:14px 0}
.metrics-output p{font-size:13px;line-height:1.8;margin:0;color:#3c625b}
.metrics-map-note{font:8px/1.8 var(--mono);color:#99b7b7;margin:23px 0 0;letter-spacing:.04em}
.metrics-delivery .section-heading h2{font-size:clamp(43px,4.4vw,70px)}
.metrics-audiences{display:grid;grid-template-columns:1fr 1fr;gap:40px 8%;padding:90px 6%;background:#d7e3df;color:var(--ink)}
.metrics-audiences article{min-width:0}
.metrics-audiences h2{font-size:clamp(40px,3.8vw,58px)}
.metrics-audiences article>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#4c6467;max-width:510px;margin:25px 0}
.metrics-audiences dl{margin:30px 0}
.metrics-audiences dl>div{border-top:1px solid #a5bbb4;padding:18px 0}
.metrics-audiences dt{font:24px/1.3 var(--serif);color:#234b42}
.metrics-audiences dd{margin:8px 0 0;font-size:14px;line-height:1.8;color:#4b6563}
.metrics-sharing{grid-column:1/-1;border-top:1px solid #a5bbb4;padding-top:23px;font-size:12px;line-height:1.8;color:#506e66;margin:0}
@media(max-width:900px){.metrics-owner-head,.metrics-owner-grid,.metrics-audiences{grid-template-columns:1fr}.metrics-owner-head{gap:25px}.metrics-owner-grid{gap:30px}.metrics-value-map{max-width:600px;width:100%}.metrics-audiences{gap:55px}.metrics-audiences article>p:not(.eyebrow){max-width:650px}}
@media(max-width:600px){.metrics-mast h1{font-size:clamp(43px,10.5vw,63px)}.metrics-owner,.metrics-audiences{padding:60px 6%}.metrics-owner h2{font-size:43px}.metrics-owner-head{margin-bottom:30px}.metrics-owner-head>p{font-size:16px}.metrics-value-map{padding:23px}.metrics-source{padding:20px}.metrics-source h3{font-size:27px}.metrics-output{padding:20px}.metrics-output h3{font-size:31px}.metrics-audiences h2{font-size:40px}.metrics-jump{gap:15px 20px}.metrics-jump a{font-size:12px}}
