.algo { --a-navy: #11173f; --a-ink: #171d35; --a-gold: #eba71d; --a-paper: #f7f6f2; --a-muted: #606679; --a-line: #dddfdf; --a-mint: #99dbc4; color: var(--a-ink); font-family: "DM Sans", sans-serif; font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
.algo *, .algo ::before, .algo ::after { box-sizing: border-box; }
.algo * { font-family: inherit; }
.algo h1, .algo h2, .algo h3, .algo p, .algo figure { margin: 0px; }
.algo h1, .algo h2, .algo h3 { font-family: Manrope, sans-serif; line-height: 1.12; font-weight: 650; }
.algo a { color: inherit; text-decoration: none; }

.algo button, .algo a { -webkit-tap-highlight-color: transparent; }
.algo :focus-visible { outline: 3px solid var(--a-gold); outline-offset: 5px; }

.algo-mono, .algo .algo-mono, .algo .algo-eyebrow { font-family: "IBM Plex Mono", monospace; }
.algo-eyebrow { display: flex; align-items: center; gap: 12px; font-size: 11px; line-height: 1.6; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; }
.algo-eyebrow::before { content: ""; height: 7px; width: 7px; background: var(--a-gold); flex: 0 0 7px; }


.algo-arrow { display: inline-block; margin-left: 12px; transition: transform 0.2s; }
a:hover .algo-arrow { transform: translate(3px, -3px); }
.algo-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 32px; }
.algo-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 13px 22px; border: 1px solid transparent; border-radius: 5px; font-size: 14px; font-weight: 700; transition: background 0.2s, transform 0.2s; }
.algo .algo-btn-gold { background: var(--a-gold); color: rgb(22, 28, 50); }
.algo .algo-btn-gold:hover { background: rgb(245, 189, 75); transform: translateY(-2px); }


.algo-text-link { font-size: 14px; font-weight: 600; border-bottom: 1px solid; padding-bottom: 3px; }










.algo-home { position: relative; padding: 86px 0px 0px; overflow: hidden; background: rgb(17, 23, 63); color: rgb(247, 246, 242); scroll-margin-top: 85px; }
.algo-home::before { content: ""; pointer-events: none; position: absolute; width: 620px; height: 620px; right: -130px; top: -270px; border: 1px solid rgba(255, 255, 255, 0.04); border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.008) 0px 0px 0px 90px, rgba(255, 255, 255, 0.008) 0px 0px 0px 180px; }
.algo-home-grid { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 64px; }
.algo-home h2 { margin: 25px 0px 22px; font-size: clamp(38px, 4.3vw, 62px); letter-spacing: -0.05em; line-height: 1.06; }
.algo-home h2 span { color: rgb(241, 184, 63); }
.algo-home-copy > p { color: rgb(182, 189, 210); font-size: 16px; max-width: 480px; }
.algo-home .algo-text-link { color: rgb(215, 219, 238); }
.algo-home-proof { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 62px; }
.algo-home-proof > div { padding: 26px 30px; border-right: 1px solid rgba(255, 255, 255, 0.1); }
.algo-home-proof > div:first-child { padding-left: 0px; }
.algo-home-proof > div:last-child { border: 0px; }
.algo-home-proof b { display: block; font-size: 14px; font-weight: 600; }
.algo-home-proof p { font-size: 12px; color: rgb(174, 183, 207); margin-top: 5px; }
.algo-home-proof .algo-mono { color: rgb(234, 187, 99); margin-right: 12px; font-size: 11px; }
.algo-console { color: rgb(233, 237, 244); background: rgb(17, 27, 43); border: 1px solid rgba(74, 88, 113, 0.43); border-radius: 12px; box-shadow: rgba(3, 8, 25, 0.2) 0px 25px 65px; overflow: hidden; text-align: left; }
.algo-console-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); padding: 17px 22px; }
.algo-console-title { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; }
.algo-console-symbol { width: 20px; height: 20px; display: grid; place-items: center; border: 1px solid rgb(237, 180, 74); color: rgb(237, 180, 74); border-radius: 4px; }
.algo-console-top .algo-mono { color: rgb(240, 197, 119); font-size: 9px; letter-spacing: 0.08em; background: rgba(237, 180, 74, 0.07); padding: 4px 7px; border-radius: 3px; }
.algo-console-body { padding: 24px; }
.algo-console-summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.algo-console-summary p { color: rgb(157, 172, 194); font-size: 11px; }
.algo-console-summary strong { display: block; font-size: 23px; letter-spacing: -0.04em; margin-top: 3px; font-weight: 500; }
.algo-status { display: inline-flex; gap: 7px; align-items: center; font-size: 10px; color: var(--a-mint); }
.algo-status::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentcolor; }
.algo-wave { height: 112px; margin: 17px 0px 0px; position: relative; background: repeating-linear-gradient(transparent 0px, transparent 27px, rgba(255, 255, 255, 0.03) 27px, rgba(255, 255, 255, 0.03) 28px); }
.algo-wave svg { width: 100%; height: 100%; overflow: visible; }
.algo-wave-label { color: rgb(126, 145, 170); font-size: 9px; display: flex; justify-content: space-between; padding-top: 6px; }
.algo-flow-mini { display: flex; justify-content: space-between; position: relative; margin-top: 30px; }
.algo-flow-mini::before { content: ""; height: 1px; position: absolute; top: 17px; left: 25px; right: 25px; background: rgb(70, 81, 98); }
.algo-flow-mini > div { position: relative; text-align: center; width: 25%; }
.algo-flow-mini span { margin: 0px auto 7px; position: relative; width: 34px; height: 34px; border: 1px solid rgb(78, 99, 113); border-radius: 7px; background: rgb(25, 38, 54); color: rgb(169, 214, 194); display: grid; place-items: center; font-size: 12px; }
.algo-flow-mini .algo-flow-active { border-color: rgb(195, 141, 53); color: rgb(237, 190, 109); background: rgb(45, 42, 34); }
.algo-flow-mini p { color: rgb(178, 189, 208); font-size: 10px; }
.algo-console-event { margin-top: 22px; padding: 11px 12px; border: 1px solid rgba(162, 219, 196, 0.13); border-radius: 5px; background: rgba(162, 219, 196, 0.024); display: flex; gap: 10px; align-items: center; color: rgb(166, 220, 198); font-size: 10px; }
.algo-console-event span:last-child { margin-left: auto; font-size: 9px; color: rgb(141, 165, 156); }
.algo-console-caption { padding: 10px 22px; border-top: 1px solid rgba(255, 255, 255, 0.05); font-size: 9px; color: rgb(154, 168, 188); display: flex; justify-content: space-between; gap: 12px; }


















