:root { --ink:#171a25; --muted:#626b7f; --faint:#8992a5; --line:#dfe3eb; --paper:#f6f8fb; --panel:#fff; --blue:#4057df; --violet:#7856d9; --mint:#127a58; --shell:min(1180px,calc(100vw - 48px)); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,ui-sans-serif,sans-serif; font-size:16px; line-height:1.5; overflow-x:hidden; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; background:radial-gradient(circle at 79% 7%,rgba(116,141,255,.14),transparent 27%),radial-gradient(circle at 4% 55%,rgba(190,221,208,.22),transparent 28%); }
.noise { display:none; }.shell { width:var(--shell); margin-inline:auto; }
.site-header { min-height:90px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); text-decoration:none; display:inline-flex; gap:10px; align-items:center; font-size:17px; letter-spacing:-.03em; }.brand strong { font-weight:800; }.brand-icon { width:27px; height:27px; border-radius:8px; object-fit:cover; }
.nav-links { display:flex; gap:32px; margin-left:100px; }.nav-links a,.text-link { color:var(--muted); font-size:14px; text-decoration:none; transition:color .2s ease; }.nav-links a:hover,.text-link:hover { color:var(--ink); }
.header-cta { color:var(--ink); border:1px solid #cfd5e1; border-radius:999px; padding:10px 16px; text-decoration:none; font-size:13px; transition:background .2s ease,border-color .2s ease; }.header-cta:hover { background:#fff; border-color:#aab4ca; }.header-cta span { color:var(--blue); margin-left:5px; }
.hero { min-height:680px; display:grid; grid-template-columns:.87fr 1.13fr; align-items:center; gap:20px; position:relative; padding:73px 0 96px; }.hero-copy { position:relative; z-index:2; }.eyebrow { color:var(--mint); text-transform:uppercase; letter-spacing:.13em; font:500 11px/1.2 'DM Mono',monospace; display:flex; align-items:center; gap:8px; }.pulse,.status-dot { width:6px; height:6px; display:inline-block; border-radius:50%; background:var(--mint); box-shadow:0 0 0 4px rgba(18,122,88,.1); }.hero h1 { margin:21px 0 23px; font-size:clamp(48px,6.1vw,82px); letter-spacing:-.055em; line-height:1.02; font-weight:700; }.hero h1 em,.download h2 em { color:var(--blue); font-style:normal; }.hero-lede { max-width:475px; color:var(--muted); font-size:17px; line-height:1.8; }.hero-actions { display:flex; align-items:center; gap:22px; margin-top:31px; }.button { display:inline-flex; align-items:center; gap:22px; border-radius:999px; text-decoration:none; padding:15px 20px; font-weight:700; font-size:14px; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }.button:hover { transform:translateY(-2px); }.button-primary { color:#fff; background:var(--ink); box-shadow:0 8px 22px rgba(23,26,37,.13); }.button-primary:hover { box-shadow:0 12px 30px rgba(23,26,37,.2); }.button-secondary { color:var(--ink); background:#fff; border:1px solid #cfd5e1; }.hero-meta { display:flex; align-items:center; gap:11px; margin-top:37px; color:var(--faint); font:12px 'DM Mono',monospace; }.dot { width:3px; height:3px; background:var(--faint); border-radius:50%; }
.hero-art { position:relative; min-height:430px; }
.art-caption { position:absolute; left:5%; bottom:-30px; z-index:4; display:flex; align-items:center; gap:9px; color:var(--faint); font:13px 'DM Mono',monospace; }
.caption-rule { width:42px; height:1px; background:var(--line); }
.art-caption .mono { color:var(--mint); font:11px 'DM Mono',monospace; }
.hero-screenshot-placeholder { position:absolute; z-index:3; right:3%; top:-4%; width:min(660px,120%); aspect-ratio:1.52; overflow:hidden; border:1px solid #c8d2ec; border-radius:18px; background:#fff; box-shadow:0 30px 70px rgba(52,70,145,.17),0 2px 8px rgba(35,47,86,.08); transform:rotate(2deg); }.hero-screenshot { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.section-kicker { color:var(--faint); font:12px 'DM Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }.intro { padding:100px 0 140px; border-top:1px solid var(--line); }.intro-grid { display:grid; grid-template-columns:1.35fr .75fr; gap:100px; margin-top:32px; }.intro h2,.section-heading h2 { margin:0; font-size:clamp(37px,4.5vw,62px); letter-spacing:-.07em; line-height:1.04; }.intro h2 span,.section-heading h2 span,.workflow h2 span { color:var(--faint); }.intro-grid p { color:var(--muted); font-size:17px; line-height:1.85; margin:5px 0; }
.features { padding-bottom:150px; }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:48px; }.section-heading .section-kicker { margin-bottom:24px; }.section-heading p { max-width:300px; color:var(--muted); font-size:16px; line-height:1.7; margin:0 0 4px; }.feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.feature-card { min-height:290px; padding:27px 28px; border:1px solid var(--line); border-radius:19px; background:rgba(255,255,255,.74); box-shadow:0 7px 26px rgba(51,68,116,.04); position:relative; overflow:hidden; transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease; }.feature-card:hover { border-color:#afbae2; transform:translateY(-4px); box-shadow:0 15px 35px rgba(51,68,116,.1); }.feature-card-wide { grid-column:span 2; min-height:310px; background:linear-gradient(120deg,rgba(236,242,255,.9),rgba(255,255,255,.78)); }.feature-card-accent { background:linear-gradient(145deg,#e8edff,#f5f1ff); border-color:#c5c7eb; }.card-top { display:flex; align-items:center; justify-content:space-between; color:var(--faint); font:12px 'DM Mono',monospace; }.card-icon { color:var(--blue); font-size:23px; line-height:1; }.feature-card h3 { margin:37px 0 9px; font-size:26px; letter-spacing:-.045em; }.feature-card p { color:var(--muted); font-size:15px; line-height:1.7; max-width:430px; margin:0; }.mini-team { display:flex; flex-wrap:wrap; gap:8px; position:absolute; right:26px; bottom:28px; }.agent-chip { display:inline-flex; align-items:center; gap:8px; color:#525b72; border:1px solid #dce1ea; border-radius:9px; background:#fff; padding:10px 12px; font-size:13px; }.agent-chip i { width:7px; height:7px; border-radius:50%; background:#8b92a8; }.agent-chip.active i { background:var(--mint); box-shadow:0 0 0 3px rgba(18,122,88,.1); }.agent-chip b { color:var(--faint); font:10px 'DM Mono',monospace; font-weight:400; }.terminal-lines { position:absolute; right:28px; bottom:30px; color:#5c6680; font:12px 'DM Mono',monospace; display:grid; gap:7px; }.terminal-lines b { color:var(--blue); }.terminal-lines .ok { color:var(--mint); }.browser-pill { position:absolute; bottom:30px; left:28px; right:28px; display:flex; align-items:center; gap:9px; border:1px solid #e0e4eb; background:#fff; padding:11px 13px; border-radius:9px; color:#69748c; font:11px 'DM Mono',monospace; }.browser-pill span { color:var(--mint); }.browser-pill b { margin-left:auto; font-size:15px; color:var(--faint); }.card-link { position:absolute; bottom:29px; color:var(--blue); text-decoration:none; font-size:14px; }.card-link span { margin-left:15px; }.queue-line { display:flex; align-items:center; gap:12px; position:absolute; bottom:32px; color:var(--faint); font:11px 'DM Mono',monospace; }.queue-bar { width:112px; height:4px; border-radius:5px; background:linear-gradient(90deg,var(--mint) 0 62%,#e3e6ed 62%); }.artifact-tabs { position:absolute; bottom:30px; display:flex; gap:6px; font:11px 'DM Mono',monospace; color:var(--faint); }.artifact-tabs span { border:1px solid #e0e4eb; background:#fff; padding:8px 10px; border-radius:7px; }.artifact-tabs .selected { color:var(--ink); border-color:#b4c7ed; background:#edf2ff; }
.workflow { padding-bottom:150px; }.workflow-card { margin-top:31px; display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; padding:52px; border-radius:23px; border:1px solid var(--line); background:linear-gradient(145deg,#edf1ff,#fff); }.workflow h2 { margin:0 0 18px; font-size:clamp(43px,5vw,69px); letter-spacing:-.08em; line-height:1; }.workflow-copy p { color:var(--muted); font-size:16px; max-width:260px; line-height:1.75; margin:0 0 30px; }.timeline { display:grid; gap:0; }.timeline-item { display:grid; grid-template-columns:48px 1fr; gap:17px; min-height:92px; border-bottom:1px solid var(--line); padding:1px 0 22px; margin-bottom:20px; }.timeline-number { color:var(--blue); font:12px 'DM Mono',monospace; padding-top:3px; }.timeline-item strong { font-size:18px; }.timeline-item p { color:var(--muted); font-size:14px; line-height:1.6; margin:5px 0 0; }
.pricing { padding-bottom:150px; }.pricing-card { margin-top:31px; display:grid; grid-template-columns:1.05fr .95fr; gap:60px; padding:52px; border:1px solid #c7cfea; border-radius:23px; background:linear-gradient(135deg,#eef2ff 0%,#fff 62%); box-shadow:0 18px 50px rgba(56,73,144,.08); }.pricing-copy h2 { margin:0 0 18px; font-size:clamp(40px,4.7vw,64px); letter-spacing:-.05em; line-height:1.02; }.pricing-copy h2 span { color:var(--faint); }.pricing-copy p { max-width:480px; color:var(--muted); font-size:17px; line-height:1.75; margin:0 0 30px; }.pricing-details { align-self:center; padding:27px 30px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.76); }.pricing-badge { display:inline-flex; color:var(--mint); border:1px solid #bfe1d4; border-radius:999px; padding:7px 11px; font:11px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }.pricing-details ul { list-style:none; padding:0; margin:23px 0 0; display:grid; gap:14px; }.pricing-details li { color:var(--muted); font-size:15px; line-height:1.45; padding-left:25px; position:relative; }.pricing-details li::before { content:'✓'; position:absolute; left:0; color:var(--mint); font-weight:700; }
.download { min-height:560px; position:relative; display:grid; place-items:center; text-align:center; overflow:hidden; border-top:1px solid var(--line); }.download-content { position:relative; z-index:1; }.download-content .eyebrow { justify-content:center; }.download h2 { margin:20px 0 18px; font-size:clamp(49px,6.4vw,84px); line-height:.97; letter-spacing:-.09em; }.download-content > p:not(.eyebrow) { color:var(--muted); font-size:17px; margin:0 0 29px; }.download-note { display:block; color:var(--faint); font:11px 'DM Mono',monospace; margin-top:17px; }.download-orbit { position:absolute; width:650px; height:650px; border:1px solid rgba(64,87,223,.14); border-radius:50%; transform:rotate(-20deg); }.download-orbit::before,.download-orbit::after,.download-orbit span { content:""; position:absolute; inset:13%; border:1px solid rgba(64,87,223,.12); border-radius:50%; }.download-orbit::after { inset:28%; border-color:rgba(18,122,88,.12); }.download-orbit span:nth-child(1){width:10px;height:10px;background:var(--mint);border:0;inset:21% auto auto 10%;box-shadow:0 0 20px 8px rgba(18,122,88,.15)}.download-orbit span:nth-child(2){width:7px;height:7px;background:var(--violet);border:0;inset:auto 8% 22% auto;box-shadow:0 0 20px 8px rgba(120,86,217,.15)}.download-orbit span:nth-child(3){width:5px;height:5px;background:var(--blue);border:0;inset:10% 20% auto auto;box-shadow:0 0 18px 6px rgba(64,87,223,.15)}
.site-footer { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); min-height:100px; color:var(--faint); font-size:12px; }.site-footer .brand { color:var(--ink); }
/* Keep display headings spacious without the compressed logo-like tracking. */
.intro h2,.section-heading h2 { letter-spacing:-.045em; }
.feature-card h3 { letter-spacing:-.02em; }
.workflow h2 { letter-spacing:-.05em; }
.download h2 { letter-spacing:-.055em; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s ease; }.reveal.is-visible { opacity:1; transform:none; }.delay-1 { transition-delay:.1s; }.delay-2 { transition-delay:.2s; }
@media (max-width:820px) { :root { --shell:min(100% - 32px,620px); }.site-header { min-height:74px; }.nav-links { display:none; }.hero { display:block; padding:76px 0 80px; min-height:auto; }.hero-art { margin:52px -20px 0; transform:scale(.86); transform-origin:center; }.intro { padding:80px 0 100px; }.intro-grid,.workflow-card,.pricing-card { grid-template-columns:1fr; gap:30px; }.section-heading { display:block; }.section-heading p { margin-top:20px; }.feature-grid { grid-template-columns:1fr; }.feature-card-wide { grid-column:auto; }.mini-team { position:static; margin-top:25px; }.workflow-card,.pricing-card { padding:30px 24px; }.site-footer { flex-wrap:wrap; gap:15px; padding:23px 0; }.site-footer > span:nth-child(2) { order:3; width:100%; }.download { min-height:480px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.reveal { opacity:1; transform:none; transition:none; }.button,.feature-card { transition:none; } }