@charset "UTF-8";
:root {
  color-scheme:dark;
  --bg:#0b1011;
  --panel:#11191b;
  --ink:#f3f5ee;
  --muted:#a1b0ac;
  --accent:oklch(76.5% 0.177 163.223);
  --accent-strong:oklch(50.8% 0.118 165.612);
  --accent-hover:oklch(43.2% 0.095 166.913);
  --line:#293331;
  --mono:ui-monospace,SFMono-Regular,Consolas,monospace;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:28px;
}

body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

a {
  color:inherit;
  text-decoration:none;
}

button {
  font:inherit;
}

a,button,summary {
  -webkit-tap-highlight-color:transparent;
}

a:focus-visible,button:focus-visible,summary:focus-visible {
  outline:3px solid var(--accent);
  outline-offset:6px;
}

a,button {
  touch-action:manipulation;
}

p {
  margin:0;
  line-height:1.7;
}

h1,h2,h3 {
  margin:0;
  font-weight:500;
}

img,svg {
  max-width:100%;
}

.wrap {
  width:min(1240px,calc(100% - 96px));
  margin-inline:auto;
}

.skip-link {
  position:absolute;
  left:24px;
  top:-100px;
  padding:12px;
  background:var(--accent);
  color:#111;
  z-index:5;
}

.skip-link:focus {
  top:12px;
}

.site-header {
  height:102px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid var(--line);
  gap:24px;
}

.brand {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:23px;
  font-weight:650;
  letter-spacing:-1px;
}

.brand img {
  object-fit:contain;
}

.brand-period {
  color:var(--accent);
}

.desktop-nav {
  display:flex;
  gap:32px;
  font-size:13px;
  color:#c3cdc8;
}

.desktop-nav a:hover,.text-link:hover,.site-footer a:hover {
  color:var(--accent);
}

.nav-cta {
  border:1px solid #4d5a50;
  border-radius:5px;
  padding:12px 16px;
  font-size:13px;
  font-weight:600;
  display:flex;
  gap:22px;
}

.nav-cta:hover {
  border-color:var(--accent);
  color:var(--accent);
}

.hero {
  padding-block:94px 84px;
  display:grid;
  grid-template-columns:1fr 1.08fr;
  align-items:center;
  gap:54px;
}

.eyebrow {
  font:11px/1.6 var(--mono);
  letter-spacing:1.7px;
  text-transform:uppercase;
  color:var(--accent);
  display:flex;
  align-items:center;
  gap:9px;
}

.status-dot {
  display:inline-block;
  width:7px;
  height:7px;
  background:var(--accent);
  border-radius:50%;
  flex:0 0 auto;
}

.hero h1 {
  font-size:clamp(48px,5.7vw,80px);
  letter-spacing:-4.5px;
  line-height:1.055;
  margin-top:27px;
  white-space:nowrap;
}

.hero h1>span {
  color:var(--accent);
}

.hero-description {
  color:var(--muted);
  font-size:17px;
  max-width:445px;
  margin-top:26px;
  line-height:1.75;
}

.hero-actions {
  display:flex;
  align-items:center;
  gap:25px;
  margin-top:34px;
  flex-wrap:wrap;
}

.button {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:17px 21px;
  border-radius:4px;
  font-weight:650;
  font-size:14px;
  min-height:52px;
  transition:background .15s;
}

.button-primary {
  background:var(--accent-strong);
  color:#fff;
}

.button-primary:hover {
  background:var(--accent-hover);
}

.text-link {
  display:inline-flex;
  align-items:center;
  gap:13px;
  font-size:13px;
  font-weight:550;
  line-height:1.5;
}

.availability {
  font-size:11px;
  color:#a4afa9;
  margin-top:14px;
}

.hero-notes {
  display:flex;
  gap:18px;
  margin-top:40px;
  font-size:11px;
  color:#c4cdc7;
  flex-wrap:wrap;
}

.hero-notes span span {
  color:var(--accent);
  margin-right:4px;
}

