/* Product presentation based on the original Leviathan Trading homepage. */
.machine-container { width: min(100% - 80px, 1420px); margin-inline: auto; }
.machine-page { line-height: 1.75; }
.machine-page h1, .machine-page h2, .machine-page h3 { line-height: 1.25; }
.machine-page h2 { font-size: var(--title-large); letter-spacing: -1px; }
.machine-page h3 { font-size: var(--title-medium); }
.machine-kicker { font-size: var(--title-medium); font-weight: 700; margin-bottom: 14px; }
.machine-hero { padding: 100px 0 200px; background: #1e1e1e; color: #fff; }
.machine-hero h1 { color: #008cff; font-size: var(--title-hero); letter-spacing: -2px; margin-bottom: 34px; }
.machine-intro { max-width: 1000px; }
.machine-intro p { margin-bottom: 26px; }
.machine-button { display: inline-flex; align-items: center; gap: 24px; background: #ff7800; color: #171717; padding: 10px 20px; font-size: var(--text-medium); font-weight: 750; }
.machine-button span { font-size: var(--title-medium); line-height: 1; }
.machine-button:hover { background: #fff; }
.machine-actions { display: flex; flex-wrap: wrap; gap: 16px; }
.machine-technology { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; }
.machine-technology-intro { margin-top: -60px; padding: 45px 40px; background: #ff7800; position: relative; }
.machine-technology-intro h2 { max-width: 540px; margin-bottom: 25px; }
.machine-technology-intro p:last-child { margin-bottom: 0; }
.machine-technology-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding: 40px; }
.machine-technology-grid h3::after { content: ''; display: block; width: 48px; height: 2px; background: #ff7800; margin-top: 20px; }
.machine-technology-grid p { font-size: var(--text-medium); color: #515151; margin-bottom: 0; }
.machine-interface { padding-block: 75px 100px; text-align: center; }
.machine-interface h2 { font-size: var(--title-medium); margin-bottom: 36px; }
.machine-interface h2::after { content: ''; display: block; width: 80px; height: 2px; background: #ff7800; margin: 20px auto 0; }
.machine-screen-link { display: block; width: min(100%, 1000px); margin-inline: auto; }
.machine-screen-link img { width: 100%; height: auto; box-shadow: 0 16px 45px #00000014; }
.machine-purpose { display: grid; grid-template-columns: 1fr 1fr; }
.machine-purpose-copy, .machine-studies { padding: 75px clamp(30px, 8vw, 150px); }
.machine-purpose-copy { background: #1e1e1e; color: #fff; }
.machine-purpose-copy h2 { color: #008cff; }
.machine-studies { background: #ff7828; }
.machine-studies h2 { font-size: var(--title-medium); letter-spacing: 0; }
.machine-studies ul { list-style: none; padding: 0; margin: 30px 0; }
.machine-studies li { display: flex; align-items: center; gap: 18px; margin-bottom: 18px; }
.machine-studies li span { width: 28px; flex-shrink: 0; font-size: var(--title-medium); text-align: center; }
.machine-study-link { font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
.machine-site .site-header, .machine-site .site-footer { background: #000; color: #fff; }
.machine-site .site-header { border-bottom: 2px solid #0ea6ff; }
.machine-site .site-header .solutions-panel { background: #000; color: #fff; border-color: #292929; }
.machine-site .site-header .solutions-intro { border-color: #292929; }
.machine-site .site-header .solutions-projects strong { color: #fff; }
.machine-site .site-header .solutions-intro p,
.machine-site .site-header .solutions-projects span { color: #ccc; }
.machine-site .site-header .solutions-projects strong::after,
.machine-site .site-header .solutions-projects a:hover strong { color: #0ea6ff; }
.machine-site .brand, .machine-site .nav-toggle,
.machine-site .main-nav > a, .machine-site .solutions-menu > summary { color: #fff; }
.machine-site .brand > span,
.machine-site .solutions-menu > summary::after,
.machine-site .solutions-menu[open] > summary,
.machine-site .main-nav > a:hover,
.machine-site .footer-bottom a:hover { color: #0ea6ff; }
.machine-site .site-footer { margin-top: 0; border-top: 2px solid #0ea6ff; }
.machine-site .footer-bottom { color: #ccc; border-top-color: #292929; }
.machine-disclaimer { padding-block: 32px; color: #ccc; font-size: var(--text-medium); line-height: 1.75; }
.machine-disclaimer p { margin-bottom: 20px; }
.machine-disclaimer strong { color: #fff; }
.machine-disclaimer ol { margin: 0; padding-left: 24px; }
.machine-disclaimer li + li { margin-top: 12px; }
@media (max-width: 1000px) {
  .machine-technology-grid { padding: 30px; gap: 24px; }
  .machine-purpose-copy, .machine-studies { padding: 55px 40px; }
}
@media (max-width: 760px) {
  .machine-container { width: calc(100% - 40px); }
  .machine-hero { padding: 60px 0 100px; }
  .machine-kicker { font-size: var(--text-large); }
  .machine-hero h1 { letter-spacing: -1px; }
  .machine-technology, .machine-purpose { grid-template-columns: 1fr; }
  .machine-technology-intro { margin-top: -40px; padding: 30px 24px; }
  .machine-technology-grid { padding: 36px 4px; }
  .machine-interface { padding-block: 25px 60px; }
  .machine-purpose-copy, .machine-studies { padding: 45px 24px; }
}
@media (max-width: 380px) {
  .machine-technology-grid { grid-template-columns: 1fr; }
}