/* Laboratory-service direction: analytical evidence leads; packaging shows its application. */
:root {
  --mineral: #f0f4f7;
  --paper: #fbfcfd;
  --petrol: #123f52;
  --ink: #173044;
  --peach: #b4ece8;
  --muted: #536b7a;
  --line: #d0dde6;
  --display: "Manrope",sans-serif;
  --body: "DM Sans",sans-serif;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 30px;
}
body {
  margin: 0;
  color: var(--ink);
  background: var(--mineral);
  font: 17px/1.6 var(--body);
}
h1 {
  margin: 0;
  font-family: var(--display);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -.055em;
}
h2 {
  margin: 0;
  font-family: var(--display);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -.055em;
}
h3 {
  margin: 0;
  font-family: var(--display);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -.055em;
}
p {
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
button {
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
select {
  font: inherit;
  -webkit-tap-highlight-color: transparent;
}
summary {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
a:focus-visible {
  outline: 3px solid #b26c38;
  outline-offset: 5px;
}
button:focus-visible {
  outline: 3px solid #b26c38;
  outline-offset: 5px;
}
select:focus-visible {
  outline: 3px solid #b26c38;
  outline-offset: 5px;
}
summary:focus-visible {
  outline: 3px solid #b26c38;
  outline-offset: 5px;
}
.wrap {
  width: min(1320px,calc(100% - 96px));
  margin: auto;
}
.skip {
  position: fixed;
  left: 20px;
  top: -100px;
  z-index: 20;
  background: var(--paper);
  padding: 12px;
}
.skip:focus {
  top: 15px;
}
.masthead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 29px 0;
}
.wordmark {
  font: 800 21px var(--display);
  letter-spacing: -.055em;
  display: flex;
  align-items: center;
  gap: 9px;
}
.brand-symbol {
  width: 29px;
  height: 29px;
}
.nav {
  display: flex;
  align-items: center;
  gap: 32px;
  font-size: 14px;
}
.nav a {
  border-bottom: 1px solid currentColor;
}
.nav span {
  font-size: 12px;
  color: var(--muted);
}
.hero {
  padding: 65px 0 0;
  padding-top: 42px;
  background: #102c3c;
  color: #f4f8fb;
}
.actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 30px;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  padding: 15px 23px;
  border: 0;
  border-radius: 5px;
  background: var(--petrol);
  color: var(--paper);
  font-size: 14px;
  font-weight: 600;
}
.button:hover {
  background: #103a3e;
}
.text-link {
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.availability {
  font-size: 12px !important;
  max-width: 43ch !important;
  margin-top: 19px !important;
}
.showcase {
  height: 620px;
  position: relative;
  isolation: isolate;
  margin: 0;
  max-width: none;
  width: 100%;
  background: #e0e6dd;
  border-radius: 12px;
  overflow: hidden;
}
.phone {
  position: absolute;
  right: 5%;
  top: 42px;
  width: 285px;
  height: 535px;
  background: linear-gradient(110deg,#24332f,#43534f 25%,#152420 70%);
  border-radius: 39px;
  padding: 9px;
  transform: rotate(0deg);
  box-shadow: 8px 15px 0 -7px #70807b,15px 26px 30px -14px #18332c66;
  z-index: 4;
  border: 2px solid #8c9795;
}
.phone::after {
  content: "";
  position: absolute;
  bottom: 16px;
  left: 35%;
  width: 30%;
  height: 4px;
  background: #344c43;
  border-radius: 10px;
}
.phone-screen {
  height: 100%;
  background: #fbfcf8;
  border-radius: 29px;
  overflow: hidden;
  padding: 12px 16px;
  color: var(--ink);
}
.phone-status {
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  height: 28px;
}
.phone-island {
  width: 71px;
  height: 18px;
  border-radius: 15px;
  background: #253a37;
  margin-top: -4px;
}
.phone-url {
  font-size: 8px;
  text-align: center;
  color: var(--muted);
  border-radius: 5px;
  background: var(--mineral);
  padding: 5px;
  margin-bottom: 17px;
}
.phone-logo {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -.05em;
}
.phone-demo {
  font-size: 8px;
  color: var(--muted);
  margin-top: 3px;
}
.phone h3 {
  font-size: 28px;
  margin-top: 21px;
  max-width: 10ch;
}
.phone-variant {
  font-size: 10px;
  color: var(--muted);
  margin-top: 7px;
}
.phone-batch {
  font-size: 9px;
  padding: 9px;
  background: #e6ece5;
  margin: 16px 0;
}
.phone-batch strong {
  display: block;
  font-size: 11px;
}
.phone-measure {
  font-size: 10px;
  font-weight: 600;
}
.phone-values {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
  gap: 10px;
}
.phone-values small {
  display: block;
  font-size: 8px;
  color: var(--muted);
}
.phone-values strong {
  font-size: 24px;
  letter-spacing: -.055em;
  font-weight: 500;
  white-space: nowrap;
}
.phone-scope {
  font-size: 9px;
  line-height: 1.5;
  margin-top: 12px;
}
.phone-open {
  display: block;
  text-align: center;
  border: 1px solid var(--line);
  padding: 8px;
  margin-top: 14px;
  border-radius: 4px;
  font-size: 9px;
  width: 100%;
  font-family: inherit;
  color: var(--ink);
  background: transparent;
}
.example-picker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  margin-top: 21px;
  padding-top: 23px;
  border-top: 1px solid var(--line);
}
.product-switch {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}
.product-switch>span {
  font-size: 13px;
  margin-right: 14px;
}
.product-switch button {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 10px 17px;
  color: var(--ink);
  font-size: 13px;
}
.product-switch button[aria-pressed="true"] {
  background: var(--petrol);
  color: var(--paper);
}
.example-note {
  font-size: 11px;
  color: var(--muted);
  max-width: 37ch;
  text-align: right;
}
.record-section {
  background: #102c3c;
  color: var(--paper);
  padding: 70px 0;
}
.record-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 37px;
}
.section-label {
  font-size: 12px;
  margin-bottom: 18px;
  color: var(--peach);
}
.record-head h2 {
  font-size: 46px;
  max-width: 17ch;
  font-weight: 700;
  letter-spacing: -.035em;
}
.record-head>p {
  font-size: 16px;
  color: #d4e0d9;
  max-width: 34ch;
}
.record-browser {
  background: var(--paper);
  color: var(--ink);
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #90a6b2;
}
.browser-bar {
  background: #e5edf3;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 12px 26px;
  font-size: 11px;
  color: var(--muted);
}
.record-content {
  padding: 34px 38px;
}
.record-top {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: start;
}
.record-top h3 {
  font-size: 32px;
  font-weight: 700;
}
.record-top p {
  font-size: 13px;
  color: var(--muted);
  margin-top: 8px;
}
.batch-control label {
  display: block;
  font-size: 11px;
  margin-bottom: 7px;
}
.batch-control select {
  border: 1px solid #9fb3a9;
  background: var(--paper);
  padding: 10px 30px 10px 12px;
  color: var(--ink);
  font-size: 12px;
  border-radius: 4px;
  min-width: 210px;
}
.batch-banner {
  background: #e7eef3;
  margin: 27px 0;
  padding: 14px 18px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  font-size: 13px;
}
.batch-banner small {
  font-size: 11px;
  color: var(--muted);
}
.batch-banner.missing {
  background: #f4e5cf;
}
.record-columns {
  display: grid;
  grid-template-columns: 1.8fr 1fr;
  gap: 45px;
}
.record-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-variant-numeric: tabular-nums;
}
.record-table caption {
  text-align: left;
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 18px;
}
.record-table th {
  font-size: 11px;
  color: var(--muted);
  font-weight: 400;
  padding-bottom: 12px;
}
.record-table td {
  padding: 17px 0;
  border-block: 1px solid var(--line);
  font-size: 14px;
}
.record-table td:nth-child(2) {
  font-size: 28px;
  letter-spacing: -.04em;
  white-space: nowrap;
}
.record-table td:nth-child(3) {
  font-size: 28px;
  letter-spacing: -.04em;
  white-space: nowrap;
}
.record-table th:last-child {
  text-align: right;
}
.record-table td:last-child {
  text-align: right;
  width: 31%;
  padding-left: 12px;
}
.assessment-note {
  font-size: 12px;
  color: var(--muted);
  margin-top: 17px;
}
.scope-panel {
  border-left: 1px solid var(--line);
  padding-left: 25px;
  font-size: 13px;
}
.scope-panel h4 {
  font: 600 15px var(--body);
  margin: 0 0 10px;
}
.scope-panel p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}
.scope-panel h4:nth-of-type(2) {
  margin-top: 19px;
}
.record-content details {
  border-top: 1px solid var(--line);
  padding-top: 18px;
  margin-top: 27px;
}
.record-content summary {
  font-size: 13px;
  font-weight: 600;
}
.method-fields {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 22px;
  margin: 20px 0 0;
}
.method-fields dt {
  font-size: 11px;
  color: var(--muted);
}
.method-fields dd {
  margin: 5px 0 0;
  font-size: 12px;
}
.missing-record {
  padding: 15px 0 25px;
  max-width: 65ch;
}
.missing-record h4 {
  font-size: 22px;
  margin: 0 0 10px;
}
.missing-record p {
  font-size: 15px;
  color: var(--muted);
}
.missing-record button {
  background: transparent;
  border: 0;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-size: 13px;
  color: var(--ink);
  margin-top: 18px;
}
.record-foot {
  display: flex;
  justify-content: space-between;
  gap: 35px;
  margin-top: 23px;
  font-size: 12px;
  color: #d4e0d9;
}
.record-foot p {
  max-width: 67ch;
}
.deliverables {
  background: #fbfcfd;
  padding: 60px 0 80px;
}
.deliverable-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 11%;
  align-items: center;
}
.coa-scene {
  padding: 40px 35px;
  background: #e6edf2;
  border-radius: 4px;
  position: relative;
}
.coa {
  background: #fff;
  color: var(--ink);
  padding: 34px 38px;
  transform: rotate(-1deg);
  border: 1px solid #e1e2d7;
  box-shadow: 2px 3px 0 #d7dbd0,5px 6px 0 #f2f3e8,7px 10px 0 #d9ddd1,14px 25px 30px #29443825;
  max-width: 450px;
  min-height: 535px;
  border-color: #cbd7df;
}
.coa-top {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
  font-size: 10px;
}
.coa-logo {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -.045em;
}
.coa h3 {
  font-size: 34px;
  max-width: 11ch;
  margin: 35px 0 23px;
  font-weight: 650;
  line-height: 1.18;
}
.coa dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 0 0 26px;
}
.coa dt {
  font-size: 9px;
  color: var(--muted);
}
.coa dd {
  margin: 3px 0 0;
  font-size: 11px;
}
.coa table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 10px;
}
.coa th {
  font-weight: 400;
  color: var(--muted);
  padding-bottom: 9px;
}
.coa td {
  border-block: 1px solid var(--line);
  padding: 13px 0;
}
.coa-bottom {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 28px;
  border-top: 1px solid var(--line);
  padding-top: 22px;
}
.coa-bottom svg {
  width: 68px;
  height: 68px;
  flex: none;
}
.coa-bottom p {
  font-size: 9px;
  max-width: 25ch;
  line-height: 1.5;
}
.deliverable-copy .section-label {
  color: var(--muted);
}
.deliverable-copy h2 {
  font-size: 42px;
  max-width: 15ch;
  font-weight: 700;
  letter-spacing: -.035em;
}
.deliverable-copy>p {
  color: var(--muted);
  font-size: 17px;
  max-width: 43ch;
  margin-top: 23px;
}
.benefit {
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}
.benefit:first-of-type {
  margin-top: 20px;
}
.benefit h3 {
  font: 600 16px var(--body);
  letter-spacing: 0;
}
.benefit p {
  font-size: 14px;
  color: var(--muted);
  margin-top: 6px;
  max-width: 47ch;
}
.deliverable-copy .text-link {
  display: inline-block;
  margin-top: 25px;
}
.details-section {
  padding: 75px 0;
}
.details-grid {
  display: grid;
  grid-template-columns: .85fr 1.2fr;
  gap: 12%;
}
.details-grid h2 {
  font-size: 38px;
  max-width: 15ch;
  font-weight: 700;
  letter-spacing: -.035em;
}
.details-grid>div>p {
  font-size: 15px;
  color: var(--muted);
  margin-top: 22px;
  max-width: 38ch;
}
.faq details {
  border-bottom: 1px solid var(--line);
  padding: 19px 0;
}
.faq details:first-child {
  padding-top: 0;
}
.faq summary {
  font-weight: 500;
  font-size: 17px;
}
.faq details p {
  font-size: 14px;
  color: var(--muted);
  margin-top: 15px;
  max-width: 63ch;
}
.category-section {
  background: #e6eef3;
  padding: 65px 0;
}
.categories-top {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  align-items: start;
}
.categories-top h2 {
  font-size: 38px;
  max-width: 14ch;
  font-weight: 700;
  letter-spacing: -.035em;
}
.categories-top p {
  font-size: 15px;
  color: var(--muted);
  max-width: 43ch;
}
.category-list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 0 35px;
  margin-top: 33px;
}
.category-list a {
  font-size: 14px;
  padding: 13px 0;
  border-bottom: 1px solid #bdcec1;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  border-color: #c4d4df;
}
.category-list a::after {
  content: "↗";
  font-size: 13px;
}
.category-list a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.enquiry {
  padding: 80px 0;
  background: #133f52;
  color: #f3f8fa;
}
.enquiry .wrap {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 10%;
  align-items: center;
}
.enquiry h2 {
  font-size: 51px;
  font-weight: 700;
  max-width: 13ch;
  letter-spacing: -.035em;
}
.enquiry p {
  font-size: 17px;
  max-width: 39ch;
}
.enquiry .button {
  margin-top: 25px;
  background: #80d6cf;
  color: #102c3c;
}
.enquiry small {
  display: block;
  font-size: 12px;
  margin-top: 20px;
  max-width: 45ch;
}
.footer {
  background: #0c2533;
  color: #d4e0d9;
  padding: 35px 0;
  font-size: 12px;
}
.footer-top {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  border-top: 1px solid #476b69;
  padding-top: 23px;
  margin-top: 27px;
}
.footer-top>p {
  text-align: right;
  max-width: 48ch;
}
.footer .wordmark {
  font-size: 19px;
  color: var(--paper);
}
.footer-network {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
}
.footer a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
[hidden] {
  display: none !important;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.assessment {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  display: inline-block;
}
.assessment[data-outcome="meets"] {
  color: #236344;
}
.assessment[data-outcome="shortfall"] {
  color: #a1372d;
}
.assessment[data-outcome="inconclusive"] {
  color: #886119;
}
.result-difference {
  display: block;
  font-size: 10px;
  color: var(--muted);
  margin-top: 7px;
}
.phone-assessment {
  font-size: 10px;
  margin-top: 11px;
}
.phone-unavailable {
  font-size: 13px;
  padding: 20px 0;
  color: var(--muted);
}
.coa-assessment {
  font-size: 11px;
  margin-top: 18px;
}
.coa-criterion {
  font-size: 9px;
  color: var(--muted);
  margin-top: 5px;
}
.source-label {
  font-weight: 600;
  color: var(--ink) !important;
  margin-bottom: 6px;
}
.method-note {
  font-size: 11px;
  color: var(--muted);
  margin-top: 20px;
}
.testing-questions {
  padding: 35px 0 50px;
  background: #fbfcfd;
}
.testing-questions .wrap {
  display: flex;
  gap: 35px;
}
.testing-questions article {
  flex: 1;
  border-top: 0;
  padding-top: 10px;
}
.testing-questions h2 {
  font-size: 19px;
  letter-spacing: -.025em;
  line-height: 1.3;
  font-weight: 700;
}
.testing-questions p {
  font-size: 14px;
  margin-top: 12px;
  color: var(--muted);
  max-width: 35ch;
}
.sampling-section {
  padding: 58px 0;
  background: #e7eef3;
}
.sampling-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr;
  gap: 45px;
}
.sampling-grid h2 {
  font-size: 32px;
  max-width: 15ch;
}
.sampling-grid h3 {
  font-size: 19px;
  letter-spacing: -.025em;
}
.sampling-grid p {
  font-size: 14px;
  color: var(--muted);
  margin-top: 14px;
  max-width: 42ch;
}
#coa-unavailable {
  font-size: 14px;
  color: var(--muted);
}
.assessment-note strong {
  font-weight: 600;
  color: var(--ink);
}
.hero-shell {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 75px;
  align-items: center;
}
.sector-label {
  color: #80d6d1;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 23px;
}
.hero h1 {
  font-size: clamp(48px,4.9vw,71px);
  line-height: 1.06;
  font-weight: 700;
  letter-spacing: -.045em;
  max-width: 13ch;
}
.hero-summary {
  margin-top: 25px;
  color: #c2d1db;
  font-size: 18px;
  max-width: 44ch;
}
.hero .button {
  background: #72d1c8;
  color: #102c3c;
  border-radius: 4px;
}
.hero .button:hover {
  background: #99e4dc;
}
.hero .text-link {
  color: #eef5f8;
  font-size: 13px;
}
.hero .availability {
  color: #a9c0cb;
}
.hero-specs {
  margin: 29px 0 0;
  font-size: 12px;
  max-width: 530px;
}
.hero-specs>div {
  display: grid;
  grid-template-columns: 108px 1fr;
  gap: 16px;
  padding: 11px 0;
  border-top: 1px solid #35515f;
}
.hero-specs dt {
  color: #7dd4ce;
  font-weight: 600;
}
.hero-specs dd {
  margin: 0;
  color: #c2d1db;
}
.hero-bottomline {
  margin-top: 55px;
  display: flex;
  justify-content: space-between;
  gap: 25px;
  border-top: 1px solid #35515f;
  padding: 20px 0;
  font-size: 12px;
  color: #a9c0cb;
}
.hero-bottomline>span {
  color: #edf5f8;
  font-weight: 600;
}
.analysis-preview {
  background: #fbfcfd;
  color: #183248;
  border: 1px solid #617b87;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 0 20px 45px #04182240;
}
.analysis-bar {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  background: #e5eef3;
  padding: 17px 25px;
  font-size: 12px;
}
.analysis-bar span:first-child {
  font-weight: 800;
  letter-spacing: -.025em;
}
.analysis-bar span:last-child {
  color: #506777;
  font-size: 11px;
}
.analysis-body {
  padding: 28px;
}
.analysis-heading {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}
.analysis-heading p {
  font-size: 11px;
  color: #647886;
  margin-bottom: 8px;
}
.analysis-heading h2 {
  font-size: 31px;
  font-weight: 700;
  letter-spacing: -.035em;
}
.record-chip {
  border: 1px solid #cbd8e0;
  font-size: 10px;
  padding: 6px 9px;
  border-radius: 3px;
  white-space: nowrap;
}
.analysis-basis {
  font-size: 12px;
  color: #526b7a;
  margin-top: 16px;
}
.analysis-values {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  border-block: 1px solid #d4dfe6;
  margin: 21px 0 0;
  padding: 20px 0;
}
.analysis-values span {
  display: block;
  font-size: 11px;
  color: #526b7a;
}
.analysis-values strong {
  display: block;
  font: 600 40px/1.3 var(--display);
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
}
.analysis-assessment {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #d4dfe6;
}
.analysis-assessment>span:last-child {
  font-size: 10px;
  color: #526b7a;
}
.analysis-details {
  margin: 18px 0;
}
.analysis-details>div {
  display: grid;
  grid-template-columns: 95px 1fr;
  gap: 15px;
  padding: 7px 0;
  font-size: 11px;
}
.analysis-details dt {
  color: #526b7a;
}
.analysis-details dd {
  margin: 0;
  font-weight: 500;
}
.analysis-limit {
  font-size: 10px;
  line-height: 1.6;
  color: #526b7a;
}
.analysis-link {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 21px;
  margin-top: 20px;
  border-top: 1px solid #d4dfe6;
  font-size: 12px;
  font-weight: 600;
}
#hero-unavailable {
  padding: 35px 0;
  color: #6d5e3b;
}
.product-demo {
  background: #e7eef3;
  padding: 18px 0;
}
.product-demo .example-picker {
  padding: 0;
  margin: 0;
  border: 0;
}
.product-demo .example-note {
  text-align: right;
}
.business-section {
  background: #f0f4f7;
  padding: 70px 0;
}
.business-heading {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 12%;
  align-items: end;
  margin-bottom: 33px;
}
.business-heading h2 {
  font-size: 37px;
  font-weight: 700;
  letter-spacing: -.035em;
}
.business-heading>p {
  font-size: 16px;
  color: var(--muted);
  max-width: 47ch;
}
.business-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 22px;
}
.business-grid article {
  padding: 27px;
  background: var(--paper);
  border: 1px solid #d1dde5;
  border-radius: 5px;
}
.business-grid article>span {
  font-size: 11px;
  color: #496979;
  font-weight: 600;
}
.business-grid h3 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 17px;
  letter-spacing: -.035em;
}
.business-grid p {
  font-size: 14px;
  color: var(--muted);
  margin-top: 15px;
}
.business-grid a {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  margin-top: 24px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.scope-section {
  background: #fbfcfd;
  padding: 80px 0;
}
.scope-grid {
  display: grid;
  grid-template-columns: .85fr 1.3fr;
  gap: 10%;
}
.scope-grid .section-label {
  color: #267e84;
}
.scope-grid h2 {
  font-size: 39px;
  font-weight: 700;
  max-width: 16ch;
  letter-spacing: -.035em;
}
.scope-grid>div>p:not(.section-label) {
  color: var(--muted);
  font-size: 15px;
  margin-top: 23px;
  max-width: 42ch;
}
.scope-grid .scope-qualification {
  font-size: 12px !important;
}
.scope-matrix article {
  display: grid;
  grid-template-columns: 1fr 145px;
  gap: 22px;
  padding: 23px 0;
  border-top: 1px solid var(--line);
  align-items: center;
}
.scope-matrix h3 {
  font: 600 17px var(--body);
  letter-spacing: 0;
}
.scope-matrix p {
  margin-top: 9px;
  font-size: 13px;
  color: var(--muted);
}
.scope-matrix article>span {
  font-size: 11px;
  color: #2b6977;
  text-align: right;
}
.method-attribution {
  background: #e8f0f4;
  padding: 18px;
  font-size: 12px;
  margin-top: 18px;
  color: #425e70;
}
.sharing-section {
  background: #fbfcfd;
  padding: 75px 0 20px;
}
.sharing-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 60px;
  margin-bottom: 32px;
}
.sharing-heading .section-label {
  color: #267e84;
}
.sharing-heading h2 {
  font-size: 43px;
  font-weight: 700;
  letter-spacing: -.035em;
  max-width: 19ch;
}
.sharing-heading>p {
  font-size: 15px;
  color: var(--muted);
  max-width: 39ch;
}
.sharing-caption {
  font-size: 11px;
  color: var(--muted);
  margin-top: 16px;
}
.enquiry p,.enquiry small {
  color: #c8dce6;
}

