:root { --ink: #dff5ff; --muted: #9bb6c7; --aqua: #68f4d5; --blue: #80aaff; --night: #07121f; --panel: #0c1d2e; --line: rgba(174, 229, 255, .2); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--night); color: var(--ink); font-family: Manrope, sans-serif; margin: 0; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
.sky { background: radial-gradient(circle at 78% 5%, rgba(41, 87, 138, .38), transparent 28rem), radial-gradient(circle at 10% 38%, rgba(41, 161, 166, .15), transparent 30rem), linear-gradient(180deg, #07121f 0%, #081725 55%, #06101b 100%); inset: 0; min-height: 1100px; pointer-events: none; position: absolute; z-index: -2; }
.sky::before { background-image: radial-gradient(rgba(226, 255, 255, .8) 1px, transparent 1.2px); background-size: 37px 37px; content: ""; inset: 0; opacity: .23; position: absolute; }
.site-header, main, footer { margin: auto; max-width: 1180px; padding-left: 28px; padding-right: 28px; }
.site-header { align-items: center; display: flex; justify-content: space-between; min-height: 88px; }
.brand { font-family: "DM Mono", monospace; font-size: 1.05rem; font-weight: 500; letter-spacing: -.08em; } .brand span { color: var(--aqua); }
nav { display: flex; gap: 26px; } nav a, .header-link, footer { color: var(--muted); font-size: .77rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } nav a:hover, .header-link:hover, .path-card a:hover, footer a:hover { color: var(--aqua); }
.hero { padding: 104px 0 94px; position: relative; } .eyebrow { color: var(--aqua); font-family: "DM Mono", monospace; font-size: .69rem; font-weight: 500; letter-spacing: .12em; margin: 0 0 20px; } .eyebrow span { background: var(--aqua); border-radius: 50%; display: inline-block; height: 7px; margin-right: 9px; width: 7px; }
h1, h2, h3, p { margin-top: 0; } h1, h2 { letter-spacing: -.075em; line-height: .96; } h1 { font-size: clamp(3.5rem, 8vw, 7rem); margin-bottom: 27px; max-width: 730px; } h1 em, h2 em { color: var(--aqua); font-style: normal; } .hero-copy { color: var(--muted); font-size: 1.08rem; line-height: 1.7; max-width: 555px; }
.hero-actions { display: flex; gap: 13px; margin-top: 32px; } .button { align-items: center; display: inline-flex; font-size: .8rem; font-weight: 800; gap: 20px; justify-content: center; letter-spacing: .02em; padding: 15px 18px; transition: transform .2s, background .2s; } .button:hover { transform: translateY(-2px); } .button-primary { background: var(--aqua); color: #06201f; } .button-quiet { border: 1px solid var(--line); color: var(--ink); }
.orbit-card { border: 1px solid var(--line); height: 450px; overflow: hidden; position: absolute; right: -30px; top: 100px; width: min(46vw, 550px); } .orbit-grid { background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 48px 48px; inset: 0; opacity: .38; position: absolute; }.planet { background: radial-gradient(circle at 35% 35%, #b9ffff, #3c91a3 28%, #0d435b 60%, #06101f 76%); border-radius: 50%; box-shadow: 0 0 65px rgba(101, 244, 213, .32); height: 172px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 172px; }.planet span { border: 1px solid rgba(218,255,255,.42); border-radius: 50%; height: 205px; left: -17px; position: absolute; top: -17px; width: 205px; }.orbital-path { border: 1px solid rgba(117, 229, 255, .55); border-radius: 50%; position: absolute; }.path-one { height: 320px; left: 76px; top: 61px; transform: rotate(-30deg); width: 390px; }.path-two { border-color: rgba(128,170,255,.35); height: 180px; left: 155px; top: 140px; transform: rotate(32deg); width: 250px; }.signal { background: var(--aqua); border-radius: 50%; box-shadow: 0 0 15px var(--aqua); height: 8px; position: absolute; width: 8px; }.signal-one { left: 111px; top: 133px; }.signal-two { right: 89px; top: 101px; }.signal-three { bottom: 78px; right: 145px; }.orbit-label, .orbit-readout { font-family: "DM Mono", monospace; font-size: .62rem; letter-spacing: .08em; position: absolute; }.label-repo { left: 40px; top: 83px; }.label-agent { right: 44px; top: 160px; }.label-aws { bottom: 48px; left: 95px; }.orbit-readout { bottom: 21px; color: var(--muted); line-height: 1.6; right: 25px; text-align: right; }.orbit-readout strong { color: var(--aqua); }
.proof { border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, 1fr); }.proof p { border-right: 1px solid var(--line); color: var(--muted); font-size: .85rem; margin: 0; padding: 21px; }.proof p:last-child { border-right: 0; }.proof span, .steps span { color: var(--aqua); font-family: "DM Mono", monospace; font-size: .7rem; margin-right: 13px; }
.section { padding: 150px 0; }.section-heading { display: flex; justify-content: space-between; }.section-heading h2, .mcp-callout h2, .waitlist h2 { font-size: clamp(2.8rem, 5.2vw, 5rem); margin-bottom: 0; }.steps { display: grid; gap: 22px; grid-template-columns: repeat(3, 1fr); margin-top: 72px; }.steps article { border-top: 1px solid var(--line); padding-top: 22px; }.steps h3 { font-size: 1.35rem; letter-spacing: -.04em; margin: 24px 0 10px; }.steps p, .path-card > p:not(.card-kicker), .mcp-callout > p, .waitlist > div > p { color: var(--muted); line-height: 1.7; }
.paths { border-top: 1px solid var(--line); }.path-grid { display: grid; gap: 18px; grid-template-columns: 1fr 1fr; margin-top: 70px; }.path-card { border: 1px solid var(--line); min-height: 410px; padding: 34px; position: relative; }.path-card.byo { background: linear-gradient(145deg, rgba(29, 83, 94, .5), rgba(12, 29, 46, .4)); }.path-card.managed { background: linear-gradient(145deg, rgba(45, 50, 101, .5), rgba(12, 29, 46, .4)); }.card-kicker { color: var(--aqua); font-family: "DM Mono", monospace; font-size: .67rem; letter-spacing: .1em; }.path-card h3 { font-size: 2.2rem; letter-spacing: -.07em; line-height: 1; margin: 24px 0 19px; }.path-card ul { color: var(--muted); font-size: .84rem; line-height: 2; list-style: "—  "; padding-left: 19px; }.path-card a { bottom: 31px; color: var(--ink); font-size: .8rem; font-weight: 800; position: absolute; }.status-pill { background: rgba(128, 170, 255, .15); color: var(--blue); display: inline-block; font-family: "DM Mono", monospace; font-size: .66rem; letter-spacing: .1em; padding: 7px 9px; }
.mcp-callout { background: linear-gradient(135deg, rgba(77, 203, 190, .12), rgba(63, 96, 171, .16)); border: 1px solid var(--line); margin: 0 -28px; padding: 80px max(28px, calc((100vw - 1124px) / 2)); }.mcp-callout > p { font-size: 1rem; margin: 28px 0; max-width: 550px; }
.waitlist { align-items: center; display: grid; gap: 70px; grid-template-columns: 1fr 1fr; padding: 150px 0; }.waitlist form { border-top: 1px solid var(--line); padding-top: 22px; }.waitlist label { display: block; font-family: "DM Mono", monospace; font-size: .7rem; letter-spacing: .09em; margin-bottom: 12px; }.form-row { display: flex; }.form-row input { background: rgba(255,255,255,.04); border: 1px solid var(--line); border-right: 0; color: var(--ink); font: inherit; min-width: 0; outline: 0; padding: 16px; width: 100%; }.form-row input:focus { border-color: var(--aqua); }.form-row button { background: var(--aqua); border: 0; color: #06201f; cursor: pointer; font: 800 .75rem Manrope, sans-serif; padding: 0 18px; white-space: nowrap; }.form-row button:disabled { cursor: wait; opacity: .7; }.privacy, .form-message { color: var(--muted); font-size: .72rem; line-height: 1.5; margin: 14px 0 0; }.form-message { min-height: 1.2em; }.form-message[data-status="success"] { color: var(--aqua); }.form-message[data-status="error"] { color: #ffada8; }.honeypot { height: 1px; left: -10000px; overflow: hidden; position: absolute; width: 1px; }
footer { align-items: center; border-top: 1px solid var(--line); display: flex; justify-content: space-between; min-height: 110px; } footer p { margin: 0; }
@media (max-width: 820px) { nav { display: none; }.hero { padding-top: 76px; }.orbit-card { margin-top: 60px; position: relative; right: auto; top: auto; width: 100%; }.section { padding: 100px 0; }.section-heading, .waitlist { display: block; }.section-heading h2 { margin-top: 22px; }.steps, .path-grid { grid-template-columns: 1fr; }.path-grid { margin-top: 45px; }.waitlist > div { margin-bottom: 48px; }.mcp-callout { padding-bottom: 62px; padding-top: 62px; } }
@media (max-width: 520px) { .site-header, main, footer { padding-left: 18px; padding-right: 18px; }.site-header { min-height: 70px; }.header-link { font-size: .65rem; }.hero-actions { align-items: stretch; flex-direction: column; }.button { justify-content: space-between; }.orbit-card { height: 330px; }.planet { height: 125px; width: 125px; }.path-one { height: 240px; left: 25px; top: 45px; width: 300px; }.path-two { left: 80px; top: 105px; }.label-agent { right: 18px; }.label-repo { left: 18px; }.proof { grid-template-columns: 1fr; }.proof p { border-bottom: 1px solid var(--line); border-right: 0; }.proof p:last-child { border-bottom: 0; }.form-row { flex-direction: column; gap: 10px; }.form-row input { border-right: 1px solid var(--line); }.form-row button { min-height: 50px; } footer { align-items: flex-start; flex-direction: column; gap: 12px; justify-content: center; } }