.algo .algo-automation-promise { color: rgb(148, 98, 14); font-size: 22px; font-weight: 700; line-height: 1.3; border-left: 3px solid var(--a-gold); padding-left: 14px; margin: 0px 0px 20px; }
.algo-home .algo-automation-promise { color: rgb(241, 184, 63); }












































































































@media (min-width: 901px) {.algo-console { animation: 0.65s ease 0s 1 normal both running algo-arrive; }
@keyframes algo-arrive { 
  0% { opacity: 0.4; translate: 0px 12px; }
  100% { opacity: 1; translate: 0px; }
}}
@media (max-width: 1100px) {.algo-home-grid, .algo-hero-grid { gap: 38px; }


.algo-home h2 { font-size: 47px; }
}
@media (max-width: 900px) {
.algo-hero-grid, .algo-home-grid { grid-template-columns: 1fr; gap: 35px; }


.algo-hero-copy > p, .algo-home-copy > p { max-width: 580px; }

.algo-home { padding-top: 65px; }
.algo-home-grid > .algo-console { width: 100%; }
.algo-home h2 { font-size: 54px; }
.algo-home-proof { margin-top: 40px; }
.algo-home-proof > div { padding: 22px 18px; }













}
@media (max-width: 620px) {









.algo-eyebrow { font-size: 9px; letter-spacing: 0.1em; gap: 9px; }


.algo-actions { gap: 23px; margin-top: 26px; }
.algo-btn { min-height: 49px; font-size: 12px; padding: 12px 17px; }
.algo-text-link { font-size: 12px; }


.algo-console-top { padding: 15px; }
.algo-console-body { padding: 19px 16px; }
.algo-console-title { font-size: 10px; gap: 8px; }
.algo-console-top .algo-mono { font-size: 8px; }
.algo-console-summary strong { font-size: 21px; }
.algo-console-summary p { font-size: 10px; }
.algo-status { font-size: 9px; }
.algo-wave { height: 92px; }
.algo-console-event { font-size: 9px; padding: 10px 8px; gap: 7px; }
.algo-console-caption { padding: 11px 15px; font-size: 8px; }


.algo-home { padding-top: 53px; }
.algo-home h2 { font-size: 44px; }
.algo-home-copy > p { font-size: 15px; }
.algo-home-proof { grid-template-columns: 1fr; }
.algo-home-proof > div, .algo-home-proof > div:first-child { padding: 18px 0px; border-right: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.algo-home-proof p { margin-left: 30px; }































}
@media (prefers-reduced-motion: reduce) {.algo *, .algo ::before, .algo ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important; }}





























































































@media (min-width: 901px) {






}
@media (max-width: 1100px) {


}
@media (max-width: 900px) {



}
@media (max-width: 620px) {



























}