.demo-shell {
  border:1px solid #36453c;
  border-radius:10px;
  background:linear-gradient(150deg,#17221f 0%,#11191b 47%);
  box-shadow:0 18px 70px #0004,0 0 100px #00d49208;
  overflow:hidden;
  scroll-margin-top:24px;
}

.demo-topbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:17px 23px;
  border-bottom:1px solid #ffffff0d;
  gap:12px;
}

.terminal-brand {
  font:10px var(--mono);
  letter-spacing:1.5px;
  color:#e0e8df;
}

.terminal-brand>span {
  font-size:17px;
  color:var(--accent);
  margin-right:8px;
}

.demo-badge {
  font:8px var(--mono);
  letter-spacing:1px;
  color:#b4c3b9;
  border:1px solid #3a4a41;
  padding:5px 7px;
  border-radius:3px;
}

.demo-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:24px 25px 16px;
  gap:12px;
}

.tiny-label {
  font:9px var(--mono);
  letter-spacing:1.4px;
  color:var(--muted);
}

.demo-heading h2 {
  font-size:23px;
  letter-spacing:-.7px;
  margin-top:9px;
}

.mode-badge {
  background:#00d49212;
  color:var(--accent);
  font:9px var(--mono);
  padding:7px 9px;
  border:1px solid #00d49230;
  border-radius:4px;
  white-space:nowrap;
}

.chart {
  margin-inline:24px;
}

.chart-caption {
  display:flex;
  justify-content:space-between;
  font:9px var(--mono);
  color:var(--muted);
  align-items:center;
  gap:16px;
}

.chart-caption strong {
  font-size:12px;
  color:var(--ink);
}

.chart-caption strong span {
  font-size:9px;
  font-weight:400;
  color:var(--muted);
  margin-left:4px;
}

.chart svg {
  display:block;
  width:100%;
  margin-top:12px;
}

.grid-line {
  stroke:#cadbca0b;
  stroke-width:1;
  fill:none;
}

.candle-up {
  stroke:#00d492;
  stroke-width:1.3;
}

.candle-down {
  stroke:#58837b;
  stroke-width:1.3;
}

.candle-body {
  stroke-width:9;
}

.gamma-line {
  stroke:#00d492;
  stroke-width:1;
  stroke-dasharray:4 5;
  opacity:.6;
}

.chart-label {
  fill:#a7f3d0;
  font:9px var(--mono);
  letter-spacing:.5px;
}

.chart-axis {
  display:flex;
  justify-content:space-between;
  font:8px var(--mono);
  color:#8b9c94;
  margin-top:8px;
}

.demo-status {
  display:flex;
  align-items:center;
  gap:9px;
  margin:23px 24px 0;
  border:1px solid #00d4922c;
  background:#00d49208;
  border-radius:4px;
  padding:12px 11px;
  font:10px/1.5 var(--mono);
  color:#a7f3d0;
}

.demo-status .status-dot {
  width:5px;
  height:5px;
}

.demo-arrow {
  margin-left:auto;
  font-size:16px;
}

.demo-description {
  font-size:11px;
  color:var(--muted);
  padding:13px 25px 18px;
  min-height:69px;
}

.demo-controls {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
}

.demo-controls[hidden] {
  display:none;
}

.demo-controls button {
  color:var(--muted);
  border:0;
  border-right:1px solid var(--line);
  background:transparent;
  padding:17px 5px;
  cursor:pointer;
  font-size:11px;
}

.demo-controls button:last-child {
  border-right:0;
}

.demo-controls button span {
  font:9px var(--mono);
  color:#738f83;
  margin-right:8px;
}

.demo-controls button[aria-pressed=true] {
  color:var(--accent);
  background:#00d49209;
  box-shadow:inset 0 2px var(--accent);
}

.demo-controls button:hover {
  background:#00d4920c;
}

.demo-footnote {
  font:8px/1.6 var(--mono);
  color:#92a299;
  padding:11px 20px;
  background:#0002;
  border-top:1px solid #ffffff06;
  text-align:center;
}