@media (max-width: 1100px) {
  .wrap {
    width: calc(100% - 64px);
  }
  .nav span {
    display: none;
  }
  .showcase {
    height: 560px;
  }
  .phone {
    right: 3%;
    top: 28px;
    width: 250px;
    height: 505px;
  }
  .phone-screen {
    padding-inline: 14px;
  }
  .phone h3 {
    font-size: 25px;
  }
  .phone-values strong {
    font-size: 21px;
  }
  .record-content {
    padding: 28px;
  }
  .record-columns {
    grid-template-columns: 1.5fr 1fr;
    gap: 25px;
  }
  .record-table td:nth-child(2) {
    font-size: 23px;
  }
  .record-table td:nth-child(3) {
    font-size: 23px;
  }
  .deliverable-grid {
    gap: 6%;
  }
  .coa-scene {
    padding: 32px 25px;
  }
  .coa {
    padding: 28px;
  }
  .hero-shell {
    gap: 38px;
  }
  .hero h1 {
    font-size: 58px;
  }
  .hero-summary {
    font-size: 17px;
  }
  .analysis-body {
    padding: 23px;
  }
  .analysis-values strong {
    font-size: 32px;
  }
  .business-grid article {
    padding: 22px;
  }
  .business-heading {
    gap: 6%;
  }
  .scope-grid {
    gap: 6%;
  }
  .scope-matrix article {
    grid-template-columns: 1fr 120px;
  }
}

