body{margin:0;background:#0B1016}
a{color:#7FCFE0}a:hover{color:#A8E2EE}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.kick{font:500 12px 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#7FCFE0}
.h2{margin:0;font:600 clamp(30px,4vw,44px)/1.12 'IBM Plex Sans',sans-serif;color:#E6ECF3;letter-spacing:-.01em}
.lead{margin:0;font:400 18px/1.6 'IBM Plex Sans',sans-serif;color:#AEBACB;max-width:640px}
.card{background:#111821;border:1px solid #222D3A;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px}
.card h3{margin:0;font:600 18px/1.3 'IBM Plex Sans',sans-serif;color:#E6ECF3}
.card p{margin:0;font:400 15px/1.55 'IBM Plex Sans',sans-serif;color:#AEBACB}
.code{font:400 14px/1.7 'JetBrains Mono',monospace;color:#D6DEE8}
.metric{font:600 26px 'Handjet',monospace;line-height:1;color:#D6DEE8;letter-spacing:.02em}
.cap{font:500 11px 'IBM Plex Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#8B99AB}


.s1{border-bottom: 1px solid #1A2330; background: #0B1016}
.s2{display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; padding-top: 16px; padding-bottom: 16px}
.s3{display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #E6ECF3}
.s4{display: flex; flex-wrap: wrap; gap: 4px 22px; font-size: 15px}
.s5{color: #AEBACB; text-decoration: none}
.s6{margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 10px}
.s7{display: flex; align-items: center; gap: 6px; font: 500 13px 'JetBrains Mono', monospace}
.s8{color: #E6ECF3; padding: 4px 8px; border: 1px solid #33465C; border-radius: 6px}
.s9{color: #8B99AB; padding: 4px 8px}
.s10{display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border-radius: 6px; background: #8296E0; color: #0B1016; font: 600 14px 'IBM Plex Sans', sans-serif; text-decoration: none; white-space: nowrap}
.s11{padding: 88px 0 96px; border-bottom: 1px solid #1A2330}
.s12{display: flex; flex-wrap: wrap; align-items: center; gap: 56px}
.s13{flex: 1 1 480px; min-width: 0; display: flex; flex-direction: column; gap: 24px}
.s14{margin: 0; font: 600 clamp(40px, 6vw, 68px)/1.04 'IBM Plex Sans', sans-serif; color: #E6ECF3; letter-spacing: -.02em}
.s15{color: #7FCFE0}
.s16{display: flex; flex-wrap: wrap; gap: 10px}
.s17{font: 500 13px 'JetBrains Mono', monospace; color: #D6DEE8; padding: 8px 12px; border: 1px solid #253141; border-radius: 6px; background: #111821}
.s18{margin: 0; font-size: 14px; color: #8B99AB}
.s19{flex: 1 1 420px; min-width: 0; display: flex; justify-content: center}
.s20{padding: 96px 0; border-bottom: 1px solid #1A2330}
.s21{display: flex; flex-direction: column; gap: 40px}
.s22{display: flex; flex-direction: column; gap: 16px}
.s23{margin: 0; border: 1px solid #222D3A; border-radius: 12px; overflow: hidden; background: #111821}
.s24{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px}
.s25{display: flex; flex-direction: column; gap: 24px}
.s26{display: flex; flex-wrap: wrap-reverse; gap: 48px; align-items: center}
.s27{flex: 1 1 520px; min-width: 0; background: #111821; border: 1px solid #222D3A; border-radius: 12px; overflow: hidden}
.s28{display: flex; align-items: center; gap: 16px; padding: 14px 18px; border-bottom: 1px solid #222D3A}
.s29{margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: #8B99AB}
.s30{font-size: 22px; color: #E9D48B}
.s31{display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: #8B99AB}
.s32{font-size: 22px; color: #B9C6EE}
.s33{display: flex; flex-direction: column}
.s34{display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid #1A2330}
.s35{font: 500 11px 'JetBrains Mono', monospace; color: #8B99AB; border: 1px solid #33465C; border-radius: 4px; padding: 2px 5px}
.s36{color: #E6ECF3}
.s37{font: 400 12px 'JetBrains Mono', monospace; color: #8B99AB}
.s38{margin-left: auto; font: 600 13px 'JetBrains Mono', monospace; padding: 2px 8px; border-radius: 10px; background: #4E4429; color: #E9D48B}
.s39{font: 600 13px 'JetBrains Mono', monospace; padding: 2px 8px; border-radius: 10px; background: #34406B; color: #B9C6EE}
.s40{margin-left: auto; font: 600 13px 'JetBrains Mono', monospace; padding: 2px 8px; border-radius: 10px; background: #34406B; color: #B9C6EE}
.s41{display: flex; flex-direction: column; gap: 10px; padding: 18px}
.s42{align-self: flex-start; max-width: 80%; background: #1A2330; border-radius: 10px; padding: 10px 14px; font-size: 14px; color: #D6DEE8}
.s43{align-self: center; font: 500 15px 'Handjet', monospace; color: #8B99AB; letter-spacing: .04em}
.s44{align-self: flex-end; max-width: 80%; background: #26335A; border-radius: 10px; padding: 10px 14px; font-size: 14px; color: #E6ECF3}
.s45{flex: 1 1 380px; min-width: 0; display: flex; flex-direction: column; gap: 16px}
.s46{font-size: 16px}
.s47{font-family: 'JetBrains Mono', monospace; color: #D6DEE8}
.s48{padding: 56px 0 64px}
.s49{display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px}
.s50{display: inline-flex; align-items: center; gap: 10px}
.s51{font-size: 14px; color: #8B99AB}
.s52{margin-left: auto; font: 400 13px 'JetBrains Mono', monospace; color: #8B99AB}
@font-face{font-family:'IBM Plex Sans';src:url('/assets/fonts/ibm-plex-sans.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/assets/fonts/jetbrains-mono.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Handjet';src:url('/assets/fonts/handjet.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{color:#D6DEE8;font-family:'IBM Plex Sans',sans-serif}img{display:block;max-width:100%;height:auto}.site{min-height:100vh}section{scroll-margin-top:24px}.wordmark{object-fit:contain}.hero-mark{width:100%;max-width:420px}.agent-link{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:12px 16px;border:1px solid #33465C;border-radius:6px;text-decoration:none;font-weight:500}.agent-link:hover{background:#1A2330}.session-title{display:flex;align-items:center;gap:12px;padding:20px;font:500 15px 'JetBrains Mono',monospace}.status-dot{width:9px;height:9px;border-radius:50%;background:#7FCFE0}.session-caption{margin-left:auto;color:#8B99AB;font:400 13px 'IBM Plex Sans',sans-serif}.session-toolbar{display:flex;gap:24px;flex-wrap:wrap;padding:14px 20px;border-block:1px solid #222D3A;color:#AEBACB;font-size:14px}.session-illustration{padding:56px 24px;background:linear-gradient(135deg,#101923,#152334);display:grid;place-items:center}.illustrated-window{width:min(560px,100%);background:#111821;border:1px solid #33465C;border-radius:10px;overflow:hidden;box-shadow:0 24px 80px #0004}.illustrated-title{display:flex;gap:6px;align-items:center;padding:14px 18px;border-bottom:1px solid #253141;color:#8B99AB;font:400 12px 'JetBrains Mono',monospace}.illustrated-title i{width:7px;height:7px;background:#33465C;border-radius:50%}.illustrated-title span{margin-left:auto}.illustrated-content{padding:40px 32px}.screen-label{font:500 19px 'IBM Plex Sans',sans-serif;color:#E6ECF3}.screen-line{height:5px;background:#253141;border-radius:4px;margin-top:20px;width:90%}.screen-line.short{width:60%}figcaption,.illustration-note{padding:12px 20px;font-size:13px;color:#8B99AB;border-top:1px solid #222D3A;margin:0}a:focus-visible{outline:2px solid #7FCFE0;outline-offset:5px}::selection{background:#33465C;color:#E6ECF3}
@media(max-width:640px){.wrap{padding-inline:20px}header .wrap{gap:18px!important}header nav{gap:12px 18px!important;width:100%}header nav+div{margin-left:0!important;width:100%}header a[href='https://hey.ehalo.app/']{font-size:13px!important;padding-inline:12px!important}section{padding-block:56px!important}#top .wrap{gap:32px!important}#top .hero-mark{max-width:240px}#top h1{font-size:42px!important}#top .lead{font-size:17px}.session-title{flex-wrap:wrap;padding:16px}.session-caption{margin-left:0;width:100%}.session-toolbar{gap:10px 18px;font-size:12px}.session-illustration{padding:28px 16px}.illustrated-content{padding:26px 20px}.screen-label{font-size:16px}.tickets-section .wrap>div:first-child>div{flex-wrap:wrap!important}.tickets-section .wrap{gap:32px!important}.lead{overflow-wrap:anywhere}.card{padding:20px}footer{padding-block:36px!important}footer .wrap{gap:20px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-mark .orbit{transform-origin:50px 50px;animation:orbit 9s linear infinite}.hero-mark .flash{animation:flash 9s linear infinite}@keyframes orbit{0%{transform:rotate(0)}45%,50%{transform:rotate(360deg)}95%,100%{transform:rotate(720deg)}}@keyframes flash{0%,43%{opacity:.7}46%{opacity:1}48%{opacity:.65}50%,93%{opacity:1}100%{opacity:.7}}@media(prefers-reduced-motion:reduce){.hero-mark .orbit,.hero-mark .flash{animation:none}}