.capability-strip {
  border-block:1px solid var(--line);
}

.capability-strip>.wrap {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  padding-block:24px;
}

.capability-strip span {
  font:9px var(--mono);
  letter-spacing:1.5px;
  color:#9eb3a9;
}

.capability-strip p {
  font-size:13px;
  color:#c7d0c8;
}

.capability-strip b {
  font-weight:400;
  margin:0 19px;
  color:#5a6a5c;
}

.section-space {
  padding-block:98px;
}

.section-intro {
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:end;
  gap:0 80px;
}

.section-intro .eyebrow {
  grid-column:1/-1;
  margin-bottom:23px;
}

.section-intro h2,.controls-copy h2,.strategy-copy h2,.faq-section h2 {
  font-size:43px;
  line-height:1.16;
  letter-spacing:-1.9px;
}

.section-intro>p:last-child {
  font-size:15px;
  color:var(--muted);
  max-width:440px;
  justify-self:end;
}

.workflow-grid {
  margin:49px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  list-style:none;
  gap:26px;
}

.workflow-grid li {
  border-top:1px solid #315448;
  padding-top:19px;
}

.step-number {
  display:flex;
  justify-content:space-between;
  font:11px var(--mono);
  color:var(--accent);
}

.step-number span {
  font-size:18px;
  color:#738f83;
}

.workflow-grid h3 {
  font-size:20px;
  margin-top:31px;
  letter-spacing:-.4px;
}

.workflow-grid p {
  font-size:13px;
  color:var(--muted);
  margin-top:12px;
  min-height:90px;
}

.step-tag {
  font:8px var(--mono);
  letter-spacing:1.1px;
  color:#9eb3a9;
  display:block;
  margin-top:24px;
}

.workflow-note {
  font-size:12px;
  color:#b8d0c5;
  margin-top:35px;
}

.workflow-note>span {
  color:var(--accent);
  margin-right:10px;
}

.controls-section {
  background:#ecfdf5;
  color:#052e26;
  color-scheme:light;
}

.controls-layout {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
}

.controls-section .eyebrow {
  color:#047857;
}

.controls-copy h2 {
  margin-top:24px;
}

.controls-copy>p:not(.eyebrow) {
  font-size:15px;
  color:#36584c;
  margin-top:24px;
  max-width:380px;
}

.controls-copy .text-link {
  margin-top:30px;
  color:#065f46;
}

.controls-copy>p.control-caution {
  font-size:11px;
  margin-top:45px;
  max-width:350px;
  color:#4f6d62;
}

.controls-list article {
  display:flex;
  gap:22px;
  padding-block:26px;
  border-bottom:1px solid #b8ddcd;
}

.controls-list article:first-child {
  padding-top:0;
}

.controls-list article:last-child {
  border-bottom:0;
  padding-bottom:0;
}

.control-icon {
  font:26px/1 var(--mono);
  color:#047857;
  min-width:27px;
  margin-top:2px;
}

.controls-list h3 {
  font-size:19px;
  letter-spacing:-.4px;
}

.controls-list p {
  font-size:13px;
  color:#36584c;
  margin-top:9px;
  line-height:1.7;
}

.controls-section a:focus-visible {
  outline-color:#047857;
}

.strategy-section {
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:100px;
  align-items:center;
}

