:root {
  --paper:#fcfcfa;
  --surface:#fff;
  --ink:#13211d;
  --muted:#626a66;
  --green:#17624c;
  --green-dark:#0b4938;
  --orange:#ff8a00;
  --line:#dedfd9;
  --soft:#f0f5f0;
  --amber:#b95800;
  --radius:12px;
  --shadow:0 16px 32px -24px #36403770;
  --gutter:clamp(26px,4vw,72px);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--ink);
  background:var(--paper);
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:110px;
}
body {
  margin:0;
  min-width:320px;
}
button,input,select {
  font:inherit;
}
button,a,input,select,summary {
  -webkit-tap-highlight-color:transparent;
}
button,summary {
  cursor:pointer;
}
button {
  color:inherit;
}
a {
  color:var(--green);
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
  text-underline-offset:5px;
}
button {
  border:0;
  background:none;
}
button:disabled {
  cursor:default;
}
img,video {
  max-width:100%;
  display:block;
}
h1,h2,h3,p {
  margin:0;
}
h1,h2,h3 {
  font-weight:600;
  letter-spacing:-.045em;
}
h1 {
  font-size:clamp(42px,4vw,66px);
  line-height:1.17;
}
h2 {
  font-size:clamp(34px,3vw,48px);
  line-height:1.15;
}
h3 {
  font-size:21px;
  line-height:1.3;
  letter-spacing:-.025em;
}
p {
  line-height:1.6;
}
small {
  font-size:13px;
  line-height:1.5;
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible {
  outline:3px solid #d67a18;
  outline-offset:4px;
  border-radius:4px;
}
[hidden] {
  display:none!important;
}
.icon {
  width:22px;
  height:22px;
  flex-shrink:0;
  vertical-align:middle;
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}
.skip-link {
  position:fixed;
  top:-100px;
  left:24px;
  z-index:100;
  background:var(--green);
  color:#fff;
  padding:12px 20px;
}
.skip-link:focus {
  top:8px;
}
.button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  min-height:50px;
  padding:13px 24px;
  border:1px solid #136349;
  border-radius:7px;
  color:white;
  background:linear-gradient(120deg,#08745b,#145d47 60%,#06795b);
  font-size:16px;
  font-weight:600;
  line-height:1.35;
  box-shadow:inset 0 1px 1px #fff2;
  transition:background 150ms,box-shadow 150ms,transform 150ms;
  text-align:center;
}
.button:hover {
  color:white;
  text-decoration:none;
  background:var(--green-dark);
  box-shadow:0 5px 15px #164d3924;
  transform:translateY(-1px);
}
.button:active {
  transform:translateY(0);
}
.quiet-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  border:1px solid var(--line);
  border-radius:7px;
  padding:8px 13px;
  background:#ffffff8c;
  font-size:14px;
}
.quiet-button:hover {
  background:var(--soft);
  text-decoration:none;
}
.icon-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:7px;
}
.icon-button:hover {
  background:var(--soft);
}
.text-button {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  font-size:14px;
  color:var(--green);
  padding:0;
}
.text-button:hover {
  text-decoration:underline;
  text-underline-offset:4px;
}
.section-wrap {
  max-width:1536px;
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.site-header {
  height:88px;
  padding:0 3.2vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border-bottom:1px solid #d9dcd6;
  background:#fcfcfaed;
  position:relative;
  z-index:10;
  backdrop-filter:blur(14px);
}
.brand {
  flex:none;
  display:inline-flex;
  align-items:center;
}
.brand img {
  width:190px;
  height:64px;
  object-fit:contain;
}
.primary-nav {
  display:flex;
  gap:42px;
  margin-left:auto;
  margin-right:auto;
}
.primary-nav>a {
  min-height:44px;
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--ink);
  font-size:16px;
}
.primary-nav .icon {
  width:14px;
  height:14px;
}
.primary-nav a[aria-current] {
  color:var(--green);
}
.header-actions {
  display:flex;
  align-items:center;
  gap:32px;
}
.language-link {
  color:var(--ink);
  font-size:15px;
  white-space:nowrap;
  padding-block:12px;
}
.language-link span {
  color:#777c77;
  margin:0 4px;
}
.login-link {
  color:var(--ink);
  font-size:16px;
  white-space:nowrap;
}
.header-demo {
  min-height:46px;
  padding-inline:23px;
  white-space:nowrap;
}
.menu-toggle,.mobile-menu {
  display:none;
}
.page-layout {
  display:block;
}
main {
  min-width:0;
}
main:focus {
  outline:0;
}
.hero {
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:46px;
  padding-top:64px;
  align-items:center;
}
.hero-copy {
  padding-top:12px;
}
.hero-eyebrow {
  font-size:13px;
  letter-spacing:.18em;
  font-weight:600;
  color:var(--green);
  margin-bottom:25px;
}
.hero h1 {
  font-size:clamp(42px,3.95vw,64px);
  font-weight:620;
  line-height:1.21;
  letter-spacing:-.047em;
  margin-bottom:27px;
}
.hero h1 span {
  display:block;
  white-space:nowrap;
}
.hero-description {
  max-width:490px;
  font-size:clamp(17px,1.4vw,22px);
  line-height:1.58;
  color:#59605d;
  letter-spacing:-.013em;
}
.hero-actions {
  display:flex;
  align-items:center;
  gap:32px;
  margin-top:39px;
}
.hero-button {
  min-height:64px;
  padding:17px 28px;
  font-size:17px;
}
.watch-link {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:17px;
  font-weight:500;
  white-space:nowrap;
  min-height:48px;
}
.watch-link .icon {
  height:30px;
  width:30px;
}
.hero-disclosure {
  font-size:14px;
  color:var(--muted);
  margin-top:20px;
}
.brand-line {
  margin-top:35px;
  color:#16831f;
  font-size:18px;
}
.brand-line span {
  color:#e66e00;
}
.hero-product {
  position:relative;
}
.hero-product:before {
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  right:calc(-1 * min(70px, var(--gutter)));
  top:-85px;
  border:1px solid #d3ddd66b;
  border-radius:50%;
  background:repeating-radial-gradient(ellipse at center,transparent 0 38px,#d3ddd629 39px 40px,transparent 41px 64px);
  z-index:-1;
  pointer-events:none;
}
.product-window {
  background:linear-gradient(130deg,#fffefa,#fff 28%,#fff 75%,#fcfcf9);
  border:1px solid #f7cf9b;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.finder {
  padding:26px 25px 23px;
  min-width:0;
}
.finder-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 8px 17px;
  gap:14px;
}
.finder-heading h2 {
  font-size:24px;
  letter-spacing:-.033em;
  line-height:1.25;
}
.finder-heading p {
  font-size:15px;
  color:var(--muted);
  line-height:1.35;
  margin-top:2px;
}
.finder-grid {
  display:grid;
  grid-template-columns:.98fr 1.1fr;
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
  background:#ffffff9e;
}
.finder-list-pane {
  border-right:1px solid var(--line);
  min-width:0;
}
.search-field {
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 20px;
  min-height:55px;
  border-bottom:1px solid var(--line);
}
.search-field .icon {
  width:18px;
  color:#636b66;
}
.search-field input {
  font-size:13px;
  width:100%;
  min-width:0;
  border:0;
  background:transparent;
  outline:none;
  padding:12px 0;
  color:var(--ink);
}
.search-field:focus-within {
  box-shadow:inset 0 0 0 2px var(--green);
}
.company-row {
  display:flex;
  align-items:center;
  gap:15px;
  width:100%;
  padding:22px 18px;
  text-align:left;
  border-bottom:1px solid var(--line);
  min-height:100px;
  border-left:2px solid transparent;
}
.company-row:last-child {
  border-bottom:0;
}
.company-row.selected {
  background:linear-gradient(90deg,#eef5ee,#ebf3ef);
  border-left-color:var(--green);
}
.company-row:hover {
  background:#f0f5f0;
}
.company-symbol {
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3f5f1;
  border-radius:50%;
  flex:none;
  color:#49554e;
}
.company-symbol .icon {
  width:28px;
  height:28px;
}
.company-row strong {
  display:block;
  font-size:14px;
  line-height:1.35;
  font-weight:600;
  letter-spacing:-.015em;
}
.company-row small {
  display:block;
  font-size:12px;
  color:#616761;
  margin-top:5px;
  line-height:1.35;
}
.company-detail {
  padding:27px 24px 22px;
  min-width:0;
}
.detail-heading {
  display:flex;
  gap:16px;
  align-items:center;
  margin-bottom:29px;
}
.detail-heading h3 {
  font-size:16px;
  letter-spacing:-.02em;
}
.detail-heading p {
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
  margin-top:5px;
}
.detail-heading .company-symbol {
  width:52px;
  height:52px;
}
.detail-facts {
  margin:0;
  display:grid;
  gap:22px;
}
.detail-facts>div {
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  column-gap:14px;
  row-gap:5px;
  align-items:start;
}
.detail-facts .icon {
  grid-row:1/3;
  color:var(--green);
  width:20px;
  height:20px;
}
.detail-facts dt {
  font-size:13px;
  color:var(--green-dark);
  font-weight:600;
  line-height:1.3;
}
.detail-facts dd {
  grid-column:2;
  font-size:13px;
  line-height:1.4;
  margin:0;
  color:#555e58;
}
.detail-status {
  margin-top:23px;
  border-top:1px solid var(--line);
  padding-top:16px;
}
.review-status {
  font-size:12px;
  line-height:1.5;
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--amber);
}
.status-dot {
  display:inline-block;
  width:10px;
  height:10px;
  background:#f39325;
  border-radius:50%;
  flex:none;
}
.is-reviewed {
  color:var(--green);
}
.is-reviewed .status-dot {
  background:var(--green);
}
.finder-footnote {
  font-size:11px;
  line-height:1.5;
  min-height:51px;
  display:flex;
  align-items:center;
  color:var(--muted);
  padding:10px 17px;
  border-top:1px solid var(--line);
  border-right:1px solid var(--line);
}
.finder-profile-link {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  border-top:1px solid var(--line);
  font-size:14px;
  padding:11px 16px;
}
.finder-profile-link .icon {
  width:18px;
}
.filter-bar {
  padding:0 8px 16px;
}
.filter-bar label {
  font-size:13px;
  display:flex;
  align-items:center;
  gap:15px;
}
.filter-bar select {
  min-height:38px;
  border:1px solid var(--line);
  border-radius:5px;
  background:white;
  padding:5px 9px;
  min-width:0;
  color:var(--ink);
  font-size:13px;
}
.empty-result {
  padding:30px 20px;
  font-size:14px;
  color:var(--muted);
}
.mobile-company-details {
  display:none;
}
.guide-entry-row {
  display:flex;
  justify-content:flex-end;
  margin-top:25px;
  margin-bottom:12px;
}
.guide-entry {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid #f09b35;
  border-radius:18px;
  padding:6px 20px 6px 10px;
  min-height:72px;
  background:#fffdf8a6;
  transition:box-shadow 160ms;
}
.guide-entry:hover {
  text-decoration:none;
  box-shadow:0 5px 15px #5d532315;
}
.guide-entry strong {
  display:block;
  font-size:15px;
  letter-spacing:-.02em;
  color:var(--ink);
  font-weight:550;
}
.guide-entry small {
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-top:5px;
}
.mascot-home,.guide-mascot-slot {
  width:64px;
  height:64px;
  flex:none;
}
.mascot {
  display:block;
  width:64px;
  height:64px;
  overflow:hidden;
  image-rendering:pixelated;
}
.mascot-frame {
  display:block;
  height:64px;
  width:64px;
  background-image:url('/assets/mascot/static-64/idle.png');
  background-repeat:no-repeat;
  background-size:64px 64px;
}
.mascot[data-state="wave"] .mascot-frame {
  background-image:url('/assets/mascot/static-64/wave.png');
}
.mascot[data-state="call"] .mascot-frame {
  background-image:url('/assets/mascot/static-64/call.png');
}
.mascot[data-state="search"] .mascot-frame {
  background-image:url('/assets/mascot/static-64/search.png');
}
.mascot[data-state="ok"] .mascot-frame {
  background-image:url('/assets/mascot/static-64/ok.png');
}
.mascot[data-state="ask"] .mascot-frame {
  background-image:url('/assets/mascot/static-64/ask.png');
}
.mascot[data-state="oops"] .mascot-frame {
  background-image:url('/assets/mascot/static-64/oops.png');
}
.mascot.is-playing .mascot-frame {
  background-size:512px 64px;
  animation:mascot-frames .96s steps(8,end) 1;
}
.mascot.is-playing[data-state="wave"] .mascot-frame {
  background-image:url('/assets/mascot/sprite-1x/wave-sheet.png');
}
.mascot.is-playing[data-state="call"] .mascot-frame {
  background-image:url('/assets/mascot/sprite-1x/call-sheet.png');
}
.mascot.is-playing[data-state="search"] .mascot-frame {
  background-image:url('/assets/mascot/sprite-1x/search-sheet.png');
}
.mascot.is-playing[data-state="ok"] .mascot-frame {
  background-image:url('/assets/mascot/sprite-1x/ok-sheet.png');
}
.mascot.is-playing[data-state="ask"] .mascot-frame {
  background-image:url('/assets/mascot/sprite-1x/ask-sheet.png');
}
.mascot.is-playing[data-state="oops"] .mascot-frame {
  background-image:url('/assets/mascot/sprite-1x/oops-sheet.png');
}
@keyframes mascot-frames {
  from {
    background-position:0 0;
  }
  to {
    background-position:-512px 0;
  }
}
.workflow-rail {
  max-width:1492px;
  margin:8px auto 0;
  border:1px solid var(--line);
  border-radius:12px;
  padding:49px 48px;
  display:grid;
  grid-template-columns:1.1fr 2fr;
  gap:60px;
}
.workflow-rail h2 {
  font-size:30px;
  line-height:1.33;
  letter-spacing:-.035em;
  max-width:405px;
}
.workflow-rail ol {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  list-style:none;
  padding:0;
  margin:0;
  gap:30px;
}
.workflow-rail li {
  border-left:1px solid var(--line);
  padding-left:32px;
}
.workflow-rail li:first-child {
  border-left:0;
  padding-left:0;
}
.workflow-rail li>span {
  color:#e77400;
  font-size:24px;
  line-height:1;
}
.workflow-rail h3 {
  font-size:18px;
  margin:10px 0 8px;
}
.workflow-rail li p {
  font-size:14px;
  color:var(--muted);
  line-height:1.6;
}
.story-section {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:clamp(70px,8vw,145px);
  align-items:center;
  padding-top:125px;
  padding-bottom:90px;
}
.story-copy h2 {
  font-size:clamp(38px,3.5vw,56px);
  line-height:1.05;
  max-width:470px;
}
.story-copy>p {
  margin-top:26px;
  font-size:20px;
  line-height:1.45;
  color:var(--muted);
  max-width:420px;
}
.story-steps {
  list-style:none;
  padding:0;
  margin:28px 0 0;
  max-width:390px;
}
.story-steps li {
  display:flex;
  gap:26px;
  border-bottom:1px solid #d2d5cd;
  padding:17px 0;
}
.story-steps li:last-child {
  border:0;
}
.story-steps li>span {
  color:#e97600;
  font-size:16px;
  padding-top:1px;
}
.story-steps h3 {
  font-size:16px;
  letter-spacing:-.015em;
}
.story-steps p {
  font-size:14px;
  color:var(--muted);
  margin-top:5px;
}
.profile-window {
  padding:30px 34px 27px;
  box-shadow:none;
}
.profile-heading {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.profile-heading h2 {
  font-size:27px;
  letter-spacing:-.045em;
  line-height:1.2;
}
.subtle-tag {
  font-size:11px;
  line-height:1.4;
  border:1px solid #eaebe7;
  background:#f8f9f5;
  color:var(--muted);
  padding:3px 11px;
  border-radius:20px;
}
.profile-role {
  display:flex;
  align-items:center;
  gap:13px;
  color:var(--muted);
  font-size:15px;
  margin-top:12px;
}
.profile-role .icon {
  color:#e97600;
}
.profile-tabs {
  display:flex;
  border-bottom:1px solid #cfd3ca;
  margin-top:27px;
  gap:18px;
}
.profile-tabs button {
  padding:10px 14px 14px;
  font-size:15px;
  border-bottom:2px solid transparent;
  margin-bottom:-1px;
  min-height:44px;
}
.profile-tabs button[aria-selected="true"] {
  border-bottom-color:var(--orange);
  color:var(--ink);
  font-weight:550;
}
.profile-facts {
  margin:15px 0 12px;
}
.profile-facts>div {
  display:grid;
  grid-template-columns:42px 1fr 1.4fr;
  align-items:center;
  gap:18px;
  border-bottom:1px solid var(--line);
  padding:16px 12px;
  min-height:66px;
}
.profile-facts>div:last-child {
  border:0;
}
.profile-facts .icon {
  padding:8px;
  width:40px;
  height:40px;
  background:#fff1df;
  color:#ec7c04;
  border-radius:9px;
}
.profile-facts dt {
  font-size:14px;
  font-weight:550;
}
.profile-facts dd {
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}
.profile-facts .review-status {
  font-size:13px;
}
.evidence-disclosure {
  border:1px solid var(--line);
  border-radius:8px;
  padding:0 14px;
  margin-top:10px;
  font-size:15px;
}
.evidence-disclosure summary {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
}
.evidence-disclosure summary .icon:first-child {
  color:var(--green);
}
.evidence-disclosure summary .icon:last-child {
  margin-left:auto;
  width:16px;
}
.evidence-disclosure p {
  font-size:14px;
  color:var(--muted);
  margin:4px 0 12px;
}
.evidence-disclosure>a {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:15px;
  font-size:14px;
}
.review-link {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:16px;
  margin:19px 12px 0;
}
.evidence-copy {
  min-height:245px;
  padding:24px 12px;
}
.evidence-copy h3 {
  font-size:19px;
  margin-bottom:14px;
}
.evidence-copy p {
  font-size:15px;
  color:var(--muted);
  margin-bottom:14px;
}
.evidence-copy .evidence-note {
  font-size:12px;
}
.evidence-copy a {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:14px;
}
.business-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
  padding:55px max(var(--gutter),calc((100vw - 1294px)/2)) 60px;
  background:var(--paper);
  color:var(--ink);
}
.business-section h2 {
  font-size:42px;
  line-height:1.12;
  letter-spacing:-.04em;
}
.business-section>div>p {
  color:var(--muted);
  font-size:18px;
  line-height:1.5;
  max-width:355px;
  margin-top:17px;
}
.business-section>div>a {
  display:inline-flex;
  align-items:center;
  gap:15px;
  color:var(--green);
  font-size:17px;
  margin-top:27px;
}
.setup-window {
  border:1px solid #dce6de;
  border-radius:22px;
  padding:21px 26px;
  max-width:510px;
  width:100%;
  justify-self:center;
  background:radial-gradient(ellipse at 100% 0%,#fff0dd80,transparent 55%),radial-gradient(ellipse at 0% 100%,#dcebe27a,transparent 60%),#ffffffbf;
  box-shadow:inset 0 0 0 1px #fff,0 16px 38px -18px #233d3224;
}
.setup-window h3 {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #dce3dc;
  padding:0 10px 13px;
  font-size:20px;
  letter-spacing:-.015em;
}
.setup-window dl {
  margin:0;
}
.setup-window dl>div {
  display:grid;
  grid-template-columns:22px 1fr 1.1fr;
  gap:12px;
  align-items:center;
  border-bottom:1px solid #e0e5df;
  padding:12px 10px;
}
.setup-window dl>div:last-child {
  border:0;
}
.setup-window dt,.setup-window dd {
  font-size:13px;
  margin:0;
}
.setup-window dl>div:last-child dd {
  color:var(--muted);
}
.section-heading {
  max-width:830px;
  margin-bottom:42px;
}
.section-heading h2 {
  font-size:42px;
  line-height:1.14;
}
.section-heading p {
  font-size:19px;
  color:var(--muted);
  margin-top:18px;
  max-width:680px;
}
.tour-section {
  padding-top:115px;
  padding-bottom:100px;
}
.tour-frame {
  border:1px solid #cfd8cf;
  background:#0c1814;
  border-radius:14px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.tour-frame video {
  width:100%;
  aspect-ratio:16/9;
  background:#0c1814;
}
.caption {
  font-size:12px;
  color:var(--muted);
  margin-top:16px;
}
.resources-section {
  padding-bottom:105px;
}
.resource-list {
  border-top:1px solid var(--line);
}
.resource-row {
  display:flex;
  align-items:center;
  gap:30px;
  padding:29px 5px;
  border-bottom:1px solid var(--line);
  color:var(--ink);
  transition:background 150ms;
}
.resource-row:hover {
  background:#f2f5ef;
  text-decoration:none;
}
.resource-number {
  font-size:16px;
  color:#e07700;
  width:40px;
  flex:none;
}
.resource-row>div {
  flex:1;
  min-width:0;
}
.resource-row h3 {
  font-size:23px;
  letter-spacing:-.035em;
}
.resource-row p {
  color:var(--muted);
  font-size:15px;
  margin-top:8px;
}
.reading-time {
  font-size:13px;
  color:var(--muted);
  white-space:nowrap;
}
.resource-row>.icon {
  color:var(--green);
  margin-left:25px;
}
.faq-section {
  padding-bottom:100px;
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:70px;
}
.faq-section>.button {
  grid-column:2;
  justify-self:start;
}
.faq-list details {
  border:1px solid var(--line);
  border-radius:10px;
  margin-bottom:12px;
  background:#fff9;
  padding:0 18px;
}
.faq-list summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  min-height:62px;
  font-size:16px;
  font-weight:550;
  list-style:none;
}
.faq-list summary::-webkit-details-marker,.evidence-disclosure summary::-webkit-details-marker {
  display:none;
}
.faq-list details[open] summary .icon,.evidence-disclosure[open] summary .icon:last-child {
  transform:rotate(180deg);
}
.faq-list p {
  font-size:15px;
  color:var(--muted);
  margin:0 0 14px;
}
.faq-list details>a {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  margin-bottom:18px;
}
.contact-band {
  padding:75px var(--gutter) 80px;
  background:#f1f5ef;
  text-align:center;
  border-top:1px solid #e2e7dd;
  border-bottom:1px solid #e2e7dd;
}
.contact-band h2 {
  font-size:44px;
  line-height:1.2;
}
.contact-band p {
  font-size:18px;
  max-width:650px;
  margin:20px auto 27px;
  color:var(--muted);
}
.site-footer {
  max-width:1536px;
  margin:auto;
  padding:38px var(--gutter) 25px;
}
.footer-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding-bottom:27px;
  border-bottom:1px solid var(--line);
}
.footer-top .brand img {
  width:170px;
  height:57px;
}
.footer-top>p {
  color:#1f7738;
  font-size:16px;
}
.footer-top>p>span {
  color:#e17800;
}
.footer-top>a:last-child {
  font-size:14px;
  display:flex;
  align-items:center;
  gap:10px;
}
.footer-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:23px;
  gap:25px;
}
.footer-bottom small {
  font-size:12px;
  color:var(--muted);
}
.footer-bottom nav {
  display:flex;
  gap:25px;
  flex-wrap:wrap;
}
.footer-bottom a {
  color:var(--muted);
  font-size:12px;
}
.footer-icp {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
  padding-top:20px;
  color:var(--muted);
  font-size:12px;
  text-align:center;
}
.footer-icp a {
  color:inherit;
  text-underline-offset:3px;
}
.footer-icp a:hover,
.footer-icp a:focus-visible {
  color:var(--ink);
}
.page-intro {
  padding-top:80px;
  padding-bottom:50px;
}
.page-intro h1 {
  font-size:60px;
  line-height:1.14;
  max-width:920px;
}
.page-intro>p {
  font-size:22px;
  line-height:1.5;
  color:var(--muted);
  margin-top:18px;
  max-width:800px;
}
.page-intro+.story-section {
  padding-top:35px;
}
.solutions-list {
  padding-bottom:95px;
}
.solutions-list article {
  display:grid;
  grid-template-columns:.55fr 1fr 1fr;
  gap:36px;
  border-top:1px solid var(--line);
  padding:40px 0;
  align-items:start;
}
.section-label {
  font-size:13px;
  letter-spacing:.07em;
  color:var(--green);
  line-height:1.6;
}
.solutions-list h2 {
  font-size:30px;
  line-height:1.2;
}
.solutions-list article>p:not(.section-label) {
  font-size:17px;
  color:var(--muted);
}
.solutions-list article>a {
  grid-column:3;
  display:flex;
  align-items:center;
  gap:9px;
  font-size:15px;
}
.resources-directory {
  padding-bottom:90px;
}
.article-page {
  max-width:900px;
  margin:auto;
  padding:72px 36px 105px;
}
.article-page h1 {
  font-size:52px;
  line-height:1.15;
  margin:20px 0;
}
.article-page .back-link {
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:14px;
  margin-bottom:35px;
}
.article-meta {
  font-size:13px;
  letter-spacing:.035em;
  color:var(--muted);
}
.article-lead {
  font-size:21px;
  color:var(--muted);
  line-height:1.6;
  max-width:730px;
}
.article-page header>small {
  display:block;
  font-size:12px;
  color:#7a807a;
  margin-top:20px;
}
.article-body {
  margin-top:45px;
}
.article-body section {
  margin-bottom:37px;
}
.article-body h2 {
  font-size:27px;
  line-height:1.3;
  margin-bottom:15px;
}
.article-body p {
  font-size:17px;
  color:#536057;
  line-height:1.85;
}
.article-body .button,.article-body section>a {
  margin-top:20px;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.article-next {
  margin-top:52px;
  border-top:1px solid var(--line);
  padding-top:35px;
}
.article-next h2 {
  font-size:27px;
  margin-bottom:20px;
}
.article-next>p {
  color:var(--muted);
  margin-bottom:16px;
}
.article-next>a {
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.article-page .guide-entry-row {
  margin-top:40px;
}
.contact-page {
  padding-top:90px;
  min-height:75vh;
}
.contact-page h1 {
  font-size:58px;
}
.contact-person {
  border-top:1px solid var(--line);
  margin-top:40px;
  padding:30px 0;
}
.contact-person h2 {
  font-size:23px;
  letter-spacing:-.015em;
}
.contact-person h2 span {
  font-weight:400;
  color:var(--muted);
  font-size:19px;
  margin-left:12px;
}
.contact-person>a {
  display:inline-flex;
  align-items:center;
  gap:15px;
  font-size:20px;
  margin-top:18px;
}
.contact-explanation {
  font-size:14px;
  line-height:1.7;
  color:var(--muted);
  max-width:620px;
  margin-top:20px;
}
.enquiry-panel {
  margin-top:48px;
  padding:36px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#f7f8f4;
}
.enquiry-panel header {
  max-width:660px;
}
.enquiry-panel h2 {
  margin:8px 0 12px;
  font-size:32px;
  letter-spacing:-.025em;
}
.enquiry-panel header>p:last-child,.enquiry-fields small,.enquiry-actions [role="status"],.enquiry-panel noscript {
  color:var(--muted);
}
.enquiry-fields {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:28px;
}
.enquiry-fields label {
  display:grid;
  gap:8px;
  font-size:14px;
  font-weight:650;
}
.enquiry-fields input,.enquiry-fields textarea {
  width:100%;
  border:1px solid #bdc9c3;
  border-radius:7px;
  padding:13px 14px;
  background:#fff;
  color:var(--ink);
  font:inherit;
}
.enquiry-fields textarea {
  resize:vertical;
}
.enquiry-fields .enquiry-message {
  grid-column:1/-1;
}
.enquiry-fields small {
  font-size:12px;
  font-weight:400;
  line-height:1.55;
}
.enquiry-consent {
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin:22px 0;
  font-size:13px;
  line-height:1.6;
}
.enquiry-consent input {
  flex:none;
  width:18px;
  height:18px;
  margin-top:2px;
}
.enquiry-handling {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  padding:18px 0;
  border-block:1px solid var(--line);
}
.enquiry-handling p {
  display:grid;
  gap:5px;
  font-size:13px;
}
.enquiry-handling span {
  color:var(--muted);
}
.enquiry-actions {
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:22px;
}
.enquiry-actions [role="status"] {
  min-height:1.5em;
  font-size:13px;
}
.enquiry-actions [data-state="success"] {
  color:var(--green);
}
.enquiry-panel noscript p {
  margin-top:18px;
  font-size:13px;
}
.legal-page .article-body p {
  font-size:16px;
}
.sample-workspace {
  padding-bottom:80px;
}
.sample-notice {
  display:flex;
  align-items:flex-start;
  gap:13px;
  background:#f2f5ed;
  border:1px solid #dbe3d5;
  border-radius:8px;
  padding:18px 20px;
  margin-bottom:25px;
}
.sample-notice>.icon {
  color:var(--green);
  margin-top:3px;
}
.sample-notice>p {
  font-size:14px;
  color:#536457;
  flex:1;
}
.sample-notice .text-button {
  flex:none;
  margin-top:-7px;
}
.sample-workspace>.finder {
  max-width:1050px;
  margin-bottom:45px;
}
.sample-workspace .company-row {
  min-height:90px;
}
.sample-workspace>.profile-window {
  max-width:1050px;
  scroll-margin-top:30px;
}
.sample-workspace .profile-facts>div {
  grid-template-columns:42px 1fr 2fr;
}
.review-actions {
  border-top:1px solid var(--line);
  margin-top:26px;
  padding-top:20px;
}
.review-actions>p {
  font-size:13px;
  color:var(--muted);
}
.review-actions>div {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
.review-actions .button {
  min-height:44px;
  font-size:14px;
}
.review-feedback {
  min-height:20px;
  margin-top:12px;
}
.sample-faq {
  max-width:1050px;
  margin-top:40px;
}
.guide-panel {
  border:1px solid #deded4;
  border-radius:16px;
  background:#fffefa;
  box-shadow:0 3px 12px #3232210c;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.guide-open .page-layout {
  display:grid;
  grid-template-columns:minmax(720px,1fr) 380px;
  gap:18px;
  padding-right:16px;
}
.side-guide {
  position:sticky;
  top:16px;
  height:calc(100dvh - 32px);
  max-height:980px;
  margin-top:16px;
  align-self:start;
}
.guide-open main {
  container-type:inline-size;
}
.guide-open .section-wrap {
  padding-inline:38px;
}
.guide-open .hero {
  grid-template-columns:1fr;
  padding-top:48px;
  gap:36px;
}
.guide-open .hero-copy {
  max-width:670px;
}
.guide-open .hero h1 {
  font-size:46px;
}
.guide-open .hero-description {
  max-width:620px;
  font-size:18px;
}
.guide-open .hero-actions {
  margin-top:24px;
}
.guide-open .hero-product {
  max-width:760px;
}
.guide-open .hero-product:before {
  display:none;
}
.guide-open .hero-eyebrow {
  margin-bottom:17px;
}
.guide-open .brand-line {
  margin-top:20px;
}
.guide-open .guide-entry-row {
  visibility:hidden;
  height:0;
  margin:0;
}
.guide-open .workflow-rail {
  margin:38px;
  display:block;
  padding:30px;
}
.guide-open .workflow-rail h2 {
  max-width:600px;
  margin-bottom:30px;
}
.guide-open .workflow-rail ol {
  gap:20px;
}
.guide-open .workflow-rail li {
  padding-left:20px;
}
.guide-open .story-section {
  grid-template-columns:1fr;
  gap:35px;
  padding-top:65px;
}
.guide-open .story-copy h2 {
  max-width:600px;
  font-size:40px;
}
.guide-open .story-copy>p {
  max-width:650px;
  font-size:18px;
}
.guide-open .story-steps {
  display:none;
}
.guide-open .business-section {
  padding:40px 38px;
  gap:25px;
}
.guide-open .business-section h2 {
  font-size:31px;
}
.guide-open .business-section>div>p {
  font-size:15px;
}
.guide-open .setup-window {
  padding:12px;
}
.guide-open .setup-window dl>div {
  grid-template-columns:20px 1fr;
  gap:8px;
  padding-inline:2px;
}
.guide-open .setup-window dd {
  grid-column:2;
}
.guide-open .faq-section {
  grid-template-columns:1fr;
  gap:30px;
}
.guide-open .page-intro h1 {
  font-size:48px;
}
.guide-open .sample-intro {
  padding-top:64px;
  padding-bottom:32px;
}
.guide-open .sample-notice {
  font-size:12px;
}
.guide-open .sample-notice .text-button {
  font-size:12px;
}
.guide-open .sample-workspace .finder {
  padding:20px 18px;
}
.guide-open .solutions-list article {
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.guide-open .solutions-list .section-label {
  grid-column:1/-1;
}
.guide-open .solutions-list article>a {
  grid-column:2;
}
.guide-header {
  display:flex;
  align-items:center;
  gap:12px;
  flex:none;
  padding:18px 20px;
  border-bottom:1px solid #e8e6df;
  min-height:100px;
}
.guide-header h1,.guide-header h2 {
  font-size:20px;
  line-height:1.3;
  letter-spacing:-.025em;
}
.guide-header p {
  font-size:13px;
  color:var(--muted);
  margin-top:4px;
}
.guide-header .icon-button {
  margin-left:auto;
}
.guide-reading {
  flex:1;
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  padding:27px 25px 24px;
  scroll-behavior:smooth;
}
.guide-reading h3 {
  font-size:20px;
  line-height:1.45;
  letter-spacing:-.02em;
  font-weight:500;
}
.guide-disclosure {
  font-size:12px;
  color:var(--muted);
  margin-top:13px;
  line-height:1.6;
}
.question-choices {
  display:grid;
  gap:10px;
  margin:23px 0;
}
.question-choices button {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  min-height:47px;
  padding:11px 13px;
  border:1px solid #d4e3d1;
  background:#f3f7ef;
  border-radius:11px;
  font-size:14px;
  text-align:left;
}
.question-choices button:hover {
  background:#e8f0e4;
}
.question-choices .icon {
  width:17px;
  height:17px;
}
.guide-resource-link {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:13px;
  margin-top:24px;
}
.guide-exchange {
  margin:26px 0 10px;
}
.guide-question {
  margin-left:26px;
  background:#f1f6ec;
  border:1px solid #dbe6d5;
  border-radius:11px;
  padding:13px 15px;
  font-size:15px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.guide-answer {
  padding:20px 0 8px;
  font-size:16px;
  line-height:1.65;
}
.guide-answer a {
  display:block;
  margin-top:19px;
  text-decoration:underline;
  text-underline-offset:4px;
  font-size:15px;
  line-height:1.6;
}
.guide-answer small {
  display:block;
  font-size:10px;
  color:var(--muted);
  margin-top:9px;
}
.guide-composer {
  flex:none;
  padding:16px 17px 15px;
  background:#fffefa;
}
.guide-form {
  display:flex;
  align-items:center;
  gap:5px;
  border:1px solid #cecfc5;
  border-radius:9px;
  min-height:54px;
  background:white;
  padding:3px 5px 3px 12px;
}
.guide-form:focus-within {
  border-color:var(--green);
  box-shadow:0 0 0 1px var(--green);
}
.guide-form input {
  width:100%;
  min-width:0;
  border:0;
  outline:none;
  padding:10px 0;
  background:none;
  color:var(--ink);
  font-size:14px;
}
.guide-form input:focus-visible {
  outline:0;
}
.guide-form .icon-button {
  color:var(--green);
  flex:none;
}
.guide-composer>small {
  display:block;
  font-size:10px;
  line-height:1.5;
  color:var(--muted);
  padding:9px 7px 0;
}
.guide-footer {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex:none;
  padding:8px 23px;
  border-top:1px solid #ebe7df;
}
.guide-footer .text-button,.guide-footer>a {
  font-size:11px;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:6px;
  color:#57645c;
}
.guide-footer .icon {
  width:18px;
  height:18px;
}
.dedicated-guide {
  max-width:720px;
  margin:30px auto;
}
.guide-page-nav {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px 25px;
  border-bottom:1px solid #e2e3da;
}
.guide-page-nav>a {
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:44px;
  font-size:15px;
}
.guide-page-nav>span {
  font-size:18px;
  font-weight:600;
  letter-spacing:-.025em;
}
.dedicated-guide .guide-panel {
  height:calc(100dvh - 150px);
  min-height:540px;
  border-radius:0 0 14px 14px;
}
.dedicated-guide .guide-header {
  background:#fff9f0;
  padding:13px 25px;
}
.dedicated-guide .guide-reading {
  padding:30px;
}
.dedicated-guide .guide-reading h3 {
  font-size:28px;
}
.dedicated-guide .guide-exchange {
  max-width:580px;
}
.dedicated-guide .guide-question {
  font-size:20px;
  margin-left:auto;
  max-width:88%;
}
.dedicated-guide .guide-answer {
  border:1px solid var(--line);
  border-radius:15px;
  padding:20px;
  margin-top:18px;
  max-width:93%;
}
.dedicated-guide .guide-answer p {
  font-size:20px;
  line-height:1.75;
}
.dedicated-guide .guide-answer a {
  font-size:18px;
}
.dedicated-guide .guide-composer {
  background:#fff9f0;
  padding:17px 24px 12px;
  border-top:1px solid #f4e0c5;
}
.dedicated-guide .guide-form {
  min-height:56px;
}
.dedicated-guide .guide-form input {
  font-size:17px;
}
.dedicated-guide .guide-composer>small {
  font-size:12px;
}
.no-script-guide {
  padding:20px;
}
.mobile-copy,.mobile-only {
  display:none;
}
@media(min-width:1600px) {
  .hero h1 {
    font-size:62px;
  }
  .hero-product:before {
    right:0;
  }
  .site-header {
    padding-inline:max(50px,calc((100vw - 1436px)/2));
  }
  .workflow-rail {
    margin-top:8px;
  }
  .hero {
    gap:65px;
  }
}
@media(max-width:1300px) {
  .site-header {
    gap:20px;
  }
  .primary-nav {
    gap:26px;
  }
  .header-actions {
    gap:24px;
  }
  .brand img {
    width:175px;
  }
  .hero {
    gap:30px;
  }
  .hero-actions {
    gap:20px;
    flex-wrap:wrap;
  }
  .hero-button {
    padding-inline:23px;
    font-size:16px;
  }
  .watch-link {
    font-size:15px;
  }
  .finder {
    padding:21px 18px;
  }
  .company-row {
    padding:19px 12px;
    gap:10px;
  }
  .company-symbol {
    width:40px;
    height:40px;
  }
  .company-row strong {
    font-size:13px;
  }
  .company-row small {
    font-size:11px;
  }
  .company-detail {
    padding:23px 17px;
  }
  .detail-heading {
    gap:12px;
  }
  .detail-heading h3 {
    font-size:14px;
  }
  .detail-heading .company-symbol {
    width:42px;
    height:42px;
  }
  .detail-facts {
    gap:19px;
  }
  .detail-facts dd {
    font-size:12px;
  }
  .finder-profile-link {
    font-size:12px;
  }
  .workflow-rail {
    margin-inline:20px;
    gap:35px;
    padding:40px;
  }
  .workflow-rail h2 {
    font-size:27px;
  }
  .workflow-rail ol {
    gap:22px;
  }
  .workflow-rail li {
    padding-left:23px;
  }
  .story-section {
    gap:65px;
  }
  .profile-window {
    padding:25px;
  }
  .profile-facts>div {
    gap:13px;
    padding-inline:3px;
  }
  .profile-facts dd {
    font-size:13px;
  }
}
@media(max-width:1100px) {
  .primary-nav {
    gap:20px;
  }
  .header-actions {
    gap:20px;
  }
  .brand img {
    width:155px;
  }
  .header-demo {
    padding-inline:17px;
    font-size:14px;
  }
  .primary-nav>a {
    font-size:14px;
  }
  .language-link,.login-link {
    font-size:14px;
  }
  .hero {
    grid-template-columns:1fr 1.05fr;
    padding-top:45px;
    gap:25px;
  }
  .hero h1 {
    font-size:40px;
    white-space:normal;
  }
  .hero h1 span {
    white-space:normal;
  }
  .hero-eyebrow {
    font-size:11px;
    letter-spacing:.13em;
  }
  .hero-description {
    font-size:17px;
  }
  .hero-actions {
    gap:12px;
    margin-top:25px;
  }
  .hero-button {
    font-size:14px;
    min-height:51px;
    padding:13px 17px;
  }
  .hero-disclosure {
    font-size:12px;
  }
  .brand-line {
    margin-top:20px;
  }
  .finder {
    padding:18px 14px;
  }
  .finder-heading {
    padding-inline:3px;
  }
  .finder-heading h2 {
    font-size:21px;
  }
  .finder-heading p {
    font-size:12px;
  }
  .finder-heading .quiet-button {
    font-size:12px;
    padding:6px;
  }
  .finder-heading .quiet-button .icon {
    width:17px;
  }
  .finder-grid {
    grid-template-columns:1fr 1.07fr;
  }
  .company-symbol {
    display:none;
  }
  .company-row {
    min-height:86px;
    padding:20px 14px;
  }
  .detail-heading {
    margin-bottom:21px;
  }
  .company-detail {
    padding:20px 14px;
  }
  .detail-facts {
    gap:19px;
  }
  .detail-facts>div {
    column-gap:8px;
    grid-template-columns:17px 1fr;
  }
  .detail-facts .icon {
    width:17px;
    height:17px;
  }
  .detail-facts dt {
    font-size:12px;
  }
  .detail-facts dd {
    font-size:11px;
  }
  .review-status {
    font-size:10px;
    gap:6px;
  }
  .finder-profile-link {
    padding-inline:10px;
    font-size:11px;
  }
  .search-field {
    padding-inline:14px;
    gap:7px;
  }
  .search-field input {
    font-size:11px;
  }
  .workflow-rail {
    grid-template-columns:1fr;
    gap:30px;
    margin-top:20px;
  }
  .workflow-rail h2 {
    max-width:600px;
  }
  .story-section {
    gap:40px;
    padding-top:80px;
  }
  .story-copy h2 {
    font-size:38px;
  }
  .story-copy>p {
    font-size:17px;
  }
  .profile-window {
    padding:22px;
  }
  .profile-heading h2 {
    font-size:24px;
  }
  .profile-facts>div {
    grid-template-columns:32px 1fr 1.2fr;
    gap:10px;
  }
  .profile-facts .icon {
    width:31px;
    height:31px;
    padding:6px;
  }
  .profile-facts dt,.profile-facts dd {
    font-size:12px;
  }
  .profile-facts .review-status {
    font-size:11px;
  }
  .profile-tabs {
    gap:8px;
  }
  .profile-tabs button {
    font-size:13px;
  }
  .business-section {
    gap:45px;
  }
  .business-section h2 {
    font-size:37px;
  }
  .business-section>div>p {
    font-size:16px;
  }
  .faq-section {
    gap:40px;
  }
  .page-intro h1 {
    font-size:50px;
  }
}
@media(max-width:820px) {
  .site-header {
    height:78px;
    padding-inline:24px;
  }
  .brand img {
    width:166px;
    height:56px;
  }
  .primary-nav,.login-link,.header-demo {
    display:none;
  }
  .header-actions {
    gap:16px;
  }
  .menu-toggle {
    display:inline-flex;
  }
  .mobile-menu {
    display:block;
    position:absolute;
    inset:77px 0 auto;
    background:var(--paper);
    border-bottom:1px solid var(--line);
    padding:15px 25px 23px;
    box-shadow:0 12px 25px #14291c0d;
  }
  .mobile-menu a {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 5px;
    color:var(--ink);
    font-size:16px;
  }
  .hero {
    grid-template-columns:1fr;
    padding-top:34px;
    gap:29px;
    max-width:660px;
  }
  .hero-copy {
    text-align:center;
    padding-top:0;
  }
  .hero-eyebrow {
    display:none;
  }
  .hero h1 {
    font-size:42px;
    line-height:1.18;
    letter-spacing:-.045em;
    margin-bottom:15px;
  }
  .hero h1 span {
    white-space:nowrap;
  }
  .hero-description {
    max-width:510px;
    margin:auto;
    font-size:18px;
    line-height:1.45;
  }
  .desktop-copy {
    display:none;
  }
  .mobile-copy {
    display:block;
  }
  .hero-actions {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    max-width:380px;
    gap:6px;
    margin:24px auto 0;
  }
  .hero-button {
    min-height:52px;
    font-size:18px;
    padding:12px 18px;
  }
  .watch-link {
    font-size:17px;
    justify-content:center;
    min-height:45px;
    gap:7px;
  }
  .watch-link .icon {
    width:22px;
    height:22px;
  }
  .hero-disclosure,.brand-line {
    display:none;
  }
  .hero-product:before {
    display:none;
  }
  .hero .finder {
    padding:16px 13px 13px;
    background:#fffcf7;
  }
  .hero .finder-heading {
    padding:0 7px 12px;
  }
  .hero .finder-heading h2 {
    font-size:21px;
  }
  .hero .finder-heading p,.hero .finder-heading .filter-toggle,.hero .finder-list-pane,.hero .finder-footnote,.hero .finder-profile-link,.hero .detail-facts {
    display:none;
  }
  .hero .finder-grid {
    display:block;
    border-bottom:0;
    border-radius:10px 10px 0 0;
  }
  .hero .company-detail {
    padding:17px 18px 0;
  }
  .hero .detail-heading {
    margin:0;
  }
  .hero .detail-heading h3 {
    font-size:19px;
  }
  .hero .detail-heading p {
    font-size:15px;
    margin-top:4px;
  }
  .hero .detail-status {
    border:0;
    margin-top:10px;
    padding:0;
  }
  .hero .review-status {
    font-size:13px;
    border:1px solid #f4c68b;
    background:#fffaf2;
    border-radius:5px;
    padding:3px 8px;
    color:#b45b06;
    gap:7px;
  }
  .hero .review-status .status-dot {
    width:7px;
    height:7px;
  }
  .hero .mobile-company-details {
    display:block;
    padding:13px 18px 12px;
    border:1px solid var(--line);
    border-top:0;
    border-radius:0 0 10px 10px;
    background:#fff;
  }
  .mobile-company-details p {
    font-size:14px;
    display:flex;
    align-items:center;
    gap:9px;
    line-height:1.7;
    margin-bottom:4px;
    color:#505b53;
  }
  .mobile-company-details p .icon {
    width:17px;
    height:17px;
    color:var(--ink);
  }
  .mobile-company-details strong {
    font-weight:400;
    margin-left:3px;
    color:var(--ink);
  }
  .mobile-company-details small {
    display:block;
    font-size:11px;
    color:var(--muted);
    margin-top:10px;
  }
  .hero+.section-wrap {
    max-width:660px;
  }
  .guide-entry-row {
    margin:16px 0 27px;
  }
  .guide-entry {
    width:100%;
    justify-content:flex-start;
    border:1px solid var(--line);
    border-radius:12px;
    padding:6px 16px;
    background:#fff;
    gap:15px;
    box-shadow:0 3px 7px #28352a0a;
  }
  .guide-entry strong {
    font-size:17px;
    color:var(--green);
  }
  .guide-entry small {
    font-size:13px;
  }
  .guide-entry .mobile-only {
    display:block;
    width:18px;
    margin-left:auto;
  }
  .workflow-rail {
    margin:35px auto 0;
    max-width:612px;
    border:0;
    border-radius:0;
    padding:0 24px;
    gap:27px;
  }
  .workflow-rail h2 {
    font-size:31px;
    line-height:1.22;
    text-align:center;
    max-width:550px;
  }
  .workflow-rail ol {
    gap:20px;
  }
  .workflow-rail li {
    padding-left:20px;
  }
  .workflow-rail li>span {
    font-size:22px;
  }
  .workflow-rail h3 {
    font-size:17px;
  }
  .workflow-rail li p {
    font-size:13px;
  }
  .story-section {
    grid-template-columns:1fr;
    gap:33px;
    max-width:710px;
    padding-top:76px;
    padding-bottom:58px;
  }
  .story-copy h2 {
    font-size:41px;
    line-height:1.1;
    max-width:520px;
  }
  .story-copy>p {
    max-width:510px;
    font-size:18px;
    margin-top:19px;
  }
  .story-steps {
    max-width:none;
    display:flex;
    gap:20px;
  }
  .story-steps li {
    flex:1;
    display:block;
    border-bottom:0;
    border-right:1px solid var(--line);
    padding:0 15px 0 0;
  }
  .story-steps li>span {
    font-size:15px;
  }
  .story-steps h3 {
    margin-top:10px;
  }
  .story-steps p {
    font-size:12px;
  }
  .profile-window {
    padding:24px;
  }
  .profile-facts>div {
    grid-template-columns:35px 1fr 1.5fr;
  }
  .profile-facts dt,.profile-facts dd {
    font-size:14px;
  }
  .profile-facts .review-status {
    font-size:12px;
  }
  .profile-tabs {
    gap:20px;
  }
  .profile-tabs button {
    font-size:14px;
  }
  .business-section {
    grid-template-columns:1fr;
    gap:30px;
    padding:45px var(--gutter) 48px;
  }
  .business-section>div:first-child {
    max-width:570px;
    justify-self:center;
    width:100%;
  }
  .business-section h2 {
    font-size:39px;
  }
  .business-section>div>p {
    max-width:460px;
    font-size:18px;
  }
  .business-section>div>a {
    font-size:17px;
    margin-top:20px;
  }
  .setup-window {
    max-width:570px;
  }
  .setup-window h3 {
    font-size:21px;
  }
  .setup-window dt,.setup-window dd {
    font-size:14px;
  }
  .section-heading h2 {
    font-size:35px;
  }
  .section-heading p {
    font-size:17px;
    margin-top:16px;
  }
  .tour-section {
    padding-top:70px;
    padding-bottom:70px;
  }
  .section-heading {
    margin-bottom:28px;
  }
  .resources-section {
    padding-bottom:70px;
  }
  .resource-row {
    gap:16px;
    padding:25px 0;
  }
  .resource-number {
    width:24px;
    font-size:14px;
  }
  .resource-row h3 {
    font-size:20px;
  }
  .resource-row p {
    font-size:14px;
  }
  .reading-time {
    display:none;
  }
  .resource-row>.icon {
    margin-left:0;
    width:19px;
  }
  .faq-section {
    grid-template-columns:1fr;
    gap:27px;
    padding-bottom:65px;
  }
  .faq-section h2 {
    font-size:35px;
  }
  .faq-section>.button {
    grid-column:1;
  }
  .faq-list summary {
    font-size:15px;
  }
  .contact-band {
    padding:58px 30px;
  }
  .contact-band h2 {
    font-size:35px;
  }
  .contact-band p {
    font-size:16px;
  }
  .footer-top {
    flex-wrap:wrap;
    gap:15px;
  }
  .footer-top .brand img {
    width:150px;
    height:51px;
  }
  .footer-top>p {
    font-size:15px;
  }
  .footer-top>a:last-child {
    width:100%;
    font-size:14px;
    margin-top:7px;
  }
  .footer-bottom {
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
  }
  .footer-bottom nav {
    gap:22px;
  }
  .page-intro {
    padding-top:48px;
    padding-bottom:32px;
  }
  .page-intro h1 {
    font-size:43px;
  }
  .page-intro>p {
    font-size:19px;
  }
  .solutions-list article {
    grid-template-columns:1fr;
    gap:16px;
    padding:30px 0;
  }
  .solutions-list article>a {
    grid-column:1;
    margin-top:4px;
  }
  .solutions-list h2 {
    font-size:29px;
    max-width:570px;
  }
  .solutions-list article>p:not(.section-label) {
    font-size:16px;
    max-width:570px;
  }
  .solutions-list {
    padding-bottom:40px;
  }
  .resources-directory {
    padding-bottom:55px;
  }
  .article-page {
    padding:42px 28px 65px;
  }
  .article-page h1 {
    font-size:40px;
  }
  .article-lead {
    font-size:19px;
  }
  .article-body {
    margin-top:35px;
  }
  .article-body h2 {
    font-size:25px;
  }
  .article-body p {
    font-size:16px;
  }
  .article-next {
    margin-top:35px;
  }
  .contact-page h1 {
    font-size:43px;
  }
  .contact-person>a {
    font-size:18px;
  }
  .enquiry-panel {
    padding:26px;
  }
  .sample-notice {
    flex-wrap:wrap;
    gap:10px;
    padding:16px;
  }
  .sample-notice>p {
    font-size:12px;
    flex-basis:calc(100% - 36px);
  }
  .sample-notice .text-button {
    margin-top:0;
    margin-left:30px;
    min-height:32px;
  }
  .sample-workspace>.finder {
    margin-bottom:28px;
  }
  .sample-workspace .finder-grid {
    grid-template-columns:.9fr 1.1fr;
  }
  .sample-workspace .company-row {
    min-height:92px;
  }
  .sample-workspace .detail-heading h3 {
    font-size:16px;
  }
  .sample-workspace .detail-facts dd {
    font-size:13px;
  }
  .sample-workspace .detail-facts dt {
    font-size:13px;
  }
  .sample-workspace .review-status {
    font-size:12px;
  }
  .sample-workspace .finder-profile-link {
    font-size:12px;
  }
  .sample-workspace .profile-facts>div {
    grid-template-columns:35px 1fr 1.4fr;
  }
  .sample-workspace {
    padding-bottom:40px;
  }
  .dedicated-guide {
    margin:0;
    max-width:none;
  }
  .guide-page-nav {
    padding:10px 16px;
    min-height:70px;
  }
  .guide-page-nav>span {
    font-size:16px;
  }
  .guide-page-nav>a {
    font-size:14px;
  }
  .guide-page-nav .icon {
    width:17px;
  }
  .dedicated-guide .guide-panel {
    height:calc(100dvh - 70px);
    min-height:420px;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  .dedicated-guide .guide-header {
    padding:9px 20px;
    min-height:88px;
    gap:15px;
  }
  .dedicated-guide .guide-header h1 {
    font-size:19px;
  }
  .dedicated-guide .guide-header p {
    font-size:13px;
  }
  .dedicated-guide .guide-reading {
    padding:27px 22px;
  }
  .dedicated-guide .guide-reading h3 {
    font-size:25px;
    font-weight:600;
  }
  .dedicated-guide .question-choices {
    gap:10px;
    margin:20px 0;
  }
  .dedicated-guide .question-choices button {
    font-size:15px;
    min-height:49px;
  }
  .dedicated-guide .guide-question {
    font-size:18px;
  }
  .dedicated-guide .guide-answer p {
    font-size:18px;
  }
  .dedicated-guide .guide-answer a {
    font-size:17px;
  }
  .dedicated-guide .guide-composer {
    padding:12px 18px 10px;
  }
  .dedicated-guide .guide-composer>small {
    font-size:10px;
  }
  .dedicated-guide .guide-footer {
    padding:4px 22px;
  }
  .dedicated-guide .guide-footer>a,.dedicated-guide .guide-footer .text-button {
    font-size:12px;
  }
  .dedicated-guide .guide-disclosure {
    font-size:12px;
  }
  .dedicated-guide .guide-form {
    min-height:52px;
  }
  .dedicated-guide .guide-form input {
    font-size:16px;
  }
}
@media(max-width:480px) {
  :root {
    --gutter:22px;
  }
  .site-header {
    padding-inline:17px;
    height:73px;
    gap:12px;
  }
  .brand img {
    width:149px;
    height:51px;
  }
  .header-actions {
    gap:9px;
  }
  .language-link {
    font-size:13px;
  }
  .language-link span {
    margin-inline:2px;
  }
  .menu-toggle {
    width:35px;
  }
  .mobile-menu {
    top:72px;
  }
  .hero {
    padding-top:28px;
    gap:22px;
  }
  .hero h1 {
    font-size:clamp(29px,7.9vw,38px);
    line-height:1.19;
    margin-bottom:14px;
    letter-spacing:-.044em;
  }
  .hero-description {
    font-size:16px;
    line-height:1.5;
    letter-spacing:-.01em;
  }
  .hero-actions {
    margin-top:21px;
    max-width:330px;
    gap:3px;
  }
  .hero-button {
    font-size:16px;
    min-height:47px;
  }
  .watch-link {
    font-size:15px;
    min-height:39px;
  }
  .hero .finder-heading h2 {
    font-size:19px;
  }
  .hero .finder {
    padding:13px 11px 11px;
  }
  .hero .company-detail {
    padding:15px 15px 0;
  }
  .hero .detail-heading h3 {
    font-size:17px;
  }
  .hero .detail-heading p {
    font-size:14px;
  }
  .hero .mobile-company-details {
    padding:10px 15px 11px;
  }
  .hero .review-status {
    font-size:12px;
  }
  .mobile-company-details p {
    font-size:12px;
    gap:8px;
    line-height:1.7;
  }
  .mobile-company-details p .icon {
    width:16px;
    height:16px;
  }
  .guide-entry {
    gap:10px;
    min-height:77px;
    padding:4px 11px;
  }
  .guide-entry strong {
    font-size:15px;
  }
  .guide-entry small {
    font-size:12px;
    margin-top:5px;
  }
  .guide-entry .mascot-home {
    height:64px;
    width:64px;
  }
  .guide-entry-row {
    margin:14px 0 20px;
  }
  .workflow-rail {
    margin-top:32px;
    padding-inline:22px;
    gap:28px;
  }
  .workflow-rail h2 {
    font-size:28px;
  }
  .workflow-rail ol {
    display:block;
  }
  .workflow-rail li {
    border-left:0;
    border-bottom:1px solid var(--line);
    display:grid;
    grid-template-columns:38px 1fr;
    gap:3px 15px;
    padding:16px 0;
  }
  .workflow-rail li:last-child {
    border-bottom:0;
  }
  .workflow-rail li>span {
    grid-row:1/3;
    font-size:22px;
    line-height:1.3;
  }
  .workflow-rail h3 {
    margin:0;
    font-size:18px;
  }
  .workflow-rail li p {
    grid-column:2;
    font-size:14px;
  }
  .story-section {
    padding-top:65px;
    padding-bottom:43px;
    gap:26px;
  }
  .story-copy h2 {
    font-size:34px;
  }
  .story-copy>p {
    font-size:16px;
  }
  .story-steps {
    gap:13px;
    margin-top:23px;
  }
  .story-steps li {
    padding-right:10px;
  }
  .story-steps h3 {
    font-size:14px;
  }
  .story-steps p {
    font-size:11px;
  }
  .profile-window {
    padding:20px 15px 18px;
  }
  .profile-heading h2 {
    font-size:23px;
  }
  .profile-heading {
    gap:9px;
  }
  .subtle-tag {
    font-size:10px;
  }
  .profile-role {
    font-size:13px;
    gap:9px;
  }
  .profile-tabs {
    gap:13px;
    margin-top:20px;
  }
  .profile-tabs button {
    font-size:13px;
    padding-inline:9px;
  }
  .profile-facts>div {
    grid-template-columns:30px .85fr 1.35fr;
    gap:9px;
    padding-block:14px;
  }
  .profile-facts .icon {
    width:30px;
    height:30px;
  }
  .profile-facts dt,.profile-facts dd {
    font-size:12px;
  }
  .profile-facts .review-status {
    font-size:11px;
  }
  .evidence-disclosure {
    padding-inline:10px;
    font-size:13px;
  }
  .review-link {
    font-size:14px;
    margin-left:3px;
  }
  .business-section {
    padding:37px 22px 40px;
    gap:26px;
  }
  .business-section h2 {
    font-size:35px;
  }
  .business-section>div>p {
    font-size:16px;
  }
  .business-section>div>a {
    font-size:15px;
  }
  .setup-window {
    padding:16px 13px;
  }
  .setup-window h3 {
    font-size:18px;
    padding-inline:4px;
  }
  .setup-window dl>div {
    grid-template-columns:20px 1fr 1.3fr;
    gap:9px;
    padding:12px 4px;
  }
  .setup-window dt,.setup-window dd {
    font-size:12px;
  }
  .setup-window .icon {
    width:19px;
  }
  .section-heading h2 {
    font-size:31px;
  }
  .section-heading p {
    font-size:16px;
  }
  .tour-section {
    padding-top:55px;
    padding-bottom:55px;
  }
  .tour-frame {
    border-radius:8px;
  }
  .caption {
    font-size:11px;
  }
  .resource-row {
    gap:12px;
    padding:23px 0;
  }
  .resource-row h3 {
    font-size:19px;
  }
  .resource-row p {
    font-size:13px;
    line-height:1.6;
  }
  .resource-number {
    font-size:13px;
    width:18px;
  }
  .resource-row>.icon {
    width:17px;
  }
  .resources-section {
    padding-bottom:55px;
  }
  .faq-section {
    padding-bottom:50px;
    gap:23px;
  }
  .faq-section h2 {
    font-size:31px;
  }
  .faq-list details {
    padding-inline:14px;
  }
  .faq-list summary {
    font-size:14px;
    min-height:59px;
    gap:15px;
  }
  .faq-list p {
    font-size:14px;
  }
  .faq-list details>a {
    font-size:13px;
  }
  .contact-band {
    padding:48px 22px;
  }
  .contact-band h2 {
    font-size:31px;
  }
  .contact-band p {
    font-size:15px;
  }
  .footer-top>p {
    font-size:13px;
  }
  .footer-top .brand img {
    width:135px;
    height:46px;
  }
  .footer-bottom nav {
    gap:20px;
  }
  .page-intro {
    padding-top:38px;
  }
  .page-intro h1 {
    font-size:37px;
  }
  .page-intro>p {
    font-size:17px;
  }
  .article-page {
    padding-inline:23px;
  }
  .article-page h1 {
    font-size:35px;
  }
  .article-lead {
    font-size:17px;
  }
  .article-body h2 {
    font-size:24px;
  }
  .article-body p {
    font-size:16px;
  }
  .contact-page h1 {
    font-size:39px;
  }
  .contact-person h2 {
    font-size:21px;
  }
  .contact-person h2 span {
    font-size:17px;
  }
  .contact-person>a {
    font-size:17px;
  }
  .enquiry-panel {
    padding:22px 18px;
  }
  .enquiry-panel h2 {
    font-size:26px;
  }
  .enquiry-fields,.enquiry-handling {
    grid-template-columns:1fr;
  }
  .enquiry-actions {
    align-items:flex-start;
    flex-direction:column;
  }
  .sample-workspace .finder-grid {
    grid-template-columns:1fr;
  }
  .sample-workspace .finder-list-pane {
    border:0;
  }
  .sample-workspace .company-row {
    min-height:65px;
    padding:13px 14px;
  }
  .sample-workspace .company-row strong {
    font-size:14px;
  }
  .sample-workspace .company-row small {
    font-size:12px;
  }
  .sample-workspace .company-detail {
    border-top:1px solid var(--line);
    padding:19px 16px;
  }
  .sample-workspace .detail-facts {
    gap:16px;
  }
  .sample-workspace .finder-footnote {
    display:none;
  }
  .sample-workspace .finder-profile-link {
    font-size:13px;
    min-height:44px;
  }
  .sample-workspace .company-symbol {
    display:flex;
    width:37px;
    height:37px;
  }
  .sample-workspace .finder-heading .quiet-button {
    font-size:12px;
  }
  .sample-workspace .profile-facts>div {
    grid-template-columns:30px .8fr 1.4fr;
    gap:8px;
  }
  .sample-workspace .review-status {
    font-size:11px;
  }
  .review-actions>div {
    flex-direction:column;
    align-items:stretch;
  }
  .review-actions>p {
    font-size:12px;
  }
  .sample-faq {
    margin-top:27px;
  }
  .guide-page-nav {
    gap:10px;
    padding-inline:12px;
  }
  .guide-page-nav>span {
    font-size:15px;
  }
  .guide-page-nav>a {
    font-size:12px;
  }
  .dedicated-guide .guide-reading h3 {
    font-size:24px;
  }
  .dedicated-guide .guide-header h1 {
    font-size:18px;
  }
  .dedicated-guide .guide-question {
    font-size:16px;
  }
  .dedicated-guide .guide-answer {
    padding:16px;
  }
  .dedicated-guide .guide-answer p {
    font-size:16px;
  }
  .dedicated-guide .guide-answer a {
    font-size:16px;
  }
  .dedicated-guide .guide-reading {
    padding:24px 20px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html,.guide-reading {
    scroll-behavior:auto;
  }
  *,*:before,*:after {
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
  .button:hover {
    transform:none;
  }
  .mascot.is-playing .mascot-frame {
    animation:none!important;
  }
}
.technology {
  max-width:1416px;
  padding-top:80px;
  padding-bottom:48px;
  container-type:inline-size;
}
.technology-heading {
  max-width:1100px;
  margin:0 auto 32px;
  text-align:center;
}
.technology-heading h2 {
  font-size:clamp(34px,3.3vw,52px);
  line-height:1.16;
}
.technology-heading>p {
  max-width:820px;
  margin:20px auto 0;
  font-size:19px;
  color:var(--muted);
}
.technology-tabs {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:1px solid var(--line);
  margin-bottom:24px;
}
.technology-tabs>a {
  position:relative;
  padding:18px 4px 21px;
  text-align:center;
  font-size:18px;
  font-weight:500;
  color:var(--muted);
  text-decoration:none;
}
.technology-tabs>a::after {
  content:'';
  position:absolute;
  left:18%;
  right:18%;
  height:3px;
  bottom:-1px;
  background:var(--green);
  transform:scaleX(0);
  transition:transform 240ms cubic-bezier(.2,.7,.25,1);
}
.technology-tabs>a:hover,.technology-tabs>a[aria-selected=true] {
  color:var(--ink);
}
.technology-tabs>a[aria-selected=true]::after {
  transform:scaleX(1);
}
.technology-panel {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.75fr);
  align-items:center;
  gap:32px;
  min-height:460px;
  padding:14px 0;
}
.technology-panel+.technology-panel:not([hidden]) {
  border-top:1px solid var(--line);
}
.technology[data-enhanced=true] .technology-panel {
  border-top:0;
}
.technology-label {
  font-size:14px;
  font-weight:600;
  letter-spacing:.08em;
  color:var(--green);
  margin-bottom:25px;
}
.technology-copy h3 {
  font-size:clamp(31px,2.8vw,44px);
  line-height:1.2;
  text-wrap:balance;
  max-width:490px;
}
.technology-description {
  font-size:18px;
  margin:24px 0 15px;
}
.technology-detail {
  font-size:15px;
  color:var(--muted);
  line-height:1.65;
  max-width:500px;
}
.technology-sample {
  display:inline-flex;
  gap:12px;
  align-items:center;
  min-height:44px;
  margin-top:24px;
  font-size:16px;
  font-weight:500;
}
.technology-art {
  margin:0;
  padding-left:28px;
  border-left:1px solid var(--line);
}
.technology-art img {
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:contain;
}
.technology-art figcaption {
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:12px 0 0;
  text-align:center;
  font-size:12px;
  line-height:1.5;
  color:var(--muted);
}
.technology-art figcaption strong {
  font-size:14px;
  font-weight:500;
  color:var(--ink);
}
.technology-relation {
  margin:42px auto 0;
  text-align:center;
  font-size:16px;
  color:var(--muted);
  max-width:1060px;
}
.technology-scale {
  max-width:1416px;
  border-top:1px solid var(--line);
  padding-top:68px;
  padding-bottom:68px;
}
.technology-scale-heading {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:start;
}
.technology-scale-heading h2 {
  max-width:560px;
}
.technology-scale-heading p {
  color:var(--muted);
  font-size:18px;
  max-width:570px;
}
.technology-metrics {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  margin:52px 0 26px;
}
.technology-metrics dt {
  color:var(--green);
  font-weight:600;
  font-size:14px;
  letter-spacing:.04em;
}
.technology-metrics dd { margin:12px 0 0; }
.technology-metrics strong {
  display:block;
  font-size:clamp(42px,4.5vw,66px);
  line-height:1.1;
  font-weight:500;
  letter-spacing:-.05em;
  font-variant-numeric:tabular-nums;
}
.technology-metrics dd span {
  display:block;
  margin-top:14px;
  max-width:480px;
  font-size:17px;
  line-height:1.55;
}
.technology-scale-note {
  max-width:1000px;
  font-size:12px;
  line-height:1.75;
  color:var(--muted);
}
.technology-context {
  max-width:1416px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  padding-top:70px;
  padding-bottom:70px;
  border-top:1px solid var(--line);
}
.technology-context p {font-size:18px;color:var(--muted);}
.technology-context a {display:inline-flex;gap:10px;align-items:center;margin-top:24px;min-height:44px;}
@media(prefers-reduced-motion:no-preference) {
  .technology[data-enhanced=true] .technology-panel:not([hidden]) {
    animation:technology-reveal 280ms cubic-bezier(.2,.7,.25,1) both;
  }
  @keyframes technology-reveal {
    from {opacity:0;transform:translateY(5px);}
    to {opacity:1;transform:translateY(0);}
  }
}
@container(max-width:850px) {
  .technology-panel {grid-template-columns:1fr;gap:22px;min-height:0;}
  .technology-copy {max-width:680px;}
  .technology-copy h3 {max-width:none;}
  .technology-detail {max-width:none;}
  .technology-art {border-left:0;padding-left:0;max-width:700px;margin:0 auto;width:100%;}
}
@media(max-width:700px) {
  .technology {padding-top:64px;padding-bottom:36px;}
  .technology-heading {margin-bottom:26px;text-align:left;}
  .technology-heading h2 {font-size:32px;text-wrap:balance;}
  .technology-heading .heading-phrase {display:inline-block;}
  .technology-heading>p {font-size:16px;margin-top:16px;}
  .technology-tabs {margin-bottom:28px;}
  .technology-tabs>a {font-size:14px;padding:16px 0;}
  .technology-label {font-size:12px;margin-bottom:16px;}
  .technology-description {font-size:17px;margin-top:18px;}
  .technology-detail {font-size:14px;}
  .technology-sample {font-size:15px;margin-top:16px;}
  .technology-art figcaption strong {font-size:12px;}
  .technology-art figcaption span {font-size:11px;}
  .technology-relation {font-size:13px;margin-top:22px;text-align:left;}
  .technology-scale {padding-top:40px;padding-bottom:40px;}
  .technology-scale-heading,.technology-context {grid-template-columns:1fr;gap:22px;}
  .technology-scale-heading p,.technology-context p {font-size:16px;}
  .technology-metrics {grid-template-columns:1fr;gap:30px;margin-top:30px;}
  .technology-metrics dt {font-size:11px;}
  .technology-metrics strong {font-size:clamp(27px,7vw,43px);letter-spacing:-.045em;}
  .technology-metrics dd span {font-size:13px;}
  .technology-scale-note {font-size:11px;}
  .technology-context {padding-top:42px;padding-bottom:42px;}
}
@media(print) {
  .technology-panel[hidden] {display:grid!important;}
  .technology-tabs {display:none;}
  .technology-panel {break-inside:avoid;}
  .site-header,.site-footer,.guide-entry-row,.guide-panel,.hero-actions,.review-actions,.filter-toggle,.guide-composer {
    display:none!important;
  }
  body {
    background:white;
    color:black;
  }
  .article-page {
    max-width:none;
    padding:0;
  }
  .article-body p {
    color:black;
  }
  .page-layout {
    display:block!important;
  }
  .product-window {
    box-shadow:none;
  }
  a {
    color:black;
    text-decoration:underline;
  }
}