:root {
  --blueprint: #15384a;
  --blueprint-deep: #0d2835;
  --canvas: #f2f6f6;
  --paper: #ffffff;
  --teal: #0d7180;
  --teal-light: #b8d8dc;
  --copper: #c56624;
  --copper-action: #b25419;
  --critical: #b33a3a;
  --ink: #132126;
  --muted: #607076;
  --rule: #c9d4d6;
  --rule-dark: #41606d;
  --text-on-dark-muted: #91a8af;
  --text-on-dark-soft: #a9bcc2;
  --display: "Archivo", "Arial Narrow", sans-serif;
  --body: "IBM Plex Sans", Arial, sans-serif;
  --mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --shell: min(1200px, calc(100% - 48px));
  --header-height: 72px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; color: var(--ink); background: var(--canvas); font-family: var(--body); line-height: 1.55; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button, input { font: inherit; }
img, svg { display: block; }
.shell { width: var(--shell); margin-inline: auto; }
.skip-link { position: fixed; z-index: 100; left: 16px; top: -60px; padding: 10px 16px; color: white; background: var(--critical); }
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid var(--copper); outline-offset: 3px; }

.site-header { position: fixed; z-index: 50; inset: 0 0 auto; height: var(--header-height); color: white; border-bottom: 1px solid rgba(255,255,255,.22); background: rgba(21,56,74,.96); transition: background-color .2s ease; }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; min-height: 44px; align-items: center; gap: 11px; font-family: var(--display); font-size: 21px; font-weight: 750; letter-spacing: -.04em; text-decoration: none; }
.brand-mark { width: 27px; height: 27px; fill: var(--copper); }
.site-nav { display: flex; align-items: center; gap: 28px; font-family: var(--mono); font-size: 12px; }
.site-nav a { text-decoration: none; }
.site-nav > a:not(.button) { display: inline-flex; min-height: 44px; align-items: center; padding-block: 8px; border-bottom: 1px solid transparent; }
.site-nav > a:not(.button):hover { border-color: var(--copper); }
.nav-sign-in { color: #dce7e9; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--rule-dark); border-radius: 4px; background: transparent; cursor: pointer; }
.menu-toggle span { display: block; width: 20px; height: 1px; margin: 6px auto; background: white; transition: transform .2s ease; }

.button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 0 20px; border: 1px solid var(--copper-action); border-radius: 4px; color: white; background: var(--copper-action); font-family: var(--mono); font-size: 12px; font-weight: 600; text-decoration: none; transition: background-color .18s ease, color .18s ease, transform .18s ease; }
.button:hover { color: var(--copper-action); background: transparent; transform: translateY(-1px); }
.button-small { min-height: 44px; padding-inline: 15px; }
.button-copper:hover { color: white; border-color: white; }
.text-link { display: inline-flex; min-height: 44px; align-items: center; gap: 10px; font-family: var(--mono); font-size: 12px; font-weight: 600; text-underline-offset: 5px; }
.text-link-light { color: white; }
.text-link:not(.text-link-light):visited { color: var(--teal); }
.text-link-light:visited, .site-footer a:visited { color: #c5dadd; }

.hero { min-height: 780px; padding-top: calc(var(--header-height) + 82px); color: white; background: var(--blueprint); position: relative; overflow: hidden; }
.hero::before { content: ""; position: absolute; inset: var(--header-height) 0 0 50%; border-left: 1px solid var(--rule-dark); background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 32px 32px; }
.hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(430px, .97fr); gap: 70px; align-items: center; }
.hero-grid > *, .mcp-diagram > *, .specimen { min-width: 0; }
.hero-copy { min-width: 0; padding-bottom: 74px; }
.eyebrow, .section-marker { display: flex; justify-content: space-between; gap: 20px; margin: 0 0 42px; padding-bottom: 11px; border-bottom: 1px solid var(--rule); font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.eyebrow { border-color: var(--rule-dark); color: #b8c9ce; }
.eyebrow-static { margin: 0 0 20px; color: var(--teal); font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--display); text-wrap: balance; }
h1 { max-width: 760px; margin-bottom: 30px; font-size: clamp(54px, 6.5vw, 92px); font-stretch: 82%; font-weight: 720; letter-spacing: -.065em; line-height: .95; }
h1 em { color: var(--teal-light); font-style: normal; font-weight: 480; }
.hero-lede { max-width: 650px; margin-bottom: 34px; color: #cfdbde; font-size: 18px; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-bottom: 52px; }
.hero-principles { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; border-top: 1px solid var(--rule-dark); }
.hero-principles div { padding: 16px 14px 0 0; border-right: 1px solid var(--rule-dark); }
.hero-principles div + div { padding-left: 14px; }
.hero-principles dt { color: #8fa8b1; font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.hero-principles dd { margin: 5px 0 0; font-size: 13px; }

.trace-console { position: relative; border: 1px solid #607b85; border-radius: 6px; background: var(--blueprint-deep); box-shadow: 16px 16px 0 rgba(4,22,30,.32); }
.console-head, .console-foot { display: flex; justify-content: space-between; gap: 12px; padding: 12px 15px; color: #98adb4; font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.console-head { border-bottom: 1px solid var(--rule-dark); }
.status-light::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: var(--copper); }
.console-body { padding: 22px; }
.part-identity { display: grid; grid-template-columns: 1fr auto; margin-bottom: 22px; }
.part-code, .part-state { font-family: var(--mono); font-size: 11px; color: var(--teal-light); }
.part-state { color: #dce8ea; }
.part-identity strong { grid-column: 1 / -1; margin-top: 8px; font-family: var(--display); font-size: 22px; }
.part-identity small { grid-column: 1 / -1; color: #88a0a8; }
.evidence-stack { position: relative; }
.evidence-stack::before { content: ""; position: absolute; top: 20px; bottom: 20px; left: 29px; width: 1px; background: var(--rule-dark); }
.evidence-row { position: relative; display: grid; grid-template-columns: 42px 1fr 1fr 10px; align-items: center; min-height: 48px; border-top: 1px solid #284653; color: #809aa3; }
.evidence-row span, .evidence-row small { font-family: var(--mono); font-size: 10px; }
.evidence-row b { font-size: 13px; }
.evidence-row i { width: 7px; height: 7px; border: 1px solid currentColor; border-radius: 50%; }
.evidence-row.complete { color: #c5dadd; }
.evidence-row.complete i { border-color: var(--teal); background: var(--teal); }
.evidence-row.active { margin-inline: -10px; padding-inline: 10px; color: white; background: #173f4d; }
.evidence-row.active::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 2px; background: var(--copper); }
.evidence-row.active i { border-color: var(--copper); background: var(--copper); box-shadow: 0 0 0 4px rgba(197,102,36,.18); }
.console-alert { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; margin-top: 22px; padding: 15px; border: 1px solid #4e6872; border-radius: 4px; background: #133441; }
.console-alert span { color: var(--copper); font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.console-alert p { margin: 0; font-size: 12px; grid-column: 1; }
.console-alert button { grid-column: 2; grid-row: 1 / 3; min-height: 44px; border: 1px solid #6c858e; border-radius: 4px; color: #a1b2b8; background: transparent; font-family: var(--mono); font-size: 10px; }
.console-foot { border-top: 1px solid var(--rule-dark); }
.hero-index { position: absolute; inset: auto 24px 22px; display: flex; justify-content: space-between; color: #8aa3ac; font-family: var(--mono); font-size: 10px; letter-spacing: .09em; }

.section { padding-block: 120px; }
.section-marker { color: var(--muted); }
.section-marker-light { color: #8aa3ac; border-color: var(--rule-dark); }
.split-intro { display: grid; grid-template-columns: 1.25fr .75fr; gap: 80px; margin-bottom: 72px; }
h2 { margin-bottom: 0; font-size: clamp(42px, 5vw, 70px); font-stretch: 82%; font-weight: 680; letter-spacing: -.055em; line-height: 1; }
.section-lede { align-self: end; margin-bottom: 3px; color: var(--muted); font-size: 18px; }
.split-intro-light h2 { color: white; }
.split-intro-light .section-lede { color: #a9bcc2; }
.fault-line { display: grid; grid-template-columns: repeat(3, 1fr); border: solid var(--rule); border-width: 1px 0; }
.fault-line article { min-height: 255px; padding: 26px 32px 28px 0; }
.fault-line article + article { padding-left: 32px; border-left: 1px solid var(--rule); }
.fault-code { color: var(--critical); font-family: var(--mono); font-size: 10px; }
.fault-line h3 { margin: 56px 0 14px; font-size: 24px; letter-spacing: -.03em; line-height: 1.1; }
.fault-line p { margin: 0; color: var(--muted); }

.trace-section { color: white; background: var(--blueprint); }
.trace-spine { position: relative; margin: 0; padding: 0; list-style: none; }
.trace-spine::before { content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; left: 55px; width: 2px; background: var(--teal); transform-origin: top; animation: traceDraw 2.2s ease both; animation-timeline: view(); animation-range: entry 10% cover 65%; }
.trace-stage { position: relative; z-index: 1; display: grid; grid-template-columns: 110px 1fr auto; align-items: center; min-height: 110px; border-top: 1px solid var(--rule-dark); }
.trace-stage:last-child { border-bottom: 1px solid var(--rule-dark); }
.stage-number { display: grid; width: 32px; height: 32px; place-items: center; margin-left: 40px; border: 1px solid var(--teal); border-radius: 50%; color: white; background: var(--blueprint); font-family: var(--mono); font-size: 10px; }
.trace-stage h3 { margin: 0 0 4px; font-size: 28px; letter-spacing: -.035em; }
.trace-stage p { margin: 0; color: #8fa8b1; font-size: 15px; }
.stage-state { padding: 8px 12px; border: 1px solid var(--rule-dark); border-radius: 3px; color: var(--teal-light); font-family: var(--mono); font-size: 10px; text-transform: uppercase; }

.governed-loop { display: grid; grid-template-columns: 1fr .88fr; border: 1px solid var(--rule); background: var(--paper); }
.governed-loop ol { margin: 0; padding: 0; list-style: none; }
.governed-loop li { display: grid; grid-template-columns: 46px 140px 1fr; align-items: center; min-height: 95px; padding: 18px 24px; border-bottom: 1px solid var(--rule); }
.governed-loop li:last-child { border-bottom: 0; }
.governed-loop li > span { color: var(--teal); font-family: var(--mono); font-size: 10px; }
.governed-loop li strong { font-family: var(--display); font-size: 21px; }
.governed-loop li p { margin: 0; color: var(--muted); font-size: 15px; }
.action-sheet { margin: 22px; padding: 22px; color: white; background: var(--blueprint); }
.action-sheet header { display: flex; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid var(--rule-dark); color: #9bb0b7; font-family: var(--mono); font-size: 10px; }
.action-sheet header span:last-child { color: var(--copper); }
.action-query { margin: 24px 0; font-family: var(--display); font-size: 24px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2; }
.action-item { display: flex; justify-content: space-between; gap: 20px; padding: 12px 0; border-top: 1px solid var(--rule-dark); font-size: 12px; }
.action-item span { color: #91a8af; }
.action-item strong { text-align: right; }
.action-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 22px; }
.action-controls button { min-height: 44px; border: 1px solid #65808a; border-radius: 3px; color: #8da2aa; background: transparent; font-family: var(--mono); font-size: 10px; }
.action-sheet > small { display: block; margin-top: 12px; color: var(--text-on-dark-muted); font-size: 11px; }
.mcp-plane { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; margin-top: 80px; padding: 58px; color: white; background: var(--blueprint); }
.mcp-copy h3 { margin-bottom: 18px; font-size: 33px; letter-spacing: -.04em; line-height: 1.05; }
.mcp-copy p:last-child { margin: 0; color: #a9bcc2; }
.mcp-diagram { display: grid; grid-template-columns: 1fr 72px 1fr 72px 1fr; align-items: center; }
.diagram-node { min-height: 128px; display: flex; flex-direction: column; justify-content: space-between; padding: 15px; border: 1px solid #607b85; border-radius: 4px; }
.diagram-node span { font-family: var(--display); font-size: 17px; font-weight: 600; }
.diagram-node small { color: var(--text-on-dark-muted); font-family: var(--mono); font-size: 10px; line-height: 1.5; }
.diagram-node.gateway { border-color: var(--copper); background: #1b4250; }
.diagram-rail { position: relative; height: 1px; background: var(--teal); }
.diagram-rail span { position: absolute; width: 110px; top: -24px; left: 50%; transform: translateX(-50%); color: var(--text-on-dark-muted); font-family: var(--mono); font-size: 9px; text-align: center; }
.diagram-rail i { position: absolute; right: -1px; top: -3px; width: 7px; height: 7px; border: solid var(--teal); border-width: 1px 1px 0 0; transform: rotate(45deg); }

.industries { background: #e8eeee; }
.specimens { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--rule); background: var(--paper); }
.specimen { padding: 30px; }
.specimen + .specimen { border-left: 1px solid var(--rule); }
.specimen header { display: flex; justify-content: space-between; padding-bottom: 13px; border-bottom: 1px solid var(--rule); color: var(--muted); font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.specimen-drawing { position: relative; height: 220px; margin: 20px 0 28px; border: 1px solid var(--rule); overflow: hidden; background-color: var(--canvas); background-image: linear-gradient(#dce6e7 1px, transparent 1px), linear-gradient(90deg, #dce6e7 1px, transparent 1px); background-size: 20px 20px; }
.electronics-drawing i { position: absolute; width: 46px; height: 28px; border: 2px solid var(--teal); background: var(--canvas); }
.electronics-drawing i:nth-child(1){left:14%;top:22%}.electronics-drawing i:nth-child(2){left:41%;top:15%}.electronics-drawing i:nth-child(3){left:69%;top:28%}.electronics-drawing i:nth-child(4){left:25%;top:65%}.electronics-drawing i:nth-child(5){left:61%;top:62%}
.electronics-drawing b { position:absolute; inset: 50% 12% auto; height:2px; background:var(--copper); box-shadow: 0 -58px 0 #9ebfc4,0 61px 0 #9ebfc4; }
.pharma-drawing i { position:absolute; bottom:34px; width:58px; border:2px solid var(--teal); border-radius: 30px 30px 6px 6px; background:var(--canvas); }
.pharma-drawing i:nth-child(1){left:16%;height:90px}.pharma-drawing i:nth-child(2){left:43%;height:132px}.pharma-drawing i:nth-child(3){left:70%;height:70px}
.pharma-drawing b { position:absolute; top:28px; bottom:28px; left:50%; width:1px; background:var(--copper); }
.specimen h3 { max-width: 430px; margin-bottom: 22px; font-size: 30px; letter-spacing: -.04em; line-height: 1.05; }
.specimen ul { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 22px; margin: 0 0 24px; padding: 0; list-style: none; }
.specimen li { position: relative; padding-left: 14px; font-size: 15px; }
.specimen li::before { content: ""; position: absolute; left: 0; top: .65em; width: 5px; height: 1px; background: var(--copper); }
.specimen-note { margin: 0; padding-top: 15px; border-top: 1px solid var(--rule); color: var(--muted); font-family: var(--mono); font-size: 11px; }

.control-section { color: white; background: var(--blueprint-deep); }
.control-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; }
.control-copy h2 { margin: 65px 0 28px; }
.control-copy > p { max-width: 560px; margin-bottom: 32px; color: #a9bcc2; font-size: 17px; }
.control-register { margin: 0; border-top: 1px solid var(--rule-dark); }
.control-register div { display: grid; grid-template-columns: 150px 1fr; gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--rule-dark); }
.control-register dt { color: var(--copper); font-family: var(--mono); font-size: 11px; text-transform: uppercase; }
.control-register dd { margin: 0; color: #c1d0d4; }

.final-cta { padding-block: 110px; color: white; background: var(--teal); }
.final-cta-inner { display: grid; grid-template-columns: 1fr 2fr; gap: 60px; align-items: end; }
.final-cta .eyebrow-static { align-self: start; color: #d0e4e7; }
.final-cta h2 { grid-column: 2; max-width: 830px; }
.final-actions { grid-column: 2; display: flex; align-items: center; gap: 28px; margin-top: 6px; }
.site-footer { padding-block: 56px; color: #a5b8be; background: var(--ink); }
.footer-grid { display: grid; grid-template-columns: 1.4fr .8fr .8fr; gap: 60px; }
.brand-light { color: white; }
.footer-grid p { max-width: 300px; margin: 16px 0 0; font-size: 14px; }
.footer-grid nav, .footer-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; font-family: var(--mono); font-size: 12px; }
.footer-grid nav a, .footer-meta a { display: inline-flex; min-height: 44px; align-items: center; }
.footer-grid a { text-underline-offset: 4px; }
.footer-meta { align-items: flex-end; }
.mobile-sticky-cta { display: none; }

.reveal { opacity: 1; transform: none; }
@keyframes heroEnter { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes traceDraw { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.hero-copy { animation: heroEnter .5s ease-out both; }
.trace-console { animation: heroEnter .65s .08s ease-out both; }

@media (max-width: 980px) {
  :root { --shell: min(100% - 36px, 760px); }
  .menu-toggle { display: block; }
  .site-nav { position: fixed; inset: var(--header-height) 0 auto; display: none; align-items: stretch; gap: 0; padding: 18px; color: var(--ink); background: var(--canvas); border-bottom: 1px solid var(--rule); }
  .site-nav.is-open { display: grid; }
  .site-nav > a { min-height: 46px; display: flex; align-items: center; padding-inline: 10px; border-bottom: 1px solid var(--rule) !important; }
  .site-nav .button { margin-top: 12px; color: white; }
  .nav-sign-in { color: var(--ink); }
  .hero { padding-top: calc(var(--header-height) + 50px); }
  .hero::before { left: 0; }
  .hero-grid { grid-template-columns: 1fr; gap: 15px; }
  .hero-copy { padding-bottom: 30px; }
  .trace-console { max-width: 630px; margin-bottom: 88px; }
  .section { padding-block: 90px; }
  .split-intro, .control-layout { grid-template-columns: 1fr; gap: 28px; }
  .governed-loop, .mcp-plane { grid-template-columns: 1fr; }
  .mcp-plane { gap: 38px; padding: 40px; }
  .control-layout { gap: 70px; }
  .final-cta-inner { grid-template-columns: 1fr; gap: 28px; }
  .final-cta h2, .final-actions { grid-column: 1; }
}

@media (max-width: 680px) {
  :root { --shell: calc(100% - 28px); --header-height: 64px; }
  .shell { max-width: calc(100% - 28px); }
  .hero { min-height: auto; }
  .hero::before { display: none; }
  .eyebrow { margin-bottom: 30px; }
  .eyebrow span:last-child { display: none; }
  h1 { width: 100%; max-width: 100%; font-size: clamp(38px, 10.5vw, 48px); overflow-wrap: break-word; }
  .hero-lede { font-size: 16px; }
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .hero-actions { gap: 12px; margin-bottom: 28px; }
  .hero-principles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hero-principles div { padding: 12px 8px 0; border-right: 1px solid var(--rule-dark); border-bottom: 0; }
  .hero-principles div:first-child { padding-left: 0; }
  .hero-principles div + div { padding-left: 8px; }
  .hero-principles div:last-child { border-right: 0; }
  .hero-principles dt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .hero-principles dd { margin-top: 0; font-size: 12px; overflow-wrap: anywhere; }
  .trace-console { box-shadow: 8px 8px 0 rgba(4,22,30,.32); }
  .console-body { padding: 15px; }
  .evidence-row { grid-template-columns: 34px 1fr auto 8px; }
  .evidence-row small { display: none; }
  .console-alert { grid-template-columns: 1fr; }
  .console-alert button { display: none; }
  .console-foot span:nth-child(2) { display: none; }
  .hero-index { display: none; }
  .section { padding-block: 72px; }
  .section-marker { margin-bottom: 34px; }
  .split-intro { margin-bottom: 48px; }
  h2 { font-size: 43px; }
  .section-lede { font-size: 16px; }
  .fault-line { grid-template-columns: 1fr; }
  .fault-line article { min-height: 0; padding: 25px 0; }
  .fault-line article + article { padding-left: 0; border-left: 0; border-top: 1px solid var(--rule); }
  .fault-line h3 { margin-top: 24px; }
  .trace-spine::before { left: 20px; }
  .trace-stage { grid-template-columns: 54px 1fr; padding-block: 18px; }
  .stage-number { margin-left: 4px; }
  .stage-state { grid-column: 2; justify-self: start; margin-top: 12px; }
  .governed-loop { border: 0; background: transparent; }
  .governed-loop li { grid-template-columns: 36px 1fr; padding-inline: 0; }
  .governed-loop li p { grid-column: 2; }
  .action-sheet { margin: 20px 0 0; }
  .mcp-plane { margin-top: 50px; padding: 28px 18px; }
  .mcp-diagram { grid-template-columns: 1fr; }
  .diagram-rail { width: 1px; height: 52px; margin-inline: auto; }
  .diagram-rail span { top: 19px; left: 14px; transform: none; text-align: left; }
  .diagram-rail i { right: -3px; top: auto; bottom: -1px; transform: rotate(135deg); }
  .specimens { grid-template-columns: 1fr; }
  .specimen + .specimen { border-left: 0; border-top: 1px solid var(--rule); }
  .specimen { padding: 20px; }
  .specimen-drawing { height: 180px; }
  .specimen ul { grid-template-columns: 1fr; }
  .control-register div { grid-template-columns: 1fr; gap: 8px; }
  .final-cta { padding-block: 80px; }
  .final-actions { align-items: flex-start; flex-direction: column; }
  .footer-grid { grid-template-columns: 1fr; gap: 34px; }
  .footer-meta { align-items: flex-start; }
  body.sticky-cta-visible { padding-bottom: 58px; }
  .mobile-sticky-cta { position: fixed; z-index: 45; inset: auto max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)); min-height: 50px; align-items: center; justify-content: space-between; padding: 0 18px; border-radius: 4px; color: white; background: var(--copper-action); font-family: var(--mono); font-size: 11px; font-weight: 600; text-decoration: none; transform: translateY(80px); transition: transform .25s ease; }
  body.sticky-cta-visible .mobile-sticky-cta { display: flex; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}