.strategy-visual {
  border:1px solid var(--line);
  background:radial-gradient(ellipse at 40% 50%,#00d49208,transparent 70%),#11191b;
  border-radius:5px;
  overflow:hidden;
}

.strategy-visual-heading {
  padding:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.outlined-tag {
  font:10px var(--mono);
  color:var(--accent);
  border:1px solid #427966;
  padding:6px 9px;
  border-radius:3px;
}

.gamma-map {
  padding:10px 44px 24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 24px;
  position:relative;
}

.gamma-row {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:13px;
  padding-top:35px;
}

.gamma-row span {
  font:9px var(--mono);
  letter-spacing:1.5px;
  align-self:flex-start;
  position:absolute;
  top:12px;
  color:#92a299;
}

.gamma-row i {
  display:block;
  width:var(--bar);
  height:15px;
  background:linear-gradient(90deg,#00d49225,#00d492cc);
  border-right:2px solid var(--accent);
}

.gamma-row.puts {
  align-items:flex-start;
}

.gamma-row.puts i {
  background:linear-gradient(90deg,#58837b99,#58837b18);
  border-left:2px solid #7eaba1;
  border-right:0;
}

.spot-rule {
  position:absolute;
  left:calc(50% - 12px);
  top:31px;
  bottom:14px;
  width:1px;
  border-left:1px dashed #6ee7b7;
  color:var(--accent);
  font:8px var(--mono);
  writing-mode:vertical-rl;
  text-align:center;
}

.spot-rule span {
  margin-top:8px;
}

.strategy-checks {
  display:flex;
  justify-content:center;
  gap:26px;
  font:9px var(--mono);
  color:#a7f3d0;
  margin:10px 10px 28px;
}

.strategy-copy h2 {
  margin-top:24px;
}

.strategy-copy>p:not(.eyebrow) {
  margin-top:24px;
  color:var(--muted);
  font-size:14px;
}

.strategy-copy .text-link {
  margin-top:25px;
}

.paper-section {
  border-block:1px solid var(--line);
  padding-block:35px;
  display:flex;
  align-items:center;
  gap:30px;
}

.paper-icon {
  font:48px/1 var(--mono);
  width:74px;
  height:74px;
  border:1px solid #315448;
  display:grid;
  place-items:center;
  position:relative;
  color:#a7f3d0;
  flex:0 0 auto;
  border-radius:7px;
}

.paper-icon span {
  font-size:17px;
  position:absolute;
  bottom:8px;
  right:8px;
  color:var(--accent);
}

.paper-section h2 {
  font-size:23px;
  letter-spacing:-.6px;
  margin-top:9px;
}

.paper-section>div>p:not(.eyebrow) {
  font-size:12px;
  color:var(--muted);
  max-width:660px;
  margin-top:10px;
}

.paper-section>.text-link {
  margin-left:auto;
  white-space:nowrap;
}

.faq-section {
  display:grid;
  grid-template-columns:1fr 1.5fr;
  gap:80px;
}

.faq-section h2 {
  margin-top:25px;
}

.faq-section>div>p:not(.eyebrow) {
  font-size:14px;
  color:var(--muted);
  margin-top:24px;
}

.faq-list {
  border-top:1px solid var(--line);
}

.faq-list details {
  border-bottom:1px solid var(--line);
}

.faq-list summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  list-style:none;
  padding:23px 0;
  font-size:15px;
  cursor:pointer;
}

.faq-list summary::-webkit-details-marker {
  display:none;
}

.faq-list summary>span {
  font:20px var(--mono);
  color:var(--accent);
}

.faq-list details[open] summary>span {
  transform:rotate(45deg);
}

.faq-list details>p {
  font-size:13px;
  color:var(--muted);
  padding:0 35px 24px 0;
}

.access-section {
  border:1px solid #315448;
  border-radius:7px;
  padding:39px 48px 29px;
  background:radial-gradient(ellipse at 100% 0,#00d49215,transparent 70%),#101f1b;
  position:relative;
}

.access-topline {
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.access-mark {
  font-size:50px;
  color:var(--accent);
  line-height:1;
}

.access-section h2 {
  font-size:57px;
  line-height:1.09;
  letter-spacing:-2.3px;
  margin-top:25px;
}

.access-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  margin-top:28px;
}

.access-bottom p {
  font-size:14px;
  color:#b8d0c5;
}

.access-note {
  font-size:10px;
  color:#a6beb3;
  margin-top:30px;
  border-top:1px solid #00d4921c;
  padding-top:18px;
}

.site-footer {
  padding-block:61px 30px;
}

.footer-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.site-footer nav {
  display:flex;
  gap:24px;
  font-size:11px;
  color:#afbbb1;
  flex-wrap:wrap;
}

.risk-copy {
  font-size:10px;
  color:#95a198;
  max-width:960px;
  margin-top:33px;
  line-height:1.9;
}

.copyright {
  font:9px var(--mono);
  color:#88988b;
  margin-top:21px;
}

@media(min-width:1500px) {
  .hero {
    padding-block:114px 104px;
  }
  .hero h1 {
    font-size:83px;
  }
}

@media(max-width:1100px) {
  .wrap {
    width:calc(100% - 64px);
  }
  .hero {
    gap:32px;
    padding-block:70px;
  }
  .hero h1 {
    font-size:62px;
    letter-spacing:-3.5px;
  }
  .hero-actions {
    gap:19px;
  }
  .hero-notes {
    gap:12px;
  }
  .desktop-nav {
    gap:20px;
  }
  .controls-layout,.strategy-section {
    gap:55px;
  }
  .section-intro {
    gap:0 40px;
  }
  .section-intro h2,.controls-copy h2,.strategy-copy h2,.faq-section h2 {
    font-size:37px;
  }
  .workflow-grid {
    gap:20px;
  }
  .capability-strip>.wrap {
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
  .paper-section {
    gap:23px;
  }
  .paper-section>.text-link {
    white-space:normal;
    min-width:120px;
  }
  .faq-section {
    gap:55px;
  }
  .access-section h2 {
    font-size:49px;
  }
}

@media(max-width:800px) {
  .site-header {
    height:84px;
  }
  .desktop-nav {
    display:none;
  }
  .hero {
    grid-template-columns:1fr;
    padding-block:60px;
    gap:42px;
  }
  .hero h1 {
    font-size:76px;
    letter-spacing:-4px;
  }
  .hero-description {
    max-width:560px;
  }
  .hero-notes {
    margin-top:27px;
  }
  .demo-shell {
    max-width:640px;
    width:100%;
  }
  .demo-description {
    min-height:0;
  }
  .demo-topbar {
    padding-inline:25px;
  }
  .section-space {
    padding-block:68px;
  }
  .section-intro {
    display:block;
  }
  .section-intro>p:last-child {
    margin-top:24px;
    max-width:550px;
  }
  .workflow-grid {
    grid-template-columns:repeat(2,1fr);
    gap:40px 28px;
    margin-top:38px;
  }
  .workflow-grid p {
    min-height:64px;
  }
  .workflow-grid h3 {
    margin-top:22px;
  }
  .step-tag {
    margin-top:17px;
  }
  .controls-layout,.strategy-section {
    grid-template-columns:1fr;
    gap:40px;
  }
  .controls-copy>p:not(.eyebrow) {
    max-width:550px;
  }
  .controls-copy>p.control-caution {
    margin-top:25px;
  }
  .controls-list article {
    gap:21px;
  }
  .strategy-copy {
    grid-row:1;
  }
  .strategy-visual {
    max-width:550px;
    width:100%;
  }
  .paper-section {
    flex-wrap:wrap;
    gap:20px;
  }
  .paper-icon {
    width:60px;
    height:60px;
    font-size:38px;
  }
  .paper-section>div:nth-child(2) {
    flex:1;
    min-width:230px;
  }
  .paper-section>.text-link {
    margin-left:80px;
  }
  .faq-section {
    grid-template-columns:1fr;
    gap:35px;
  }
  .faq-section h2 br {
    display:none;
  }
  .faq-section>div>p:not(.eyebrow) {
    display:none;
  }
  .access-section {
    padding:29px 28px;
  }
  .access-section h2 {
    font-size:43px;
  }
  .access-bottom {
    align-items:flex-start;
    flex-direction:column;
  }
  .footer-top {
    align-items:flex-start;
    flex-direction:column;
    gap:25px;
  }
  .site-footer {
    padding-top:42px;
  }
  .capability-strip p {
    font-size:12px;
  }
  .capability-strip b {
    margin:0 10px;
  }
}

@media(max-width:480px) {
  .wrap {
    width:calc(100% - 40px);
  }
  .site-header {
    gap:12px;
  }
  .brand {
    font-size:20px;
    gap:6px;
  }
  .brand img {
    width:26px;
    height:26px;
  }
  .nav-cta {
    font-size:11px;
    padding:11px 12px;
    gap:11px;
  }
  .hero {
    padding-top:46px;
  }
  .eyebrow {
    font-size:9px;
    letter-spacing:1.4px;
  }
  .hero h1 {
    font-size:58px;
    letter-spacing:-3px;
    margin-top:22px;
  }
  .hero-description {
    font-size:15px;
    margin-top:22px;
  }
  .hero-actions {
    gap:21px;
    margin-top:27px;
  }
  .button {
    font-size:13px;
    padding:16px 18px;
  }
  .hero-notes {
    font-size:10px;
    gap:14px;
  }
  .availability {
    font-size:10px;
  }
  .demo-topbar {
    padding:14px 15px;
  }
  .demo-badge {
    font-size:7px;
    letter-spacing:.5px;
  }
  .terminal-brand {
    font-size:9px;
    letter-spacing:.7px;
  }
  .demo-heading {
    padding:21px 17px 18px;
  }
  .demo-heading h2 {
    font-size:21px;
  }
  .chart {
    margin-inline:17px;
  }
  .chart-caption {
    font-size:8px;
  }
  .chart-axis {
    font-size:7px;
    gap:8px;
  }
  .demo-status {
    margin-inline:17px;
    padding-inline:9px;
    font-size:8px;
    gap:7px;
  }
  .demo-description {
    padding:13px 17px 18px;
    font-size:10px;
    min-height:82px;
  }
  .demo-controls button {
    padding:16px 3px;
    font-size:10px;
  }
  .demo-controls button span {
    margin-right:4px;
    font-size:8px;
  }
  .demo-footnote {
    font-size:7px;
  }
  .capability-strip>.wrap {
    padding-block:22px;
  }
  .capability-strip p {
    font-size:11px;
    line-height:2;
  }
  .capability-strip b {
    margin:0 6px;
  }
  .section-space {
    padding-block:54px;
  }
  .section-intro h2,.controls-copy h2,.strategy-copy h2,.faq-section h2 {
    font-size:32px;
    letter-spacing:-1.4px;
  }
  .section-intro>p:last-child {
    font-size:14px;
  }
  .workflow-grid {
    gap:32px 20px;
  }
  .workflow-grid h3 {
    font-size:18px;
  }
  .workflow-grid p {
    font-size:12px;
    min-height:103px;
  }
  .step-tag {
    font-size:7px;
    letter-spacing:.65px;
  }
  .workflow-note {
    font-size:11px;
  }
  .controls-copy>p:not(.eyebrow) {
    font-size:14px;
  }
  .controls-list h3 {
    font-size:18px;
  }
  .controls-list p {
    font-size:12px;
  }
  .strategy-copy>p:not(.eyebrow) {
    font-size:13px;
  }
  .strategy-visual-heading {
    padding:21px;
  }
  .gamma-map {
    padding-inline:28px;
  }
  .strategy-checks {
    gap:18px;
    font-size:8px;
  }
  .paper-section {
    padding-block:26px;
  }
  .paper-section>div:nth-child(2) {
    min-width:180px;
  }
  .paper-section h2 {
    font-size:21px;
  }
  .paper-section>div>p:not(.eyebrow) {
    font-size:11px;
  }
  .paper-icon {
    width:48px;
    height:48px;
    font-size:30px;
  }
  .paper-icon span {
    font-size:12px;
    right:4px;
    bottom:5px;
  }
  .paper-section>.text-link {
    margin-left:68px;
  }
  .faq-list summary {
    font-size:14px;
    line-height:1.5;
    padding:21px 0;
  }
  .faq-list details>p {
    font-size:12px;
    padding-right:16px;
  }
  .access-section {
    padding:24px 22px;
  }
  .access-section h2 {
    font-size:34px;
    letter-spacing:-1.5px;
  }
  .access-topline .eyebrow {
    font-size:8px;
    letter-spacing:1px;
  }
  .access-mark {
    font-size:35px;
  }
  .access-bottom p {
    font-size:13px;
  }
  .access-note {
    font-size:9px;
  }
  .desktop-break {
    display:none;
  }
  .site-footer nav {
    gap:20px;
  }
  .risk-copy {
    font-size:9px;
  }
}

@media(max-width:360px) {
  .hero h1 {
    font-size:51px;
  }
  .brand {
    font-size:18px;
  }
  .nav-cta {
    gap:8px;
  }
  .workflow-grid {
    grid-template-columns:1fr;
  }
  .workflow-grid p {
    min-height:0;
  }
  .access-section h2 {
    font-size:30px;
  }
}

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

/* Subscription catalog */
.pricing-section { border-bottom: 1px solid var(--line); }
.pricing-includes { color: #b8d0c5; font-size: 12px; margin-top: 27px; }
.pricing-includes > span { color: var(--accent); margin-right: 6px; }
.pricing-includes > span + span { margin-left: 12px; }
.omni-plan { display: grid; grid-template-columns: 1fr 260px; gap: 50px; align-items: center; padding: 38px; margin-top: 30px; border: 1px solid #00d49260; border-radius: 7px; background: radial-gradient(ellipse at 0 0, #00d49212, transparent 70%), var(--panel); }
.omni-summary h3 { margin-top: 15px; font-size: 39px; letter-spacing: -1.5px; }
.omni-summary h3 span { display: block; font-size: 16px; letter-spacing: -.25px; margin-top: 6px; color: #c0d4ca; }
.omni-summary > p:not(.eyebrow) { margin-top: 17px; font-size: 14px; color: var(--muted); max-width: 530px; }
.timeframe-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 22px 0 0; max-width: 600px; }
.timeframe-chips li { border: 1px solid #00d49230; color: #a7f3d0; border-radius: 3px; padding: 7px 9px; font: 10px var(--mono); }
.omni-purchase { padding-left: 31px; border-left: 1px solid #00d49230; }
.plan-price { display: flex; align-items: baseline; gap: 10px; color: var(--ink); white-space: nowrap; }
.plan-price strong { font-size: 46px; font-weight: 550; letter-spacing: -2px; line-height: 1.2; }
.plan-price > span { font-size: 12px; color: var(--muted); }
.plan-billing { font-size: 10px; color: var(--muted); margin-top: 6px; }
.omni-purchase .button { margin-top: 25px; width: 100%; }
.checkout-note { font-size: 9px; text-align: center; color: var(--muted); margin-top: 12px; }
.bundle-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 20px; }
.bundle-plan { padding: 28px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); display: flex; flex-direction: column; }
.bundle-plan h3 { font-size: 27px; letter-spacing: -.7px; margin-top: 14px; }
.bundle-description { font-size: 13px; color: var(--muted); margin-top: 13px; min-height: 48px; }
.bundle-plan .plan-price { margin-top: 25px; }
.bundle-plan .plan-price strong { font-size: 38px; }
.bundle-timeframes { list-style: none; padding: 0; margin: 24px 0 27px; min-height: 79px; }
.bundle-timeframes li { font-size: 11px; color: #c0d4ca; margin-top: 11px; }
.bundle-timeframes li > span { color: var(--accent); margin-right: 6px; }
.button-outline { border: 1px solid #3f7762; color: #a7f3d0; background: transparent; }
.button-outline:hover { background: #00d49210; border-color: var(--accent); }
.bundle-plan .button { width: 100%; margin-top: auto; }
.single-plans { margin-top: 45px; }
.single-plans-intro { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 25px; }
.single-plans-intro h3 { font-size: 29px; letter-spacing: -.8px; margin-top: 12px; }
.single-plans-intro > p { font-size: 12px; color: var(--muted); }
.single-plan-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.single-plan-list li { display: grid; grid-template-columns: 165px 1fr 100px 85px; align-items: center; gap: 25px; padding: 21px 0; border-bottom: 1px solid var(--line); }
.single-plan-name h4 { font-size: 14px; font-weight: 550; letter-spacing: .3px; margin: 0; }
.single-plan-name p { font: 10px var(--mono); color: var(--muted); margin-top: 8px; }
.single-plan-description { font-size: 12px; color: var(--muted); }
.single-plan-price { font-size: 22px; white-space: nowrap; letter-spacing: -.6px; }
.single-plan-price span { font-size: 11px; letter-spacing: 0; margin-left: 4px; color: var(--muted); }
.single-plan-buy { display: inline-flex; justify-content: space-between; gap: 15px; align-items: center; border: 1px solid #3f7762; border-radius: 4px; padding: 11px 12px; min-height: 44px; font-size: 12px; color: #a7f3d0; }
.single-plan-buy:hover { background: #00d49210; border-color: var(--accent); }
.pricing-note { font-size: 11px; color: var(--muted); margin-top: 27px; line-height: 1.9; }
.pricing-note a { color: #a7f3d0; text-decoration: underline; text-underline-offset: 3px; margin-left: 5px; }
@media (max-width: 1100px) {
  .omni-plan { grid-template-columns: 1fr 235px; padding: 30px; gap: 30px; }
  .omni-purchase { padding-left: 25px; }
  .bundle-plan { padding: 23px; }
  .bundle-description { min-height: 68px; }
  .single-plan-list li { grid-template-columns: 140px 1fr 90px 80px; gap: 20px; }
}
@media (max-width: 800px) {
  .omni-plan { grid-template-columns: 1fr; gap: 30px; }
  .omni-purchase { border-top: 1px solid #00d49230; border-left: 0; padding: 25px 0 0; }
  .omni-purchase .button { width: auto; min-width: 235px; margin-top: 17px; }
  .checkout-note { text-align: left; }
  .bundle-plans { grid-template-columns: 1fr; gap: 15px; }
  .bundle-plan { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
  .bundle-plan > .tiny-label, .bundle-plan > h3, .bundle-plan > .bundle-description { grid-column: 1; }
  .bundle-description { min-height: 0; }
  .bundle-plan .plan-price { grid-column: 2; grid-row: 1 / 3; align-self: center; justify-self: end; margin-top: 0; }
  .bundle-plan .plan-billing { grid-column: 2; grid-row: 3; justify-self: end; }
  .bundle-timeframes { grid-column: 1; min-height: 0; margin-block: 10px 0; }
  .bundle-plan .button { grid-column: 2; align-self: end; margin-top: 20px; }
  .single-plan-description { display: none; }
  .single-plan-list li { grid-template-columns: 1fr 90px 80px; }
  .single-plans-intro { display: block; }
  .single-plans-intro > p { margin-top: 15px; }
}
@media (max-width: 480px) {
  .pricing-includes { font-size: 10px; line-height: 2; }
  .pricing-includes > span + span { margin-left: 4px; }
  .omni-plan { padding: 24px 21px; }
  .omni-summary h3 { font-size: 34px; }
  .omni-summary > p:not(.eyebrow) { font-size: 12px; }
  .timeframe-chips li { font-size: 8px; padding: 6px 7px; }
  .bundle-plan { display: flex; padding: 24px 21px; }
  .bundle-plan .plan-price { margin-top: 22px; align-self: flex-start; }
  .bundle-description { min-height: 0; }
  .bundle-timeframes { margin-block: 13px 23px; }
  .bundle-plan .button { margin-top: auto; }
  .single-plan-list li { grid-template-columns: 1fr 72px 70px; gap: 12px; padding-block: 18px; }
  .single-plan-name h4 { font-size: 12px; }
  .single-plan-name p { font-size: 9px; }
  .single-plan-price { font-size: 20px; }
  .single-plan-price span { font-size: 10px; margin-left: 2px; }
  .single-plan-buy { font-size: 11px; padding-inline: 10px; gap: 9px; }
  .pricing-note { font-size: 10px; }
}