:root {
  --bg: #060707;
  --panel: #0c0e0e;
  --panel-2: #111414;
  --line: rgba(255,255,255,.1);
  --text: #f7f4ed;
  --muted: #a7aaa6;
  --gold: #d9b66a;
  --gold-2: #f1d89d;
  --green: #85d9aa;
  --danger: #ee8f8f;
  --radius: 22px;
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; color: var(--text); background:
  radial-gradient(circle at 70% -10%, rgba(217,182,106,.13), transparent 35%),
  radial-gradient(circle at 0 35%, rgba(78,107,96,.10), transparent 28%), var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55; letter-spacing: -.01em; }
a { color: inherit; }
button, input, textarea, select { font: inherit; }
.container { width: min(calc(100% - 36px), var(--max)); margin-inline: auto; }
.nav { position: sticky; top: 0; z-index: 20; backdrop-filter: blur(18px); background: rgba(6,7,7,.76); border-bottom: 1px solid var(--line); }
.nav-inner { height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.brand { display: flex; align-items: center; gap: 11px; text-decoration: none; font-weight: 720; letter-spacing: -.03em; }
.brand img { width: 34px; height: 34px; }
.nav-links { display: flex; align-items: center; gap: 24px; color: var(--muted); font-size: 14px; }
.nav-links a { text-decoration: none; }
.nav-links a:hover { color: var(--text); }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 19px; border-radius: 999px; border: 1px solid var(--line); text-decoration: none; font-weight: 650; cursor: pointer; transition: .2s ease; }
.btn:hover { transform: translateY(-1px); border-color: rgba(255,255,255,.22); }
.btn-primary { color: #171307; background: linear-gradient(135deg, var(--gold-2), var(--gold)); border-color: transparent; box-shadow: 0 12px 40px rgba(217,182,106,.18); }
.btn-secondary { background: rgba(255,255,255,.035); }
.hero { padding: 112px 0 72px; text-align: center; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border: 1px solid rgba(217,182,106,.24); border-radius: 999px; color: var(--gold-2); background: rgba(217,182,106,.06); font-size: 13px; font-weight: 650; }
h1 { margin: 26px auto 20px; max-width: 980px; font-size: clamp(48px, 8.2vw, 92px); line-height: .98; letter-spacing: -.065em; font-weight: 740; }
.hero .lead { max-width: 760px; margin: 0 auto; color: var(--muted); font-size: clamp(18px, 2.1vw, 23px); }
.hero-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 34px; }
.microcopy { margin-top: 16px; color: #7f837f; font-size: 13px; }
.demo-shell { margin: 58px auto 0; max-width: 1020px; padding: 1px; border-radius: 28px; background: linear-gradient(135deg, rgba(217,182,106,.42), rgba(255,255,255,.04), rgba(101,157,132,.18)); box-shadow: 0 35px 100px rgba(0,0,0,.45); text-align: left; }
.demo { border-radius: 27px; background: #090b0b; overflow: hidden; border: 1px solid rgba(255,255,255,.03); }
.demo-bar { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.dots { display: flex; gap: 7px; }.dots span { width: 9px; height: 9px; border-radius: 50%; background: #303535; }
.demo-grid { display: grid; grid-template-columns: 1.05fr .95fr; min-height: 440px; }
.prompt-pane, .result-pane { padding: 30px; }
.prompt-pane { border-right: 1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,.02), transparent); }
.label { color: var(--gold-2); text-transform: uppercase; letter-spacing: .12em; font-size: 11px; font-weight: 760; }
.prompt { margin: 16px 0 26px; font: 500 20px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.repo-tree { color: #929895; font: 13px/1.9 ui-monospace, SFMono-Regular, Menlo, monospace; }
.repo-tree b { color: var(--text); }
.finding { display: grid; grid-template-columns: 32px 1fr; gap: 12px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.finding:last-child { border: 0; }.finding-num { color: var(--gold); font-weight: 750; }.finding strong { display: block; font-size: 15px; }.finding small { color: var(--muted); }
.decision { margin-top: 22px; padding: 18px; border-radius: 16px; border: 1px solid rgba(238,143,143,.25); background: rgba(238,143,143,.07); }
.decision b { color: #f3b4b4; }
.section { padding: 94px 0; }
.section-head { max-width: 760px; margin-bottom: 42px; }
.section h2, .page-hero h1 { margin: 12px 0 14px; font-size: clamp(36px, 5vw, 61px); line-height: 1.05; letter-spacing: -.045em; }
.section-head p, .page-hero p { margin: 0; color: var(--muted); font-size: 18px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.card { padding: 28px; border-radius: var(--radius); border: 1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)); }
.card h3 { margin: 16px 0 8px; font-size: 20px; letter-spacing: -.025em; }.card p { color: var(--muted); margin: 0; }
.icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: var(--gold-2); background: rgba(217,182,106,.09); border: 1px solid rgba(217,182,106,.16); font-weight: 760; }
.workflow { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; counter-reset: step; }
.step { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.step:before { counter-increment: step; content: "0" counter(step); color: var(--gold); font: 700 12px ui-monospace, monospace; }.step h3 { margin: 18px 0 7px; }
.codebox { position: relative; margin-top: 28px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: #030404; color: #d8dbd7; font: 13px/1.7 ui-monospace, SFMono-Regular, Menlo, monospace; overflow: auto; white-space: pre; }
.copy { position: absolute; top: 12px; right: 12px; min-height: 34px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--line); background: #151818; color: var(--text); cursor: pointer; }
.pricing { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; align-items: stretch; }
.price-card { position: relative; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: var(--panel); }
.price-card.featured { border-color: rgba(217,182,106,.42); box-shadow: 0 22px 80px rgba(217,182,106,.09); }
.price { margin: 20px 0 3px; font-size: 42px; letter-spacing: -.045em; font-weight: 730; }.price small { color: var(--muted); font-size: 14px; font-weight: 500; }
.price-note { color: var(--muted); min-height: 46px; }.features { list-style: none; margin: 24px 0 30px; padding: 0; color: #d5d7d3; }.features li { margin: 10px 0; padding-left: 22px; position: relative; }.features li:before { content: "✓"; position: absolute; left: 0; color: var(--green); }.price-card .btn { margin-top: auto; }
.trust { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: center; }.trust-panel { padding: 34px; border: 1px solid var(--line); border-radius: 24px; background: var(--panel); }.trust-list { list-style:none; padding:0; margin:0; }.trust-list li { padding: 14px 0; border-bottom: 1px solid var(--line); }.trust-list li:last-child { border:0; }.trust-list b { display:block; }.trust-list span { color:var(--muted); }
.cta { padding: 70px 28px; text-align: center; border: 1px solid rgba(217,182,106,.25); border-radius: 30px; background: radial-gradient(circle at 50% 0, rgba(217,182,106,.15), transparent 48%), var(--panel); }.cta h2 { margin: 0 0 14px; font-size: clamp(36px,5vw,60px); letter-spacing: -.05em; }.cta p { max-width: 680px; margin: 0 auto 28px; color: var(--muted); font-size: 18px; }
.footer { padding: 42px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }.footer-grid { display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; }.footer-links { display:flex; gap:18px; flex-wrap:wrap; }.footer a { text-decoration:none; }.footer a:hover { color:var(--text); }
.page-hero { padding: 96px 0 48px; max-width: 850px; }.page-hero h1 { font-size: clamp(45px,7vw,76px); }
.prose { max-width: 840px; padding-bottom: 90px; }.prose h2 { margin-top: 45px; font-size: 28px; }.prose h3 { margin-top: 30px; }.prose p, .prose li { color: #bdc0bc; }.prose code { color: var(--gold-2); }.prose a { color: var(--gold-2); }
.form { display:grid; gap:14px; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.field { display:grid; gap:7px; }.field label { font-size:13px; color:var(--muted); }.field input,.field textarea,.field select { width:100%; padding:13px 14px; color:var(--text); border:1px solid var(--line); border-radius:13px; background:#080a0a; outline:none; }.field input:focus,.field textarea:focus,.field select:focus { border-color:rgba(217,182,106,.5); }.field textarea { min-height:130px; resize:vertical; }.hp { position:absolute; left:-10000px; }
.notice { padding:15px 17px; border-radius:14px; background:rgba(133,217,170,.08); border:1px solid rgba(133,217,170,.2); color:#c4ebd4; display:none; }
.badge { display:inline-flex; padding:5px 9px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:12px; }
@media (max-width: 900px) { .demo-grid,.trust { grid-template-columns:1fr; }.prompt-pane { border-right:0; border-bottom:1px solid var(--line); }.grid-3,.pricing { grid-template-columns:1fr; }.workflow { grid-template-columns:1fr 1fr; }.nav-links a:not(.btn) { display:none; } }
@media (max-width: 560px) { .hero { padding-top:80px; }.workflow,.form-grid { grid-template-columns:1fr; }.prompt-pane,.result-pane,.card { padding:21px; }.nav-inner { height:64px; }.btn { width:100%; }.nav .btn { width:auto; }.hero-actions { display:grid; }.section { padding:72px 0; } }