@import url('tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--color-carbon);color:var(--color-chalk);font-family:var(--font-inter-tight);font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{transition:background .2s,color .2s,border-color .2s}a:focus-visible,button:focus-visible{outline:2px solid var(--color-signal-lime);outline-offset:6px}header{height:80px;border-bottom:1px solid #252525;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1280px)/2));gap:24px;background:#000;position:sticky;top:0;z-index:10}.brand{font-family:var(--font-pt-serif);font-size:29px;white-space:nowrap}.brand-symbol{font-family:Arial;margin-right:5px;font-size:34px}nav{display:flex;gap:28px}nav a{font-size:11px;text-transform:uppercase;letter-spacing:.13em}nav a:hover,.text-link:hover,.card-link:hover{color:var(--color-signal-lime)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 22px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:4px}.outline{border:1px solid #c5ff4a;color:#c5ff4a;padding:11px 17px}.outline:hover{background:#314013}.primary{background:#c5ff4a;color:#000;box-shadow:var(--shadow-sm)}.primary:hover{background:#e0ff9c}.menu{display:none}.mono{font-family:var(--font-jetbrains-mono);font-size:10px;letter-spacing:.08em}.hero{position:relative;min-height:780px;overflow:hidden;padding:28px 5% 24px;display:flex;flex-direction:column;justify-content:space-between}.hero-meta,.hero-bottom{display:flex;justify-content:space-between;color:#8a8a8a;z-index:1}.hero-meta{padding-bottom:20px}.hero-content{text-align:center;position:relative;z-index:1;padding:34px 0 60px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:500;color:#8a8a8a}.hero .eyebrow{color:#c5c5c5}h1,h2,h3{font-family:var(--font-pt-serif);font-weight:300;margin:0}h1{font-size:89px;line-height:.98;letter-spacing:-3.1px;margin:29px 0 24px}em{color:#c5ff4a;font-weight:300}p{color:#c5c5c5;line-height:1.65}.hero p{font-size:15px;margin-bottom:28px}.text-link{display:block;margin:23px auto 0;font-size:11px;letter-spacing:.04em;color:#aaa}.text-link span{margin-left:10px}#globe{position:absolute;width:960px;height:600px;top:54px;left:50%;transform:translateX(-50%);opacity:.52;pointer-events:none}.signal-line{height:6px;background:#c5ff4a}.section{max-width:1280px;margin:auto;padding:85px 5%;scroll-margin-top:0}.section-meta{display:flex;justify-content:space-between;gap:12px}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:60px;margin:30px 0 47px}h2{font-size:58px;line-height:1.06;letter-spacing:-1.8px}.section-intro>p{max-width:370px;font-size:15px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{border:1px solid #313131;background:#1f1f1f;padding:32px}.card .eyebrow{font-size:9px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.card h3{font-size:40px;letter-spacing:-1px}.small-icon{border:1px solid #525252;padding:5px 10px;font-size:22px}.card p{max-width:370px;min-height:70px}.terminal{background:#252525;padding:18px 20px;margin-top:25px;border:1px solid #313131;border-radius:3px}.terminal-top{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-jetbrains-mono);font-size:10px;color:#aaa;padding-bottom:18px}.status{border:1px solid #597321;border-radius:20px;color:#c5ff4a;font-size:9px;padding:4px 8px}.terminal code{font:11px/1.9 var(--font-jetbrains-mono);color:#e5e5e5}.terminal b{color:#c5ff4a;font-weight:400}.muted{color:#8a8a8a}.redacted{color:#525252}.terminal-footer{border-top:1px solid #3d3d3d;margin-top:20px;padding-top:15px;display:flex;justify-content:space-between;font:9px var(--font-jetbrains-mono);color:#999}#copy{background:none;border:0;color:#c5c5c5;font:10px var(--font-jetbrains-mono)}.card-link{display:flex;justify-content:space-between;margin-top:28px;font-size:12px}.technology{border-top:1px solid #252525}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #313131}.steps article{padding:30px 28px 0 0}.steps article+article{border-left:1px solid #252525;padding-left:28px}.number{color:#8a8a8a}.steps h3{font-size:26px;margin-top:25px}.steps p{font-size:14px;max-width:280px}.closing{text-align:center;border-top:1px solid #252525;padding-top:80px;padding-bottom:85px}.closing h2{font-size:72px;margin:30px 0}.closing p{font-size:12px;margin-top:25px}footer{border-top:1px solid #252525;display:flex;align-items:center;justify-content:space-between;padding:32px 5%;gap:30px}footer .mono{color:#8a8a8a}footer div{display:flex;gap:24px;font-size:11px}@media(min-width:1500px){.hero{padding-left:calc((100vw - 1280px)/2);padding-right:calc((100vw - 1280px)/2)}}@media(max-width:900px){nav{gap:14px}nav a{font-size:9px}.brand{font-size:25px}header{gap:15px}.section-intro{gap:30px}h2{font-size:48px}.card{padding:23px}.terminal{padding:15px 12px}.card .eyebrow{font-size:8px}}@media(max-width:650px){header{height:68px;padding:0 6%}.menu{display:block;background:none;color:white;border:1px solid #525252;border-radius:3px;padding:6px 10px;font-size:20px}header>.button{margin-left:auto;padding:10px 13px;gap:12px;font-size:10px}nav{display:none;position:absolute;top:67px;left:0;right:0;background:#060606;border-bottom:1px solid #313131;padding:25px 6%;flex-direction:column;gap:25px}nav.open{display:flex}nav a{font-size:12px}.hero{min-height:720px;padding:22px 6%}.hero-meta{font-size:8px}.hero-meta span:last-child{display:none}.hero-content{padding:54px 0}.hero .eyebrow{font-size:8px}h1{font-size:54px;letter-spacing:-1.9px;line-height:1.03;margin-top:30px}.hero p{font-size:14px}#globe{width:800px;top:80px;opacity:.35}.hero-bottom{font-size:8px}.scroll{display:none}.section{padding:60px 6%}.section-intro{display:block;margin-bottom:30px}h2{font-size:46px}.section-intro p{margin-top:24px}.cards{grid-template-columns:1fr}.card{padding:27px}.card .eyebrow{font-size:9px}.terminal code{font-size:11px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{border-left:0;border-bottom:1px solid #252525;padding:25px 0}.steps h3{margin-top:15px}.closing h2{font-size:54px}footer{flex-wrap:wrap;padding:28px 6%}footer .mono{font-size:8px}footer div{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