@media (max-width: 800px) {
  .showcase {
    height: 525px;
  }
  .phone {
    top: 22px;
    width: 245px;
    height: 483px;
  }
  .phone-values strong {
    font-size: 20px;
  }
  .example-picker {
    align-items: start;
  }
  .example-note {
    max-width: 25ch;
  }
  .record-head {
    display: block;
  }
  .record-head>p {
    max-width: 50ch;
    margin-top: 20px;
  }
  .record-columns {
    grid-template-columns: 1fr;
  }
  .scope-panel {
    border-left: 0;
    padding: 18px 0 0;
    border-top: 1px solid var(--line);
  }
  .scope-panel h4:nth-of-type(2) {
    margin-top: 15px;
  }
  .method-fields {
    grid-template-columns: 1fr 1fr;
  }
  .deliverable-grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .coa-scene {
    max-width: 500px;
    margin: auto;
    width: 100%;
  }
  .deliverable-copy h2 {
    max-width: 22ch;
  }
  .deliverable-copy>p {
    max-width: 57ch;
  }
  .details-grid {
    grid-template-columns: 1fr 1.2fr;
    gap: 7%;
  }
  .categories-top {
    gap: 30px;
  }
  .category-list {
    grid-template-columns: 1fr 1fr;
  }
  .enquiry .wrap {
    grid-template-columns: 1fr 1fr;
    gap: 7%;
  }
  .enquiry h2 {
    font-size: 43px;
  }
  .testing-questions .wrap {
    gap: 20px;
  }
  .sampling-grid {
    gap: 25px;
  }
  .hero {
    padding-top: 45px;
  }
  .hero-shell {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .hero h1 {
    font-size: 59px;
    max-width: 18ch;
  }
  .hero-summary {
    max-width: 60ch;
  }
  .hero-specs {
    max-width: none;
  }
  .analysis-preview {
    max-width: 650px;
    width: 100%;
  }
  .hero-bottomline {
    margin-top: 30px;
  }
  .business-heading {
    display: block;
  }
  .business-heading>p {
    margin-top: 20px;
  }
  .business-grid {
    grid-template-columns: 1fr;
  }
  .business-grid article {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 5px 30px;
  }
  .business-grid article>span {
    grid-column: 1;
    grid-row: 1;
  }
  .business-grid h3 {
    grid-column: 1;
    grid-row: 2;
    margin-top: 8px;
  }
  .business-grid p {
    grid-column: 2;
    grid-row: 1 / 3;
    margin-top: 0;
  }
  .business-grid a {
    grid-column: 2;
    margin-top: 14px;
  }
  .scope-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .scope-grid h2 {
    max-width: 23ch;
  }
  .scope-grid>div>p:not(.section-label) {
    max-width: 65ch;
  }
  .sharing-heading {
    display: block;
  }
  .sharing-heading>p {
    margin-top: 20px;
    max-width: 58ch;
  }
}

@media (max-width: 520px) {
  .record-table th {
    padding-right: 6px;
  }
  .record-table td {
    padding-right: 6px;
  }
  body {
    font-size: 16px;
  }
  .wrap {
    width: calc(100% - 36px);
  }
  .masthead {
    padding: 22px 0;
  }
  .wordmark {
    gap: 6px;
    font-size: 17px;
  }
  .brand-symbol {
    width: 24px;
    height: 24px;
  }
  .nav {
    gap: 0;
    font-size: 12px;
  }
  .hero {
    padding: 25px 0;
    padding-top: 32px;
  }
  .actions {
    gap: 18px;
    margin-top: 24px;
  }
  .button {
    padding: 14px 18px;
    font-size: 13px;
  }
  .text-link {
    font-size: 13px;
  }
  .availability {
    font-size: 11px !important;
  }
  .showcase {
    height: 625px;
    border-radius: 8px;
  }
  .phone {
    right: calc(50% - 99px);
    top: 227px;
    width: 198px;
    height: 387px;
    border-radius: 29px;
    padding: 6px;
    transform: none;
    box-shadow: 8px 14px 23px -10px #1b342b70;
    border-width: 1px;
  }
  .phone::after {
    height: 3px;
  }
  .phone-screen {
    border-radius: 22px;
    padding: 9px 11px;
  }
  .phone-status {
    font-size: 7px;
    height: 21px;
  }
  .phone-island {
    width: 55px;
    height: 14px;
  }
  .phone-url {
    font-size: 6px;
    padding: 4px;
    margin-bottom: 10px;
  }
  .phone-logo {
    font-size: 10px;
  }
  .phone-demo {
    font-size: 6px;
  }
  .phone h3 {
    font-size: 21px;
    margin-top: 14px;
  }
  .phone-variant {
    font-size: 8px;
    margin-top: 5px;
  }
  .phone-batch {
    font-size: 7px;
    padding: 6px;
    margin: 10px 0;
  }
  .phone-batch strong {
    font-size: 9px;
  }
  .phone-measure {
    font-size: 8px;
  }
  .phone-values {
    margin-top: 6px;
    padding-bottom: 8px;
    gap: 6px;
  }
  .phone-values small {
    font-size: 6px;
  }
  .phone-values strong {
    font-size: 18px;
  }
  .phone-scope {
    font-size: 7px;
    margin-top: 5px;
  }
  .phone-open {
    padding: 6px;
    margin-top: 9px;
    font-size: 7px;
  }
  .example-picker {
    display: block;
    padding-top: 18px;
  }
  .product-switch {
    gap: 3px;
  }
  .product-switch>span {
    font-size: 12px;
    width: 100%;
    margin-bottom: 8px;
  }
  .product-switch button {
    padding: 9px 13px;
    font-size: 12px;
  }
  .example-note {
    font-size: 10px;
    max-width: 55ch;
    text-align: left;
    margin-top: 14px;
  }
  .record-section {
    padding: 45px 0;
  }
  .record-head h2 {
    font-size: 34px;
  }
  .record-head>p {
    font-size: 15px;
  }
  .browser-bar {
    padding: 10px 15px;
    font-size: 9px;
  }
  .record-content {
    padding: 22px 16px;
  }
  .record-top {
    display: block;
  }
  .record-top h3 {
    font-size: 28px;
  }
  .record-top p {
    font-size: 12px;
  }
  .batch-control select {
    min-width: 0;
    width: 100%;
  }
  .batch-banner {
    margin: 20px 0;
    padding: 12px;
    display: block;
    font-size: 12px;
  }
  .batch-banner small {
    font-size: 10px;
    display: block;
    margin-top: 5px;
  }
  .record-columns {
    gap: 20px;
  }
  .record-table caption {
    font-size: 11px;
    margin-bottom: 13px;
  }
  .record-table th {
    font-size: 9px;
  }
  .record-table td {
    padding: 14px 0;
    font-size: 11px;
  }
  .record-table td:nth-child(2) {
    font-size: 15px;
  }
  .record-table td:nth-child(3) {
    font-size: 15px;
  }
  .assessment-note {
    font-size: 11px;
  }
  .record-content summary {
    font-size: 12px;
  }
  .method-fields {
    gap: 17px;
  }
  .record-foot {
    display: block;
    font-size: 11px;
  }
  .deliverables {
    padding: 35px 0 45px;
  }
  .deliverable-grid {
    gap: 35px;
  }
  .coa-scene {
    padding: 28px 20px;
  }
  .coa {
    padding: 22px;
    min-height: 455px;
  }
  .coa-top {
    font-size: 8px;
  }
  .coa-logo {
    font-size: 12px;
  }
  .coa h3 {
    font-size: 28px;
    margin: 27px 0 20px;
  }
  .coa dl {
    gap: 12px;
    margin-bottom: 20px;
  }
  .coa dd {
    font-size: 10px;
  }
  .coa table {
    font-size: 9px;
  }
  .coa-bottom {
    gap: 12px;
    margin-top: 22px;
    padding-top: 18px;
  }
  .coa-bottom svg {
    width: 55px;
    height: 55px;
  }
  .coa-bottom p {
    font-size: 8px;
  }
  .deliverable-copy h2 {
    font-size: 33px;
  }
  .deliverable-copy>p {
    font-size: 15px;
  }
  .benefit p {
    font-size: 13px;
  }
  .details-section {
    padding: 50px 0;
  }
  .details-grid {
    display: block;
  }
  .details-grid h2 {
    font-size: 33px;
    max-width: 20ch;
  }
  .details-grid>div>p {
    font-size: 14px;
    margin-top: 17px;
    max-width: 50ch;
  }
  .faq summary {
    font-size: 15px;
  }
  .faq details p {
    font-size: 13px;
  }
  .category-section {
    padding: 50px 0;
  }
  .categories-top {
    display: block;
  }
  .categories-top h2 {
    font-size: 33px;
    max-width: 17ch;
  }
  .categories-top p {
    font-size: 14px;
    margin-top: 20px;
  }
  .category-list {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 22px;
  }
  .category-list a {
    padding: 12px 0;
  }
  .enquiry {
    padding: 55px 0;
  }
  .enquiry .wrap {
    display: block;
  }
  .enquiry h2 {
    font-size: 39px;
    max-width: 14ch;
  }
  .enquiry p {
    font-size: 15px;
    margin-top: 24px;
  }
  .enquiry small {
    font-size: 11px;
  }
  .footer-top {
    display: block;
  }
  .footer-bottom {
    display: block;
    font-size: 11px;
  }
  .footer-top>p {
    text-align: left;
    margin-top: 22px;
  }
  .footer-network {
    gap: 18px;
    margin-top: 19px;
  }
  .browser-bar span:first-child {
    max-width: 23ch;
    overflow-wrap: anywhere;
  }
  .batch-control {
    margin-top: 20px;
  }
  .record-foot p+p {
    margin-top: 12px;
  }
  .faq {
    margin-top: 30px;
  }
  [data-selected="creatine"] .phone-values strong {
    font-size: 16px;
  }
  .testing-questions {
    padding: 15px 0 25px;
  }
  .testing-questions .wrap {
    display: block;
  }
  .testing-questions article {
    padding: 17px 0;
    border-top: 1px solid var(--line);
  }
  .testing-questions h2 {
    font-size: 19px;
  }
  .testing-questions p {
    font-size: 13px;
    margin-top: 8px;
    max-width: 50ch;
  }
  .sampling-section {
    padding: 38px 0;
  }
  .sampling-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .sampling-grid h2 {
    font-size: 30px;
    max-width: 20ch;
  }
  .record-table .assessment {
    font-size: 10px;
  }
  .record-table td:last-child {
    padding-left: 8px;
    width: 32%;
  }
  .result-difference {
    font-size: 9px;
  }
  .phone-assessment {
    font-size: 8px;
    margin-top: 9px;
  }
  .coa-assessment {
    font-size: 10px;
  }
  .coa-criterion {
    font-size: 8px;
  }
  .sector-label {
    font-size: 12px;
    margin-bottom: 19px;
    max-width: 35ch;
  }
  .hero h1 {
    font-size: 43px;
    max-width: 14ch;
  }
  .hero-summary {
    font-size: 16px;
    margin-top: 20px;
  }
  .hero .actions {
    gap: 18px;
  }
  .hero-specs {
    font-size: 11px;
    margin-top: 23px;
  }
  .hero-specs>div {
    grid-template-columns: 82px 1fr;
    gap: 12px;
  }
  .analysis-body {
    padding: 20px;
  }
  .analysis-bar {
    padding: 14px 20px;
    font-size: 11px;
  }
  .analysis-heading h2 {
    font-size: 26px;
  }
  .analysis-values {
    padding: 16px 0;
    gap: 15px;
  }
  .analysis-values strong {
    font-size: 28px;
  }
  .analysis-assessment {
    align-items: start;
  }
  .analysis-assessment .assessment {
    font-size: 11px;
  }
  .analysis-assessment>span:last-child {
    font-size: 9px;
    text-align: right;
  }
  .analysis-details>div {
    grid-template-columns: 77px 1fr;
    gap: 10px;
    font-size: 10px;
  }
  .hero-bottomline {
    display: block;
    padding: 17px 0;
    font-size: 11px;
  }
  .hero-bottomline p {
    margin-top: 7px;
  }
  .product-demo {
    padding: 18px 0;
  }
  .product-demo .example-note {
    text-align: left;
  }
  .testing-questions article:first-child {
    border-top: 0;
  }
  .business-section {
    padding: 45px 0;
  }
  .business-heading h2 {
    font-size: 31px;
  }
  .business-heading>p {
    font-size: 14px;
  }
  .business-grid {
    gap: 14px;
  }
  .business-grid article {
    display: block;
    padding: 22px;
  }
  .business-grid h3 {
    font-size: 24px;
    margin-top: 14px;
  }
  .business-grid p {
    font-size: 14px;
    margin-top: 14px;
  }
  .business-grid a {
    margin-top: 18px;
  }
  .scope-section {
    padding: 45px 0;
  }
  .scope-grid h2 {
    font-size: 32px;
  }
  .scope-matrix article {
    grid-template-columns: 1fr;
    padding: 18px 0;
    gap: 10px;
  }
  .scope-matrix article>span {
    text-align: left;
  }
  .scope-matrix h3 {
    font-size: 16px;
  }
  .sharing-section {
    padding: 45px 0 10px;
  }
  .sharing-heading h2 {
    font-size: 33px;
  }
  .sharing-heading>p {
    font-size: 14px;
  }
  .sharing-caption {
    font-size: 10px;
  }
  .record-chip {
    font-size: 9px;
    padding: 5px 7px;
  }
}

@media (max-width: 360px) {
  .wordmark {
    font-size: 15px;
  }
  .nav {
    font-size: 11px;
  }
  .showcase {
    height: 586px;
  }
  .phone {
    right: calc(50% - 92.5px);
    top: 198px;
    width: 185px;
    height: 377px;
  }
  .record-table td:nth-child(2) {
    font-size: 13px;
  }
  .record-table td:nth-child(3) {
    font-size: 13px;
  }
  .coa-scene {
    padding: 22px 15px;
  }
  .coa {
    padding: 19px;
  }
  [data-selected="creatine"] .phone-values strong {
    font-size: 14px;
  }
  .hero h1 {
    font-size: 38px;
  }
  .analysis-body {
    padding: 16px;
  }
  .analysis-values strong {
    font-size: 24px;
  }
  .analysis-heading h2 {
    font-size: 24px;
  }
  .analysis-details>div {
    grid-template-columns: 67px 1fr;
  }
  .hero-specs>div {
    grid-template-columns: 76px 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    transition: none !important;
    animation: none !important;
  }
}

/* Artwork and report: native, readable documents rather than rendered product imagery. */
.sharing-section .showcase{height:auto;display:grid;grid-template-columns:1fr 350px;gap:70px;align-items:center;padding:48px 60px;background:#e6edf2;border-radius:0;overflow:visible}
.sharing-section .phone{position:relative;inset:auto;margin:auto;transform:none;background:#173044;box-shadow:0 12px 25px #17304420;border:2px solid #61717c}
.label-application{min-width:0;max-width:650px}
.artwork-caption{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#536b7a;margin-bottom:18px}
.print-label{background:#fff;border:1px solid #b8c6d0;color:#173044;padding:30px 34px;box-shadow:0 3px 0 #d0dbe3}
.label-brand{font-size:16px;font-weight:700;border-bottom:2px solid #173044;padding-bottom:18px}
.label-product{padding:30px 0 36px}
.label-product h3{font-size:clamp(32px,3.4vw,50px);line-height:1.1;letter-spacing:-.055em;margin:0 0 10px;max-width:12ch}
.label-product p{font-size:14px;margin:0;color:#536b7a}
.label-access{border:2px solid #173044;display:flex;gap:20px;justify-content:space-between;padding:20px;align-items:center}
.label-sv{font-size:14px;font-weight:750;display:block;margin-bottom:16px}
.label-access strong{display:block;font-size:23px;letter-spacing:-.04em;line-height:1.15}
.label-access p{font-size:12px;line-height:1.5;max-width:23ch;margin:8px 0 0}
.label-access svg{width:105px;height:105px;flex:none}
.label-bottom{font-size:12px;margin-top:18px;line-height:1.7}.label-bottom small{color:#536b7a;font-size:10px}
.application-note{font-size:13px;color:#536b7a;max-width:48ch;line-height:1.6;margin:20px 0 0}
.deliverables .deliverable-grid{grid-template-columns:minmax(0,1.65fr) minmax(250px,.8fr);gap:55px;align-items:start}
.deliverables .coa-scene{padding:0;background:transparent;border-radius:0;min-width:0}
.deliverables .coa{max-width:none;width:100%;min-height:0;padding:34px 38px;transform:none;box-shadow:0 8px 25px #1730440d;border:1px solid #bacbd8;border-top:5px solid #173044}
.document-bar{display:flex;justify-content:space-between;gap:16px;background:#e6edf2;margin:-34px -38px 32px;padding:12px 20px;font-size:11px}.document-bar a{color:inherit}
.deliverables .coa-top{font-size:11px}.deliverables .coa-logo{font-size:19px}
.deliverables .coa h3{font-size:36px;max-width:none;letter-spacing:-.045em;line-height:1.1;margin:28px 0 12px}
.document-subtitle{font-size:12px;margin:0 0 26px;color:#536b7a}
.deliverables .coa dl{gap:18px 25px;margin-bottom:24px}.deliverables .coa dt{font-size:11px}.deliverables .coa dd{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.document-heading{font-size:13px;margin:24px 0 12px;padding-bottom:9px;border-bottom:2px solid #173044}
.document-basis{font-size:12px;margin:0 0 12px}
.deliverables .coa table{font-size:13px}.deliverables .coa th{font-size:11px}.deliverables .coa td{padding:14px 6px 14px 0}
.deliverables .coa-assessment{font-size:13px;margin-top:16px}.deliverables .coa-criterion{font-size:11px}
.document-scope p{font-size:11px;line-height:1.65;margin:10px 0}.document-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;margin-top:25px;padding-top:12px;border-top:1px solid #d0dde6;color:#536b7a}
.deliverables .coa-bottom{gap:20px;margin-top:20px;padding-top:20px}.deliverables .coa-bottom svg{width:76px;height:76px}.deliverables .coa-bottom p{font-size:11px;max-width:38ch}
.deliverable-copy{padding-top:45px}
@media(max-width:1000px){.sharing-section .showcase{padding:30px;gap:30px;grid-template-columns:1fr 285px}.print-label{padding:24px}.label-access{padding:14px;gap:12px}.label-access svg{width:80px;height:80px}.label-access strong{font-size:20px}.deliverables .deliverable-grid{grid-template-columns:1fr;gap:35px}.deliverables .coa-scene{max-width:780px;width:100%;margin:auto}.deliverable-copy{padding-top:0;max-width:650px}}
@media(max-width:700px){.sharing-section .showcase{grid-template-columns:1fr;padding:25px 18px;gap:36px}.label-application{width:100%}.artwork-caption{font-size:10px}.print-label{padding:22px}.label-product{padding:24px 0}.label-product h3{font-size:38px}.label-access strong{font-size:20px}.sharing-section .phone{width:285px;max-width:100%;height:535px}.deliverables .coa{padding:22px 20px}.document-bar{margin:-22px -20px 24px;padding:12px 16px;font-size:10px}.deliverables .coa h3{font-size:30px}.deliverables .coa-logo{font-size:16px}.deliverables .coa dl{gap:16px}.deliverables .coa dd{font-size:11px}.deliverables .coa dt{font-size:10px}.deliverables .coa table{font-size:12px}.document-footer{font-size:9px}.deliverables .coa-bottom p{font-size:10px}}
@media(max-width:360px){.print-label{padding:16px}.label-access{gap:8px;padding:10px}.label-access svg{width:65px;height:65px}.label-access strong{font-size:18px}.label-sv{font-size:12px}.label-access p{font-size:10px}.deliverables .coa-top{gap:8px;font-size:9px}.deliverables .coa-logo{font-size:14px}}
@media(max-width:700px){.sharing-section .showcase{grid-template-columns:minmax(0,1fr)}.sharing-section .phone{min-width:0}}

/* Account availability pages share the main site's identity. */
.account-page{min-height:100vh;display:flex;flex-direction:column}
.account-main{flex:1;width:100%;padding:85px 0 100px;background:var(--paper);border-block:1px solid var(--line)}
.account-content{max-width:720px;margin-left:0}.account-content h1{font:700 clamp(38px,6vw,64px)/1.1 var(--display);letter-spacing:-.055em;margin:0 0 24px}.account-content>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:54ch}.account-content .actions{margin-top:32px}.account-footer{padding-block:28px;font-size:13px;color:var(--muted)}
@media(max-width:600px){.account-main{padding:55px 0 65px}.account-content>p{font-size:16px}.account-page .masthead{align-items:start}.account-page .nav{display:none}}