@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root { --ink:#edf5ff; --muted:#93a9be; --line:rgba(176,211,239,.17); --night:#07111e; --panel:#0b1a2a; --cyan:#64e0ef; --lime:#b9f66a; --violet:#caa8ff; --orange:#ffc36b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--night); font-family:Manrope,system-ui,sans-serif; overflow-x:hidden; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.42; background-image:linear-gradient(rgba(145,187,218,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(145,187,218,.035) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,black,transparent 72%); }
.shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.glow { position:absolute; border-radius:50%; filter:blur(2px); pointer-events:none; }
.glow-one { width:620px; height:620px; top:-240px; right:-180px; background:radial-gradient(circle,rgba(49,172,205,.18),transparent 68%); }
.glow-two { width:480px; height:480px; top:780px; left:-270px; background:radial-gradient(circle,rgba(164,109,245,.13),transparent 70%); }
.site-header { height:88px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:1; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); font-weight:800; text-decoration:none; letter-spacing:-.04em; font-size:18px; }
.brand-mark { color:var(--cyan); font-family:"DM Mono",monospace; margin-right:6px; }
nav { display:flex; gap:26px; } nav a,.header-link,.footer a { color:var(--muted); text-decoration:none; font-size:13px; font-weight:700; } nav a:hover,.header-link:hover,.footer a:hover { color:var(--cyan); }.github-mark { width:15px; height:15px; margin-right:6px; vertical-align:-2px; filter:invert(1); opacity:.82; } a:hover .github-mark { opacity:1; }
.header-link { color:var(--ink); border:1px solid var(--line); border-radius:999px; padding:10px 14px; }
.hero { min-height:680px; display:grid; grid-template-columns:1fr 1.1fr; gap:40px; align-items:center; padding:88px 0 76px; position:relative; }
.eyebrow,.section-kicker,.feature-label { color:var(--cyan); font-family:"DM Mono",monospace; font-size:12px; font-weight:500; letter-spacing:.07em; text-transform:uppercase; }
.status-dot { width:7px; height:7px; display:inline-block; border-radius:50%; background:var(--lime); box-shadow:0 0 14px var(--lime); margin-right:8px; }
h1,h2,h3,p { margin-top:0; } h1,h2 { letter-spacing:-.065em; line-height:.98; } h1 { font-size:clamp(52px,6vw,84px); margin:18px 0 26px; } h2 { font-size:clamp(38px,4.4vw,62px); } h1 em,h2 em { font-family:"Playfair Display",serif; font-weight:600; color:var(--cyan); } .hero-lede { max-width:500px; color:#b6c7d7; font-size:18px; line-height:1.7; }
.hero-actions { display:flex; gap:12px; margin:34px 0; }.button { display:inline-flex; gap:9px; align-items:center; text-decoration:none; border-radius:999px; padding:14px 20px; font-size:14px; font-weight:800; }.button-primary { background:var(--cyan); color:#06202a; box-shadow:0 10px 40px rgba(100,224,239,.22); }.button-quiet { color:var(--ink); border:1px solid var(--line); }.button:hover { transform:translateY(-2px); }
.proof-row { display:flex; gap:22px; color:var(--muted); font-size:12px; }.proof-row b { color:var(--ink); font-family:"DM Mono",monospace; font-size:15px; }
.terminal-stage { position:relative; max-width:700px; margin-left:auto; filter:drop-shadow(0 30px 46px rgba(0,0,0,.42)); }.terminal-stage img { width:100%; display:block; border:1px solid rgba(158,218,239,.25); border-radius:14px; background:#10151c; }.pane-label { position:absolute; z-index:1; border:1px solid rgba(100,224,239,.42); border-radius:999px; background:rgba(7,17,30,.9); backdrop-filter:blur(7px); color:#d8e8f3; font:10px "DM Mono",monospace; padding:6px 9px; text-transform:uppercase; letter-spacing:.04em; }.pane-branches { left:2%; top:5%; }.pane-commits { left:2%; top:32%; }.pane-files { left:2%; bottom:8%; }.pane-diff { left:37%; top:5%; }.pane-chat { left:37%; top:62%; }.terminal-caption { display:flex; flex-wrap:wrap; gap:7px 12px; margin:14px 2px 0; color:#91abc0; font:11px/1.5 "DM Mono",monospace; }.terminal-caption b { color:var(--cyan); }
.thesis { padding:104px 0; border-top:1px solid var(--line); }.thesis-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:80px; align-items:end; }.thesis-grid h2 { margin:0; }.thesis-grid p { color:var(--muted); font-size:16px; line-height:1.85; margin:0; }.thesis-grid strong { color:var(--ink); font-weight:700; }
.workflow { padding:80px 0 105px; }.section-heading { margin-bottom:52px; }.section-heading h2 { margin-bottom:0; }.steps { list-style:none; padding:0; margin:0; border-top:1px solid var(--line); }.steps li { display:grid; grid-template-columns:130px 1fr; gap:26px; padding:30px 0; border-bottom:1px solid var(--line); }.step-number { font:22px "DM Mono",monospace; color:var(--cyan); }.steps h3 { font-size:25px; letter-spacing:-.045em; margin:0 0 8px; }.steps p { max-width:610px; color:var(--muted); line-height:1.7; margin:0; }
.feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding-bottom:108px; }.feature { min-height:320px; padding:34px; border:1px solid var(--line); background:linear-gradient(135deg,rgba(22,44,64,.68),rgba(10,23,38,.76)); border-radius:8px; position:relative; overflow:hidden; }.feature::after { content:""; position:absolute; width:250px; height:250px; border-radius:50%; right:-100px; bottom:-120px; background:radial-gradient(circle,rgba(100,224,239,.12),transparent 67%); }.feature-wide { grid-column:span 2; min-height:300px; background:linear-gradient(120deg,rgba(16,54,71,.76),rgba(9,25,41,.82)); }.feature h3 { max-width:650px; font-size:clamp(27px,3vw,42px); letter-spacing:-.06em; line-height:1.05; margin:16px 0; }.feature p:not(.feature-label):not(.path) { max-width:590px; color:var(--muted); line-height:1.7; }.mini-code,.path { position:absolute; bottom:30px; font:13px "DM Mono",monospace; color:var(--lime); }.mini-code { border:1px solid rgba(185,246,106,.24); padding:12px 15px; background:rgba(4,18,21,.45); }.mini-code span { color:#81a4aa; }.mini-code i { color:#5b737d; padding:0 6px; }.accent-green { background:linear-gradient(135deg,rgba(29,54,37,.8),rgba(9,27,28,.8)); }.accent-green::after { background:radial-gradient(circle,rgba(185,246,106,.13),transparent 67%); }.accent-purple { background:linear-gradient(135deg,rgba(48,34,72,.73),rgba(16,25,47,.82)); }.accent-purple::after { background:radial-gradient(circle,rgba(202,168,255,.14),transparent 67%); }.key-row { position:absolute; bottom:30px; display:flex; gap:8px; }.key-row kbd { border:1px solid rgba(185,246,106,.4); color:var(--lime); border-radius:5px; padding:6px 9px; font:13px "DM Mono",monospace; }.path { color:var(--violet); }
.pricing { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; padding:20px 0 112px; }.pricing-copy h2 { margin:12px 0 20px; }.pricing-copy > p:last-child { max-width:430px; color:var(--muted); line-height:1.7; }.pricing-diff { overflow:hidden; border:1px solid rgba(100,224,239,.3); border-radius:9px; background:#091827; box-shadow:0 22px 60px rgba(0,0,0,.25); font:14px/1.55 "DM Mono",monospace; }.diff-file,.diff-hunk,.price-row,.pricing-note { padding:12px 16px; margin:0; }.diff-file { color:var(--lime); border-bottom:1px solid rgba(176,211,239,.12); }.diff-hunk { color:var(--cyan); }.price-row { display:flex; justify-content:space-between; color:#e7f7ff; }.price-row::before { content:" "; color:#86a2b8; }.price-row span { margin-right:auto; }.price-row strong { font-weight:500; }.price-row.removed { color:#ff9589; background:rgba(203,67,61,.15); text-decoration:line-through; }.price-row.removed::before { content:"- "; }.price-row.added { color:var(--lime); background:rgba(79,165,97,.15); }.price-row.added::before { content:"+ "; }.pricing-note { border-top:1px solid rgba(176,211,239,.12); color:#91abc0; font-size:11px; }
.quote { border-block:1px solid var(--line); text-align:center; padding:100px 20px; }.quote p { color:var(--muted); }.quote h2 { margin:0; }.quote em { color:var(--orange); }
.install { display:grid; grid-template-columns:.9fr 1.1fr; gap:85px; align-items:center; padding:115px 0; }.install h2 { margin:12px 0 20px; }.install-copy { color:var(--muted); line-height:1.7; max-width:330px; }.install-stack { display:grid; gap:14px; }.install-card { overflow:hidden; border:1px solid rgba(100,224,239,.3); background:#091827; border-radius:9px; box-shadow:0 22px 60px rgba(0,0,0,.3); }.install-card-secondary { border-color:rgba(185,246,106,.25); }.install-tabs { display:flex; justify-content:space-between; padding:13px 16px; background:#10263a; color:#91abc0; font:11px "DM Mono",monospace; }.install-tabs .active { color:var(--cyan); }.install-card-secondary .install-tabs .active { color:var(--lime); }.install-card pre { margin:0; padding:22px 28px; overflow:auto; color:#e7f7ff; font:14px/1.8 "DM Mono",monospace; }.dim { color:#7190a4; }.string { color:var(--lime); }.copy-button { display:block; width:auto; margin:0 16px 0 auto; border:1px solid rgba(100,224,239,.42); border-radius:999px; background:rgba(100,224,239,.08); padding:7px 11px; color:var(--cyan); cursor:pointer; font:11px "DM Mono",monospace; letter-spacing:.02em; }.copy-button::before { content:"⧉ "; }.install-card-secondary .copy-button { border-color:rgba(185,246,106,.42); background:rgba(185,246,106,.08); color:var(--lime); }.copy-button:hover { border-color:var(--cyan); background:rgba(100,224,239,.18); }.install-card-secondary .copy-button:hover { border-color:var(--lime); background:rgba(185,246,106,.18); }.copy-message { min-height:23px; margin:7px 16px 10px; color:var(--lime); font-size:12px; }
.footer { min-height:110px; display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }.footer p { margin:0; }
@media (max-width:850px) { nav { display:none; }.hero,.thesis-grid,.install,.pricing { grid-template-columns:1fr; }.hero { padding-top:68px; }.terminal-stage { margin:12px auto 0; }.thesis-grid,.install,.pricing { gap:30px; }.feature-grid { grid-template-columns:1fr; }.feature-wide { grid-column:auto; }.note-one { left:-10px; }.note-two { right:-10px; }.footer { padding:25px 0; flex-wrap:wrap; } }
@media (max-width:560px) { .shell { width:min(100% - 30px,1180px); }.site-header { height:70px; }.header-link { font-size:11px; padding:8px 10px; }.hero { min-height:auto; padding:55px 0 64px; }.proof-row { gap:12px; flex-wrap:wrap; }.pane-label { display:none; }.steps li { grid-template-columns:55px 1fr; gap:10px; }.feature { min-height:285px; padding:26px; }.install { padding:75px 0; }.install-card pre { padding:20px; font-size:12px; } }