@import url("https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=JetBrains+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--void:#000;--obsidian:#0a0a0a;--carbon:#141414;--carbon-hover:#171717;--graphite:#1e1e1e;--steel:#2a2a2a;--ash:#5a5a5a;--fog:#8a8a8a;--mist:#adadad;--bone:#e4e4e4;--snow:#fcfcfc;--r-blue:#224ae8;--r-teal:#00bdb7;--r-purple:#716eff;--ok:#00bdb7;--warn:#f0b95c;--err:#e85d5d;--tone-err-border:rgba(232,93,93,.2);--tone-err-bg:rgba(232,93,93,.04);--tone-warn-border:rgba(240,185,92,.25);--tone-warn-bg:rgba(240,185,92,.04);--font-display:"Syne",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--font-mono:"JetBrains Mono",monospace}body,html{background:var(--void);color:var(--snow);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body{overflow-x:hidden}::selection{background:hsla(0,0%,100%,.12);color:var(--snow)}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit}.label{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ash)}.label,.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em}.pipe{color:var(--fog);font-family:var(--font-mono);margin-right:14px}.pipe-title{font-size:20px}.pipe-card{font-size:14px;color:var(--snow);margin-right:10px}.pipe-label{color:var(--fog)}.meta-row{display:flex;align-items:center;gap:20px;font-family:var(--font-mono);font-size:11px;color:var(--ash)}.meta-sep{color:var(--steel)}.breadcrumb{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--ash);margin-bottom:24px}.breadcrumb a{color:var(--fog)}.breadcrumb .breadcrumb-sep{color:var(--steel);margin:0 10px}.breadcrumb .breadcrumb-current{color:var(--snow)}.card-surface{background:var(--carbon);border:1px solid var(--graphite);border-radius:12px;overflow:hidden}.hint{margin-top:12px;font-size:10px;color:var(--ash)}.hint,.input{font-family:var(--font-mono)}.input{width:100%;padding:14px 16px;background:var(--carbon);border:1px solid var(--graphite);border-radius:6px;color:var(--snow);font-size:14px;transition:border-color .2s,background .2s;outline:none}.input:hover{border-color:var(--steel)}.input:focus{border-color:var(--ash);background:var(--graphite)}.input::placeholder{color:var(--ash)}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:9px;letter-spacing:.2em;color:var(--ash)}.btn,.field-label{font-family:var(--font-mono);text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;font-size:11px;letter-spacing:.08em;border-radius:6px;transition:all .2s;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--snow);color:var(--void)}.btn-primary:hover{background:var(--bone)}.btn-secondary{background:transparent;border-color:var(--steel);color:var(--snow)}.btn-secondary:hover{border-color:var(--ash);background:hsla(0,0%,100%,.03)}.btn-ghost{background:transparent;color:var(--fog);padding:8px 12px}.btn-ghost:hover{color:var(--snow)}.btn-danger{background:transparent;border-color:rgba(232,93,93,.3);color:var(--err)}.btn-danger:hover{border-color:var(--err);background:rgba(232,93,93,.05)}.btn-sm{padding:8px 14px;font-size:10px}.card{padding:32px}.card,.fleet-card{background:var(--carbon);border:1px solid var(--graphite);border-radius:12px}.fleet-card{display:block;padding:28px;transition:all .2s}.fleet-card:hover{border-color:var(--steel);background:#171717}.terminal{background:var(--obsidian);border:1px solid var(--graphite);border-radius:12px;overflow:hidden}.terminal-bar{display:flex;align-items:center;gap:6px;padding:14px 18px;background:var(--carbon);border-bottom:1px solid var(--graphite)}.terminal-dot{width:8px;height:8px;border-radius:50%;background:var(--steel)}.terminal-title{font-family:var(--font-mono);font-size:10px;color:var(--ash);letter-spacing:.05em;margin-left:8px}.terminal-body{padding:24px 28px 28px;font-family:var(--font-mono);font-size:12.5px;line-height:2;overflow-x:auto}.terminal-body,.terminal-body .p{color:var(--fog)}.terminal-body .c{color:var(--snow)}.terminal-body .f{color:var(--ash)}.terminal-body .d{color:var(--steel)}.terminal-body .ok{color:var(--ok)}.terminal-body .ip{color:hsla(0,0%,100%,.3)}.status{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.status-dot{width:6px;height:6px;border-radius:50%}.status-healthy{color:var(--ok)}.status-healthy .status-dot{background:var(--ok)}.status-idle{color:var(--fog)}.status-idle .status-dot{background:var(--fog)}.status-active{color:var(--snow)}.status-active .status-dot{background:var(--snow)}.status-warn{color:var(--warn)}.status-warn .status-dot{background:var(--warn)}.status-err{color:var(--err)}.status-err .status-dot{background:var(--err)}.data-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px}.data-table thead tr{border-bottom:1px solid var(--graphite)}.data-table th{text-align:left;padding:14px 16px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ash);font-weight:400}.data-table td{padding:16px;border-bottom:1px solid var(--graphite);color:var(--fog)}.data-table td:first-child{color:var(--snow)}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--carbon)}.data-table tbody tr:last-child td{border-bottom:none}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--graphite)}.page-title{font-weight:500;font-size:24px;letter-spacing:-.02em;color:var(--snow);line-height:1;margin-bottom:8px}.page-subtitle,.page-title{font-family:var(--font-mono)}.page-subtitle{font-size:11px;letter-spacing:.08em;color:var(--ash)}.section{margin-top:64px}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}.section-title{font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--snow)}.section-meta{font-family:var(--font-mono);font-size:10px;color:var(--ash)}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 64px;height:64px;justify-content:space-between;background:rgba(0,0,0,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.04)}.nav-left,nav{display:flex;align-items:center}.nav-left{gap:12px}.nav-wordmark{font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:-.03em;color:var(--snow)}.nav-right{display:flex;align-items:center;gap:32px}.nav-link{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ash);text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--fog)}.nav-cta{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--snow);text-decoration:none;padding:8px 20px;border:1px solid var(--steel);border-radius:4px;transition:all .3s}.nav-cta:hover{border-color:var(--ash);background:hsla(0,0%,100%,.03)}.hero{padding:160px 64px 120px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(44px,6vw,72px);letter-spacing:-.05em;text-align:center;line-height:1;color:var(--snow);margin-bottom:24px;animation:text-enter 1s cubic-bezier(.16,1,.3,1) .1s both}@keyframes text-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-sub{font-size:17px;font-weight:300;color:var(--fog);text-align:center;max-width:440px;line-height:1.6;letter-spacing:-.01em;margin-bottom:56px;animation:text-enter 1s cubic-bezier(.16,1,.3,1) .25s both}.hero-terminal{width:100%;max-width:740px;animation:text-enter 1s cubic-bezier(.16,1,.3,1) .4s both}.landing-section{padding:120px 64px;max-width:1200px;margin:0 auto}.landing-divider{height:1px;background:var(--graphite);max-width:1200px;margin:0 auto}.statement{display:grid;grid-template-columns:200px 1fr;grid-gap:64px;gap:64px;align-items:start}.s-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--ash);padding-top:12px}.s-text{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3.5vw,40px);letter-spacing:-.035em;line-height:1.25;color:var(--snow)}.s-text em{font-style:normal;color:var(--ash)}.surfaces-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;margin-top:80px;border-radius:12px;overflow:hidden}.landing-surface{background:var(--carbon);padding:40px 32px 36px;display:flex;flex-direction:column;min-height:280px;transition:background .4s}.landing-surface:hover{background:var(--carbon-hover)}.surface-type{font-family:var(--font-mono);font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--ash);margin-bottom:6px}.surface-num{font-weight:800;font-size:44px;letter-spacing:-.04em;color:var(--steel);line-height:.9;margin-bottom:24px}.surface-name,.surface-num{font-family:var(--font-display)}.surface-name{font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--snow);margin-bottom:14px}.surface-desc{font-size:13.5px;font-weight:300;line-height:1.65;color:var(--fog);flex:1 1}.surface-pill{display:inline-flex;align-items:center;padding:9px 16px;background:var(--graphite);border-radius:6px;font-family:var(--font-mono);font-size:12px;color:var(--snow);letter-spacing:.02em;align-self:flex-start;margin-top:24px;transition:background .3s}.landing-surface:hover .surface-pill{background:var(--steel)}.terminal-section{display:grid;grid-template-columns:200px 1fr;grid-gap:64px;gap:64px;align-items:start}.landing-terminal{background:var(--obsidian);border:1px solid var(--graphite);border-radius:12px;overflow:hidden}.landing-terminal .terminal-bar{padding:14px 18px}.landing-terminal .terminal-body{padding:28px 28px 32px;font-size:13px;line-height:2.1}.landing-terminal .terminal-body .block{margin-top:12px}.terminal-header{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--graphite);line-height:1.8}.terminal-header .t-slit{color:var(--snow);font-size:14px}.terminal-header .t-brand{color:var(--snow);font-size:13px;letter-spacing:.35em;font-weight:500}.terminal-header .t-version{color:var(--ash);font-size:12px}.terminal-header .t-desc{color:var(--fog);font-size:12px}.principles-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;gap:1px;margin-top:80px;border-radius:12px;overflow:hidden}.principle{background:var(--carbon);padding:40px;transition:background .4s}.principle:hover{background:var(--carbon-hover)}.principle-name{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--snow);margin-bottom:10px}.principle-desc{font-size:13px;line-height:1.7;color:var(--ash);font-weight:400;margin-bottom:16px}.principle-link{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--fog);text-decoration:none;transition:color .3s}.principle-link:hover{color:var(--snow)}.terminal-copy{margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ash);background:none;border:1px solid var(--steel);border-radius:4px;padding:4px 10px;cursor:pointer;transition:all .3s}.terminal-copy:hover{color:var(--fog);border-color:var(--ash)}.access-desc{font-size:14.5px;font-weight:300;line-height:1.65;color:var(--fog);max-width:540px;margin-top:32px;margin-bottom:0}.access-desc strong{color:var(--snow);font-weight:500}.stats-section{padding-top:80px;padding-bottom:80px}.landing-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;border-radius:12px;overflow:hidden}.landing-stat{background:var(--carbon);padding:40px 32px;text-align:center}.landing-stat-num{font-family:var(--font-mono);font-weight:500;font-size:36px;letter-spacing:-.02em;color:var(--snow);line-height:1;margin-bottom:12px}.landing-stat-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash)}.quickstart-terminal{margin-top:48px;max-width:680px}.quickstart-cta{margin-top:32px;display:flex;align-items:center;gap:24px}.cta-btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--void);background:var(--snow);text-decoration:none;padding:14px 28px;border-radius:6px;transition:all .3s}.cta-btn:hover{background:var(--bone)}.cta-link{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--ash);text-decoration:none;transition:color .3s}.cta-link:hover{color:var(--fog)}.landing-footer{max-width:1200px;margin:0 auto;padding:48px 64px 56px;border-top:1px solid var(--graphite);display:flex;justify-content:space-between;align-items:flex-start}.footer-left{display:flex;flex-direction:column;gap:10px}.footer-wordmark{font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:-.03em;color:var(--fog)}.footer-parent{font-size:12px;font-weight:300;color:var(--ash)}.footer-parent a{color:var(--ash);text-decoration:none;transition:color .3s}.footer-parent a:hover{color:var(--fog)}.footer-center,.footer-right{display:flex;flex-direction:column;gap:12px}.footer-right{align-items:flex-end}.footer-links{display:flex;gap:24px}.footer-link{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ash);text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--fog)}.footer-copy{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--steel)}@media (max-width:900px){nav{padding:0 32px}.hero{padding:120px 32px 80px}.landing-section{padding:80px 32px}.landing-footer{padding:40px 32px 48px}.statement,.terminal-section{grid-template-columns:1fr;gap:16px}.principles-grid,.surfaces-grid{grid-template-columns:1fr}.landing-surface{min-height:auto}.nav-right .nav-link{display:none}.landing-stats-grid{grid-template-columns:repeat(2,1fr)}.quickstart-cta{flex-direction:column;align-items:flex-start}.terminal-body{font-size:11px;padding:20px 20px 24px}.terminal-header .t-brand{font-size:11px}.landing-footer{flex-direction:column;gap:24px}}