@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');

:root{--ink:#141817;--paper:#f1f2ed;--line:#c8cbc3;--muted:#686d69;--signal:#b9ff35;--white:#fff;--error:#c43d2f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Manrope",sans-serif;font-size:16px;letter-spacing:0}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
.topbar{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}
.brand{display:flex;align-items:center;gap:13px;font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:16px}
.brand-mark{width:24px;height:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;transform:skew(-10deg)}
.brand-mark i{display:block;background:var(--ink)}
.brand-mark i:nth-child(2){height:70%;align-self:end}
.brand-mark i:nth-child(3){height:40%;align-self:end;background:var(--signal);border:1px solid var(--ink)}
.topbar-meta{display:flex;align-items:center;gap:32px;font:500 11px "IBM Plex Mono",monospace;text-transform:uppercase}
.system-state{display:flex;align-items:center;gap:8px}
.system-state i{width:7px;height:7px;background:#62a814;border-radius:50%;box-shadow:0 0 0 3px rgba(98,168,20,.13)}
.system-code{color:var(--muted)}
.hero{min-height:calc(100vh - 76px);padding:28px 4vw 24px;display:grid;grid-template-columns:minmax(110px,1fr) minmax(600px,8fr);grid-template-rows:auto 1fr auto;column-gap:3vw;border-bottom:1px solid var(--ink);background-image:linear-gradient(rgba(20,24,23,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,24,23,.055) 1px,transparent 1px);background-size:48px 48px}
.hero-index,.section-label{font:500 11px "IBM Plex Mono",monospace;color:var(--muted);padding-top:5px}
.hero-copy{align-self:center;max-width:1050px;padding:50px 0 30px}
.eyebrow{font:600 11px "IBM Plex Mono",monospace;margin:0 0 24px;letter-spacing:0;color:var(--muted)}
h1,h2,h3,p{letter-spacing:0}
h1{font-size:clamp(54px,7.2vw,112px);line-height:.93;font-weight:500;margin:0;max-width:1100px}
h1 span{color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.lede{font-size:17px;line-height:1.65;max-width:570px;margin:34px 0 0;color:#3f4441}
.console{grid-column:2;background:var(--ink);color:var(--white);padding:26px;max-width:1100px;width:100%;align-self:end;box-shadow:10px 10px 0 var(--signal)}
.console label{display:block;font:500 10px "IBM Plex Mono",monospace;color:#9da39e;margin-bottom:10px}
.input-row{height:64px;display:grid;grid-template-columns:42px 1fr auto;background:#252a28;border:1px solid #424844}
.input-prefix{display:grid;place-items:center;color:var(--signal);font:600 20px "IBM Plex Mono",monospace}
.input-row input{min-width:0;border:0;outline:0;background:transparent;color:var(--white);font-family:"IBM Plex Mono",monospace;font-size:14px;padding:0 12px}
.input-row input::placeholder{color:#747b76}
.input-row input:focus{box-shadow:inset 0 -2px var(--signal)}
.input-row button{border:0;background:var(--signal);color:var(--ink);font:600 12px "IBM Plex Mono",monospace;padding:0 28px;display:flex;align-items:center;gap:24px}
.input-row button:hover,.input-row button:focus-visible{background:#d0ff78}
.form-message{height:18px;margin:10px 0 15px;font:400 10px "IBM Plex Mono",monospace;color:#929994}
.form-message.is-error{color:#ff867a}.form-message.is-success{color:var(--signal)}
.format-selector{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #3d4340}
.format{height:45px;border:0;border-right:1px solid #3d4340;background:transparent;color:#969d98;text-align:left;padding:0 15px;font:500 11px "IBM Plex Mono",monospace}
.format:last-child{border-right:0}.format span{color:#5f6662;margin-right:9px}.format:hover{color:#fff}.format.is-active{color:var(--signal)}
.hero-foot{grid-column:1/-1;margin-top:38px;display:flex;justify-content:space-between;align-items:end;font:500 10px "IBM Plex Mono",monospace;text-transform:uppercase;color:var(--muted)}
.hero-foot a{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:4px}
.protocol{padding:110px 4vw 120px;display:grid;grid-template-columns:minmax(110px,1fr) 3fr 5fr;gap:3vw;border-bottom:1px solid var(--ink)}
.section-heading h2{font-size:clamp(38px,4.5vw,72px);line-height:1.02;font-weight:500;margin:0}
.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.steps li{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}
.step-number{font:500 11px "IBM Plex Mono",monospace;color:var(--muted);padding-top:5px}
.steps h3{font-size:18px;font-weight:600;margin:0 0 8px}.steps p{font-size:14px;line-height:1.55;color:var(--muted);margin:0;max-width:410px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;background:var(--ink);color:#fff;min-height:215px}
.metrics>div{padding:38px 4vw;border-right:1px solid #3b403e;display:flex;flex-direction:column;justify-content:space-between}
.metrics strong{font:500 clamp(32px,4vw,60px) "IBM Plex Mono",monospace}.metrics span{font:500 10px "IBM Plex Mono",monospace;text-transform:uppercase;color:#979d99}
.signal{display:flex!important;flex-direction:row!important;align-items:end;gap:7px;padding-bottom:45px!important}
.signal i{flex:1;background:var(--signal);min-height:12px;animation:pulse 2.4s ease-in-out infinite;transform-origin:bottom}
.signal i:nth-child(2){height:35%}.signal i:nth-child(3){height:65%}.signal i:nth-child(4){height:45%}.signal i:nth-child(5){height:82%}.signal i:nth-child(6){height:58%}.signal i:nth-child(7){height:100%}.signal i:nth-child(8){height:72%}
.signal i:nth-child(2n){animation-delay:.3s}@keyframes pulse{50%{transform:scaleY(.55);opacity:.7}}
footer{min-height:210px;padding:42px 4vw;display:grid;grid-template-columns:2fr 3fr 3fr auto;align-items:start;gap:3vw}
.brand-small{font-size:13px}.brand-small .brand-mark{width:20px;height:20px}
footer p{margin:0;font-size:13px;color:var(--muted)}footer nav{display:flex;gap:28px;font:500 11px "IBM Plex Mono",monospace;text-transform:uppercase}footer nav a{border-bottom:1px solid transparent}footer nav a:hover{border-color:var(--ink)}.copyright{font:500 10px "IBM Plex Mono",monospace;color:var(--muted)}
@media(max-width:800px){.topbar{height:64px}.system-code{display:none}.hero{min-height:auto;padding:22px 20px 25px;display:block}.hero-index{margin-bottom:70px}.hero-copy{padding:0 0 36px}.eyebrow{margin-bottom:16px}h1{font-size:clamp(43px,13vw,68px)}.lede{font-size:15px;margin-top:25px}.console{padding:16px;box-shadow:6px 6px 0 var(--signal)}.input-row{height:auto;grid-template-columns:36px 1fr}.input-row input{height:55px}.input-row button{grid-column:1/-1;height:50px;justify-content:space-between;padding:0 18px}.format-selector{grid-template-columns:1fr 1fr}.format:nth-child(2){border-right:0}.format:nth-child(-n+2){border-bottom:1px solid #3d4340}.hero-foot{margin-top:38px}.hero-foot span{display:none}.protocol{padding:80px 20px;display:block}.section-label{margin-bottom:60px}.section-heading{margin-bottom:50px}.metrics{grid-template-columns:1fr 1fr}.metrics>div{min-height:160px;padding:25px 20px}.signal{display:none!important}footer{padding:35px 20px;grid-template-columns:1fr 1fr;gap:35px}footer nav{grid-column:1/-1;order:3;flex-wrap:wrap}.copyright{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal i{animation:none}}