:root { --bg:#12110f; --panel:#1a1815; --panel-2:#211e19; --text:#f2ead9; --muted:#a69b87; --dim:#736b5d; --line:#383229; --orange:#e89b55; --yellow:#e7c36b; --green:#a8c883; --red:#d47768; --max:1160px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; line-height:1.6; }
a { color:inherit; text-decoration:none; }
.section-wrap { width:min(calc(100% - 48px),var(--max)); margin-inline:auto; }
.site-header { width:min(calc(100% - 48px),var(--max)); margin:0 auto; min-height:84px; display:flex; align-items:center; gap:32px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:700; letter-spacing:-.04em; }
.brand-mark { display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--orange); color:var(--orange); font-size:12px; letter-spacing:-.12em; }
.nav { display:flex; gap:28px; margin-left:auto; color:var(--muted); font-size:12px; }
.nav a:hover,.site-footer a:hover { color:var(--orange); }
.nav-cta { color:var(--orange); font-size:12px; border:1px solid var(--orange); padding:8px 14px; }
.hero { display:grid; grid-template-columns:1.03fr .97fr; gap:72px; padding-top:104px; padding-bottom:128px; align-items:center; }
.eyebrow { color:var(--orange); text-transform:uppercase; font-size:11px; letter-spacing:.16em; margin:0 0 22px; }
.pulse { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--green); margin-right:9px; box-shadow:0 0 0 5px rgba(168,200,131,.1); }
h1,h2,h3,p { margin-top:0; }
h1,h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.055em; line-height:1.03; }
h1 { font-size:clamp(54px,7.2vw,94px); margin-bottom:28px; }
h2 { font-size:clamp(42px,5vw,68px); margin-bottom:25px; }
h1 em,h2 em { color:var(--orange); font-style:italic; }
.hero-lede { max-width:500px; color:var(--muted); font-size:16px; }
.hero-actions { display:flex; gap:12px; margin:34px 0 20px; flex-wrap:wrap; }
.button { padding:13px 18px; font-size:12px; border:1px solid var(--line); transition:transform .2s ease,border-color .2s ease; }
.button:hover { transform:translateY(-2px); border-color:var(--orange); }
.button-primary { color:#17130f; background:var(--orange); border-color:var(--orange); font-weight:700; }
.button-ghost { color:var(--text); }
.compatibility { color:var(--dim); font-size:11px; }.compatibility span { color:var(--orange); margin:0 8px; }
.hero-terminal { border:1px solid var(--line); background:var(--panel); box-shadow:18px 18px 0 rgba(232,155,85,.08); transform:rotate(1.5deg); }
.terminal-bar { height:42px; display:flex; align-items:center; gap:7px; padding:0 16px; border-bottom:1px solid var(--line); color:var(--dim); font-size:11px; }.terminal-bar span { width:8px; height:8px; border-radius:50%; background:var(--red); }.terminal-bar span:nth-child(2){background:var(--yellow)}.terminal-bar span:nth-child(3){background:var(--green)}.terminal-bar code { margin-left:auto; }
.terminal-body { min-height:310px; padding:28px; font-size:13px; }.muted,.dim { color:var(--dim); }.branch { color:var(--green); margin-left:10px; }.prompt { color:var(--orange); }.command { color:var(--yellow); }.git-lines { margin:24px 0 28px; padding:17px 18px; border-left:1px solid var(--line); color:var(--muted); }.git-lines p { margin:0 0 9px; }.git-lines p:last-child { margin:0; }.green { color:var(--green); }.yellow { color:var(--yellow); }.cursor { display:inline-block; width:8px; height:16px; background:var(--orange); vertical-align:-3px; animation:blink 1.1s steps(2,start) infinite; }
@keyframes blink { 50% { opacity:0; } }
.feature-section,.command-section { padding-bottom:128px; }.section-heading { margin-bottom:45px; }.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }.feature-card { min-height:250px; padding:28px; background:var(--panel); position:relative; }.feature-card-large { grid-row:span 2; min-height:501px; background:var(--panel-2); }.feature-index { color:var(--dim); font-size:11px; }.feature-icon { color:var(--orange); font-size:28px; margin:35px 0 22px; }.feature-card h3 { font-family:Georgia,"Times New Roman",serif; font-size:25px; font-weight:400; letter-spacing:-.04em; margin-bottom:12px; }.feature-card p { color:var(--muted); font-size:13px; max-width:340px; }.feature-tag { position:absolute; bottom:25px; color:var(--dim); font-size:10px; letter-spacing:.14em; }
.split-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; }.split-heading > p { max-width:360px; color:var(--muted); font-size:13px; }.split-heading code { color:var(--yellow); }
.command-list { border-top:1px solid var(--line); }.command-row { min-height:63px; display:grid; grid-template-columns:150px 1fr auto; align-items:center; gap:20px; border-bottom:1px solid var(--line); font-size:13px; }.command-row code { color:var(--yellow); }.command-row span { color:var(--muted); }.command-row kbd { color:var(--dim); font:inherit; font-size:11px; }
.install-section { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:end; padding:90px 0 120px; border-top:1px solid var(--line); }.install-copy p:last-child { color:var(--muted); max-width:420px; font-size:14px; }.install-card { padding:24px; background:var(--panel-2); border:1px solid var(--line); }.install-label { display:flex; justify-content:space-between; align-items:center; color:var(--orange); font-size:10px; letter-spacing:.15em; margin-bottom:24px; }.install-label button { color:var(--muted); background:none; border:0; font:inherit; letter-spacing:0; cursor:pointer; }.install-label button:hover { color:var(--text); }.install-card > code { display:block; color:var(--yellow); font-size:12px; line-height:1.8; overflow-wrap:anywhere; }.copy-status { min-height:1em; color:var(--green); font-size:11px; margin:16px 0 0; }
.site-footer { min-height:110px; display:flex; align-items:center; gap:28px; border-top:1px solid var(--line); color:var(--dim); font-size:11px; }.site-footer p { margin:0; }.site-footer > div { margin-left:auto; display:flex; gap:12px; }.site-footer .brand { color:var(--text); }
@media (max-width:800px) { .hero,.install-section { grid-template-columns:1fr; gap:50px; }.hero { padding-top:72px; }.hero-terminal { max-width:620px; width:100%; }.feature-grid { grid-template-columns:1fr 1fr; }.feature-card-large { grid-row:auto; min-height:250px; }.split-heading { display:block; }.split-heading > p { margin-top:24px; }.nav { display:none; }.site-header { gap:16px; }.nav-cta { margin-left:auto; } }
@media (max-width:520px) { .section-wrap,.site-header { width:min(calc(100% - 32px),var(--max)); }.hero { padding-bottom:90px; }.feature-grid { grid-template-columns:1fr; }.command-row { grid-template-columns:1fr; gap:3px; padding:15px 0; }.command-row kbd { display:none; }.site-footer { flex-wrap:wrap; padding:24px 0; }.site-footer > div { margin-left:0; width:100%; }.hero-terminal { transform:none; }.terminal-body { min-height:270px; padding:20px; font-size:12px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.cursor { animation:none; }.button { transition:none; } }