@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap');

:root { --ink:#171717; --muted:#777873; --line:#deded9; --soft:#efefeb; --paper:#f7f7f5; --green:#7ca95e; --yellow:#c7a658; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
body:before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.46; background-image:linear-gradient(rgba(20,20,20,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(20,20,20,.065) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(to bottom,#000 0%,transparent 76%); }
a { color:inherit; text-decoration:none; }
.page-shell { width:100%; min-height:100vh; overflow:hidden; }
.container { width:100%; max-width:none; margin:0; padding-left:clamp(28px,5vw,96px); padding-right:clamp(28px,5vw,96px); }
.brand { display:flex; align-items:center; gap:11px; font-size:14px; font-weight:700; letter-spacing:-.03em; white-space:nowrap; }.brand i { color:#999a95; font-style:normal; font:10px "DM Mono",monospace; letter-spacing:.06em; margin-left:4px; }
.brand-mark { width:30px; height:30px; border:1.5px solid var(--ink); border-radius:10px; display:grid; grid-template-columns:repeat(3,1fr); gap:2px; padding:7px 6px; transform:rotate(-8deg); }.brand-mark span { display:block; background:var(--ink); border-radius:2px; transform:skewY(-24deg); }.brand-mark span:nth-child(2) { opacity:.62; transform:skewY(24deg); }.brand-mark span:nth-child(3) { opacity:.3; }.brand-mark.small { width:23px; height:23px; padding:5px 4px; border-radius:7px; }
.topbar { height:92px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); position:relative; z-index:5; }.topbar .brand { justify-self:start; }.nav-links { display:flex; align-items:center; justify-content:center; gap:42px; color:#858681; font-size:12px; }.nav-links a { padding:12px 0; border-bottom:1px solid transparent; transition:color .2s,border-color .2s; }.nav-links a:hover,.nav-links a.active { color:var(--ink); border-color:var(--ink); }.header-action { justify-self:end; display:inline-flex; align-items:center; gap:12px; border:1px solid #d2d2cd; border-radius:99px; padding:11px 15px; font-size:11px; }.header-action span { font-size:16px; }
.hero { padding-top:122px; text-align:center; position:relative; }.hero-copy { position:relative; z-index:2; }.eyebrow,.section-kicker { color:#898a85; font:10px "DM Mono",monospace; letter-spacing:.14em; }.eyebrow { display:inline-flex; align-items:center; gap:9px; border:1px solid var(--line); border-radius:99px; padding:9px 14px; background:rgba(255,255,255,.42); }.pulse-dot { width:6px; height:6px; background:var(--green); border-radius:50%; box-shadow:0 0 0 4px rgba(124,169,94,.14); }
h1 { width:100%; max-width:100%; margin:30px auto 22px; text-align:center; font-size:clamp(36px,4.6vw,64px); line-height:1.12; letter-spacing:-.085em; white-space:nowrap; font-weight:800; }.gradient-text { color:transparent; background:linear-gradient(105deg,#171717 16%,#a5a6a2 82%); -webkit-background-clip:text; background-clip:text; }.hero-copy>p { color:var(--muted); font-size:15px; line-height:1.9; margin:0; }.mobile-break { display:none; }.hero-actions { display:flex; align-items:center; justify-content:center; gap:30px; margin-top:38px; }.button { display:inline-flex; align-items:center; gap:18px; border-radius:99px; padding:15px 22px; font-size:13px; font-weight:600; transition:transform .2s,box-shadow .2s; }.button:hover,.download-button:hover { transform:translateY(-2px); box-shadow:0 9px 20px rgba(0,0,0,.12); }.button-dark { color:#fff; background:var(--ink); }.button span,.text-action span { font-size:18px; font-weight:400; }.text-action { color:#6b6c68; font-size:13px; }.hero-proof { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:29px; color:#898a85; font:10px "DM Mono",monospace; }.hero-proof span { color:var(--ink); font-size:14px; }.hero-proof b { width:3px; height:3px; border-radius:50%; background:#bbbcb6; }
.system-preview { width:100%; margin:88px auto 0; border:1px solid #d4d4cf; border-radius:18px; background:rgba(255,255,255,.74); box-shadow:0 26px 60px rgba(30,30,25,.07); text-align:left; overflow:hidden; position:relative; z-index:1; }.preview-topbar { height:46px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 20px; border-bottom:1px solid var(--line); color:#92938e; font:9px "DM Mono",monospace; letter-spacing:.08em; }.preview-topbar>span { justify-self:center; }.preview-topbar strong { justify-self:end; color:#7b9e63; font-weight:400; }.preview-topbar strong b { display:inline-block; width:6px; height:6px; margin-right:6px; background:var(--green); border-radius:50%; }.preview-dots { display:flex; gap:5px; }.preview-dots i { width:7px; height:7px; border-radius:50%; background:#c4c5c0; }.preview-dots i:first-child { background:#aeb2a8; }.preview-body { display:grid; grid-template-columns:190px minmax(0,1fr); min-height:445px; }.preview-sidebar { border-right:1px solid var(--line); background:rgba(245,245,241,.56); padding:23px 16px; display:flex; flex-direction:column; gap:4px; }.mini-brand { display:flex; align-items:center; gap:8px; font-size:11px; margin:0 5px 26px; }.sidebar-label { color:#aaaba5; font:9px "DM Mono",monospace; letter-spacing:.09em; margin:10px 8px 7px; }.sidebar-label.bottom-label { margin-top:auto; }.preview-sidebar a { color:#858680; border-radius:8px; padding:10px 10px; font-size:11px; }.preview-sidebar a.selected,.preview-sidebar a:hover { color:var(--ink); background:#e6e9e1; }.preview-main { padding:28px 30px 26px; min-width:0; }.preview-heading { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:24px; }.preview-heading h2 { margin:9px 0 0; font-size:25px; letter-spacing:-.06em; }.time-chip { color:#999a94; border:1px solid var(--line); border-radius:99px; padding:8px 11px; font:9px "DM Mono",monospace; }.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; }.metric { border:1px solid #e1e1dc; background:rgba(255,255,255,.68); border-radius:11px; padding:15px; min-width:0; }.metric>span { display:block; color:#898a85; font-size:10px; }.metric strong { display:block; margin:11px 0 7px; font:500 26px "DM Mono",monospace; letter-spacing:-.07em; }.metric strong small { font-size:13px; margin-left:2px; }.metric em { color:#9b9c96; font:9px "DM Mono",monospace; font-style:normal; }.metric em.up { color:#7a9f62; }.metric em.warning { color:#b8934e; }.preview-panels { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr); gap:12px; margin-top:13px; }.chart-panel,.agent-panel { border:1px solid #e1e1dc; background:rgba(255,255,255,.68); border-radius:11px; padding:17px 18px; min-height:205px; }.panel-title { display:flex; justify-content:space-between; align-items:center; font-size:11px; }.panel-title>b { color:#999a94; font:9px "DM Mono",monospace; font-weight:400; }.live-tag { color:#789b62!important; }.chart { height:150px; display:flex; margin-top:13px; }.chart-y { width:30px; display:flex; flex-direction:column; justify-content:space-between; color:#b0b1ab; font:8px "DM Mono",monospace; padding:0 0 23px; }.chart-lines { flex:1; position:relative; display:flex; align-items:flex-end; padding:5px 5px 23px; background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#e7e7e2 32px); }.chart-lines>i { position:absolute; left:0; right:0; height:1px; background:#e7e7e2; }.chart-lines>i:nth-child(1){top:0}.chart-lines>i:nth-child(2){top:25%}.chart-lines>i:nth-child(3){top:50%}.chart-lines>i:nth-child(4){top:75%}.bars { width:100%; height:100%; display:flex; align-items:flex-end; justify-content:space-around; position:relative; z-index:1; }.bars b { width:7%; max-width:23px; min-height:12px; border-radius:4px 4px 2px 2px; background:#d3dbcb; }.bars b.current { background:#6f9660; }.chart-labels { position:absolute; bottom:0; left:0; right:0; display:flex; justify-content:space-around; color:#aaa; font:8px "DM Mono",monospace; }.agent-status { display:flex; align-items:center; gap:12px; padding:23px 0 19px; border-bottom:1px solid #e6e6e1; }.agent-orb { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; color:#6e925b; background:#e7efe3; font-size:19px; }.agent-status strong,.agent-status small { display:block; }.agent-status strong { font-size:11px; }.agent-status small { color:#9a9b95; margin-top:5px; font:9px "DM Mono",monospace; }.activity { padding-top:9px; }.activity div { display:flex; align-items:center; gap:7px; padding:6px 0; color:#777873; font-size:10px; }.activity i { width:5px; height:5px; border-radius:50%; }.activity i.green { background:var(--green); }.activity i.yellow { background:var(--yellow); }.activity time { margin-left:auto; color:#9a9b95; font:9px "DM Mono",monospace; }
.data-strip { margin-top:54px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:repeat(4,1fr); padding:27px 0; }.data-strip>div { min-height:51px; padding:0 30px; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:center; gap:7px; }.data-strip>div:first-child { padding-left:0; }.data-strip>div:last-child { border:0; }.data-strip strong { font:500 20px "DM Mono",monospace; }.data-strip span { color:#8c8d87; font-size:11px; }
.content-section { padding-top:166px; }.section-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; column-gap:60px; margin-bottom:52px; }.section-heading h2 { margin:15px 0 0; font-size:clamp(38px,4.7vw,68px); line-height:1.11; letter-spacing:-.08em; }.section-heading>p { justify-self:end; color:#858680; font-size:13px; line-height:2; margin:0; text-align:right; }.capability-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.capability-card { min-height:300px; padding:25px 27px 27px; border-right:1px solid var(--line); display:flex; flex-direction:column; }.capability-card:first-child { padding-left:0; }.capability-card:last-child { border:0; padding-right:0; }.card-index { color:#a0a19b; font:9px "DM Mono",monospace; letter-spacing:.08em; }.capability-icon { width:45px; height:45px; display:grid; place-items:center; margin:36px 0 28px; border:1px solid #bfc0bb; border-radius:13px; font-size:24px; transform:rotate(-8deg); }.capability-card:nth-child(2) .capability-icon { color:#758f68; background:#e8eee5; }.capability-card:nth-child(3) .capability-icon { color:#a08550; background:#f1ead9; }.capability-card h3 { margin:0 0 11px; font-size:19px; letter-spacing:-.05em; }.capability-card p { color:#858680; font-size:12px; line-height:1.85; margin:0; max-width:250px; }.capability-card a { margin-top:auto; color:#777873; font:10px "DM Mono",monospace; }.capability-card a span { margin-left:6px; font-size:15px; }.workflow-section { padding-top:175px; }.workflow-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }.workflow-step { min-height:258px; padding:24px 30px 0; border-right:1px solid var(--line); position:relative; }.workflow-step:first-child { padding-left:0; }.workflow-step:last-child { border:0; padding-right:0; }.workflow-step>span { color:#999a94; font:10px "DM Mono",monospace; }.workflow-icon { margin:30px 0 22px; color:#82847e; font-size:28px; }.workflow-step h3 { margin:0 0 10px; font-size:18px; }.workflow-step p { color:#858680; font-size:12px; line-height:1.85; max-width:225px; margin:0; }
.releases-section { padding-top:175px; }.release-list { display:grid; gap:14px; }.release-card { min-height:118px; display:flex; align-items:center; gap:24px; border:1px solid var(--line); border-radius:18px; padding:23px 25px; background:rgba(255,255,255,.56); transition:border-color .2s,transform .2s; }.release-card:hover { border-color:#aaa; transform:translateY(-2px); }.latest-card { background:rgba(255,255,255,.84); box-shadow:0 15px 35px rgba(20,20,20,.04); }.file-icon { width:57px; height:65px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #ccc; border-radius:12px; background:linear-gradient(135deg,#fff,#e3e3df); position:relative; }.file-icon:after { content:""; position:absolute; right:-1px; top:-1px; border-style:solid; border-width:0 14px 14px 0; border-color:transparent var(--paper) transparent transparent; }.file-icon span { color:#777; font:9px "DM Mono",monospace; transform:rotate(-90deg); }.release-main { flex:1; min-width:0; }.release-title-row { display:flex; align-items:center; gap:10px; }.release-title-row h3 { margin:0; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.latest-tag { color:#647f52; background:#e8f0e1; border-radius:4px; padding:4px 7px; font:8px "DM Mono",monospace; letter-spacing:.08em; }.release-meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:12px; color:#90918b; font:10px "DM Mono",monospace; }.release-meta b { width:3px; height:3px; border-radius:50%; background:#bcbdb7; }.download-button { display:flex; align-items:center; gap:13px; border:1px solid #d0d1cb; border-radius:99px; padding:12px 16px 12px 19px; font-size:12px; transition:transform .2s,box-shadow .2s; }.download-button span { font-size:17px; }.empty-state { text-align:center; padding:74px 20px; border:1px dashed #d0d1cb; border-radius:18px; }.empty-icon { width:44px; height:44px; display:grid; place-items:center; margin:0 auto 17px; border:1px solid #c7c8c2; border-radius:50%; color:#898a84; font-size:24px; }.empty-state h3 { margin:0 0 9px; font-size:16px; }.empty-state p { color:#858680; font-size:12px; }.empty-state code { color:#555; font-family:"DM Mono",monospace; }
.faq-section { padding-top:175px; }.faq-list { border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; list-style:none; padding:24px 0; font-size:15px; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { color:#878882; font-size:22px; font-weight:300; transition:transform .2s; }.faq-list details[open] summary span { transform:rotate(45deg); }.faq-list details p { max-width:720px; padding:0 70px 25px 0; color:#858680; font-size:13px; line-height:1.9; margin:0; }
.cta-section { padding-top:176px; padding-bottom:160px; }.cta-card { border:1px solid var(--line); border-radius:20px; padding:78px 30px 74px; text-align:center; background:rgba(255,255,255,.55); }.cta-card h2 { margin:20px 0 16px; font-size:clamp(38px,5vw,72px); line-height:1.14; letter-spacing:-.08em; }.cta-card p { color:#858680; font-size:13px; line-height:1.8; margin:0; }.cta-card .hero-actions { margin-top:34px; }.footer { min-height:88px; display:grid; grid-template-columns:1fr auto 1fr; gap:20px; align-items:center; border-top:1px solid var(--line); color:#92938d; font-size:10px; }.footer-brand { display:flex; align-items:center; gap:9px; color:var(--ink); font-size:12px; font-weight:700; }.footer-links { display:flex; gap:24px; }.footer>span { justify-self:end; }
@media (max-width:900px) { .nav-links { gap:20px; }.preview-body { grid-template-columns:155px minmax(0,1fr); }.preview-main { padding:24px 20px; }.preview-panels { grid-template-columns:1fr; }.capability-grid { grid-template-columns:repeat(2,1fr); }.capability-card:nth-child(2) { border-right:0; }.capability-card:nth-child(3),.capability-card:nth-child(4) { border-top:1px solid var(--line); }.capability-card:nth-child(3) { padding-left:0; }.capability-card:nth-child(4) { padding-right:0; }.workflow-grid { grid-template-columns:repeat(2,1fr); }.workflow-step:nth-child(2) { border-right:0; }.workflow-step:nth-child(3),.workflow-step:nth-child(4) { border-top:1px solid var(--line); } }
@media (max-width:700px) { .container { padding-left:16px; padding-right:16px; }.topbar { height:74px; grid-template-columns:1fr auto; }.nav-links { display:none; }.header-action { padding:9px 11px; }.brand i { display:none; }.hero { padding-top:78px; }.hero h1 { white-space:normal; font-size:45px; line-height:1.16; }.hero-copy>p { font-size:13px; }.mobile-break { display:block; }.hero-actions { flex-direction:column; gap:19px; margin-top:32px; }.hero-proof { flex-wrap:wrap; line-height:1.8; gap:7px; }.system-preview { margin-top:62px; }.preview-topbar { grid-template-columns:1fr auto; padding:0 13px; }.preview-topbar>span { display:none; }.preview-body { display:block; }.preview-sidebar { display:none; }.preview-main { padding:20px 14px; }.preview-heading { align-items:flex-start; gap:10px; }.preview-heading h2 { font-size:22px; }.time-chip { font-size:8px; }.metric-grid { grid-template-columns:repeat(2,1fr); gap:8px; }.metric { padding:12px 11px; }.metric strong { font-size:22px; }.preview-panels { display:block; }.chart-panel,.agent-panel { min-height:195px; }.agent-panel { margin-top:10px; }.data-strip { grid-template-columns:repeat(2,1fr); gap:20px 0; padding:25px 0; }.data-strip>div,.data-strip>div:first-child { padding:0 15px; }.data-strip>div:nth-child(2) { border-right:0; }.data-strip>div:nth-child(3),.data-strip>div:nth-child(4) { padding-top:14px; }.content-section { padding-top:105px; }.section-heading { display:block; margin-bottom:36px; }.section-heading h2 { font-size:39px; }.section-heading>p { text-align:left; margin-top:18px; font-size:12px; line-height:1.9; }.capability-grid { grid-template-columns:1fr; }.capability-card,.capability-card:first-child,.capability-card:last-child,.capability-card:nth-child(3),.capability-card:nth-child(4) { min-height:260px; padding:25px 0; border-right:0; border-top:1px solid var(--line); }.capability-card:first-child { border-top:0; }.capability-icon { margin:28px 0 21px; }.workflow-section,.releases-section,.faq-section { padding-top:115px; }.workflow-grid { grid-template-columns:1fr 1fr; }.workflow-step,.workflow-step:first-child,.workflow-step:last-child { min-height:230px; padding:21px 14px 0; }.workflow-step:nth-child(odd) { padding-left:0; }.workflow-step:nth-child(even) { padding-right:0; }.workflow-icon { margin:24px 0 18px; }.workflow-step p { font-size:11px; }.release-card { display:grid; grid-template-columns:45px minmax(0,1fr); gap:15px; padding:19px 16px; }.file-icon { width:45px; height:54px; }.release-title-row { display:block; }.release-title-row h3 { font-size:13px; line-height:1.5; white-space:normal; }.latest-tag { display:inline-block; margin-top:8px; }.release-meta { gap:6px; font-size:9px; line-height:1.6; }.download-button { grid-column:2; justify-self:start; padding:10px 13px; font-size:11px; }.faq-list summary { padding:20px 0; font-size:13px; line-height:1.6; }.faq-list details p { padding:0 28px 21px 0; font-size:12px; }.cta-section { padding-top:115px; padding-bottom:100px; }.cta-card { padding:55px 18px 50px; }.cta-card h2 { font-size:39px; }.footer { display:block; padding-top:23px; padding-bottom:28px; line-height:2; }.footer-links { flex-wrap:wrap; gap:5px 16px; margin:12px 0 7px; }.footer>span { display:block; } }

/* Section headings use the same centered rhythm as the main hero. */
.data-strip>div { padding-left:30px; padding-right:30px; align-items:center; text-align:center; }
.data-strip>div:first-child { padding-left:30px; }
.section-heading { display:block; text-align:center; }
.section-heading h2 { white-space:nowrap; }
.section-heading>p { justify-self:auto; margin:20px auto 0; text-align:center; }

@media (max-width:700px) {
  .section-heading h2 { white-space:normal; }
  .section-heading>p { text-align:center; margin-top:18px; }
  .data-strip>div,.data-strip>div:first-child { padding-left:15px; padding-right:15px; }
}

/* Keep every section's supporting copy in the same centered rhythm as the hero. */
.hero-cta { padding-top:86px; padding-bottom:112px; }
.section-heading>p { font-size:15px; line-height:1.9; white-space:nowrap; }
.faq-list summary { position:relative; justify-content:center; padding-left:54px; padding-right:54px; text-align:center; }
.faq-list summary span { position:absolute; right:0; }
.faq-list details p { max-width:820px; margin-left:auto; margin-right:auto; padding-left:0; padding-right:0; text-align:center; }

@media (max-width:700px) {
  .section-heading>p { font-size:13px; white-space:normal; }
  .faq-list summary { padding-left:36px; padding-right:36px; }
  .faq-list summary span { right:0; }
  .faq-list details p { text-align:center; }
}

/* Native motion system, inspired by the reference page's scroll reveals. */
.hero-cta .cta-card h2 { font-size:clamp(32px,4.3vw,58px); white-space:nowrap; }
.hero-copy .eyebrow { animation:rise-in .7s cubic-bezier(.2,.7,.2,1) both; }
.hero-copy h1 { animation:rise-in .85s .1s cubic-bezier(.2,.7,.2,1) both; }
.hero-copy>p { animation:rise-in .85s .2s cubic-bezier(.2,.7,.2,1) both; }
.hero-copy .hero-actions { animation:rise-in .85s .3s cubic-bezier(.2,.7,.2,1) both; }
.hero-proof { animation:rise-in .85s .4s cubic-bezier(.2,.7,.2,1) both; }
.system-preview { animation:preview-in 1s .25s cubic-bezier(.2,.7,.2,1) both; }
.agent-orb { animation:orb-float 3s ease-in-out infinite; }
.bars b { transform:scaleY(.05); transform-origin:bottom; }
.system-preview .bars b { animation:bar-grow 1s cubic-bezier(.2,.8,.2,1) forwards; animation-delay:calc(var(--bar-index, 0) * 90ms + 550ms); }
.system-preview .bars b:nth-child(1) { --bar-index:1; }.system-preview .bars b:nth-child(2) { --bar-index:2; }.system-preview .bars b:nth-child(3) { --bar-index:3; }.system-preview .bars b:nth-child(4) { --bar-index:4; }.system-preview .bars b:nth-child(5) { --bar-index:5; }.system-preview .bars b:nth-child(6) { --bar-index:6; }.system-preview .bars b:nth-child(7) { --bar-index:7; }
.reveal { opacity:0; transform:translateY(30px); transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1); }.reveal.is-visible { opacity:1; transform:none; }.reveal-stagger { transition-delay:var(--reveal-delay,0ms); }
@keyframes rise-in { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:none; } }
@keyframes preview-in { from { opacity:0; transform:translateY(42px) scale(.98); } to { opacity:1; transform:none; } }
@keyframes bar-grow { from { transform:scaleY(.05); } to { transform:scaleY(1); } }
@keyframes orb-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }.reveal { opacity:1; transform:none; } }

@media (max-width:700px) {
  .hero-cta .cta-card h2 { white-space:normal; font-size:39px; }
}

/* The CTA keeps the same badge treatment as the original hero eyebrow. */
.hero-cta .cta-card .eyebrow { margin:0 auto; }
.cta-detail { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); max-width:760px; margin:30px auto 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); text-align:left; }
.cta-detail>span { min-height:66px; display:grid; grid-template-columns:30px 1fr; grid-template-rows:1fr 1fr; column-gap:9px; align-items:end; padding:13px 18px; border-right:1px solid var(--line); }
.cta-detail>span:first-child { padding-left:0; }.cta-detail>span:last-child { border:0; padding-right:0; }
.cta-detail b { grid-row:1 / span 2; align-self:center; width:27px; height:27px; display:grid; place-items:center; border:1px solid #c4c5bf; border-radius:8px; color:#789568; font-size:15px; }
.cta-detail strong { align-self:end; font-size:11px; }.cta-detail small { align-self:start; color:#999a94; font:9px "DM Mono",monospace; margin-top:4px; }
.hero-cta .hero-actions { margin-top:32px; }
.system-preview { animation:none; transform:perspective(1600px) rotateX(var(--preview-tilt,9deg)) translateY(var(--preview-y,0px)); transform-origin:center top; transition:transform .18s ease-out,opacity .5s ease-out; will-change:transform; }
.system-preview.reveal { opacity:0; transform:perspective(1600px) rotateX(var(--preview-tilt,9deg)) translateY(calc(var(--preview-y,0px) + 30px)); }
.system-preview.reveal.is-visible { opacity:1; transform:perspective(1600px) rotateX(var(--preview-tilt,9deg)) translateY(var(--preview-y,0px)); }
.system-preview .bars b { animation:none; transform:scaleY(.05); }
.system-preview.is-visible .bars b { animation:bar-grow 1s cubic-bezier(.2,.8,.2,1) forwards; animation-delay:calc(var(--bar-index, 0) * 90ms + 250ms); }
@media (max-width:700px) {
  .cta-detail { grid-template-columns:1fr; max-width:300px; }
  .cta-detail>span,.cta-detail>span:first-child,.cta-detail>span:last-child { min-height:54px; padding:10px 0; border-right:0; border-bottom:1px solid var(--line); }
  .cta-detail>span:last-child { border-bottom:0; }
  .system-preview { transform:perspective(1100px) rotateX(var(--preview-tilt,5deg)) translateY(var(--preview-y,0px)); }
  .system-preview.reveal { transform:perspective(1100px) rotateX(var(--preview-tilt,5deg)) translateY(calc(var(--preview-y,0px) + 30px)); }
  .system-preview.reveal.is-visible { transform:perspective(1100px) rotateX(var(--preview-tilt,5deg)) translateY(var(--preview-y,0px)); }
}

.footer { display:flex; justify-content:center; text-align:center; }
.footer>span { justify-self:auto; }

.versions-main { padding-top:110px; padding-bottom:150px; }.versions-main h1 { margin:22px 0 12px; text-align:left; }.versions-intro { color:#858680; font-size:15px; margin:0 0 48px; }.versions-list { width:100%; }.versions-page-shell .topbar>.section-kicker { justify-self:center; }
@media (max-width:700px) { .versions-main { padding-top:70px; padding-bottom:100px; }.versions-main h1 { text-align:left; font-size:45px; }.versions-intro { font-size:13px; margin-bottom:32px; }.versions-page-shell .topbar>.section-kicker { display:none; } }

@media (max-width:700px) {
  .hero h1 { font-size:38px; text-align:center; }
}

.workflow-icon.ai-icon { width:52px; height:52px; display:grid; place-items:center; border:1px solid; border-radius:16px; margin:30px 0 22px; transform:none; font-size:23px; transition:transform .25s,box-shadow .25s; }
.workflow-step:hover .workflow-icon.ai-icon { transform:translateY(-4px) rotate(4deg); box-shadow:0 10px 20px rgba(30,30,25,.1); }
.workflow-icon.ai-icon i { font-style:normal; line-height:1; }
.workflow-icon.ai-icon.agents { color:#537d9b; background:#e5eff5; border-color:#b8d0df; }
.workflow-icon.ai-icon.knowledge { color:#7b68a2; background:#eee9f7; border-color:#cec4e3; }
.workflow-icon.ai-icon.readonly { color:#5c927b; background:#e5f2eb; border-color:#b9d8c8; }
.workflow-icon.ai-icon.guarded { color:#ad8650; background:#f6eddd; border-color:#e1cda8; }

.faq-list summary { display:grid; grid-template-columns:52px minmax(0,1fr) 24px; align-items:center; gap:14px; text-align:center; }
.faq-list summary span { position:static; right:auto; }
.faq-list .faq-number { justify-self:start; color:#9a9b95; font:10px "DM Mono",monospace; }
.faq-list .faq-question { min-width:0; color:var(--ink); font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.faq-list .faq-toggle { justify-self:end; color:#878882; font-size:22px; font-weight:300; }
.faq-list details[open] summary .faq-toggle { transform:rotate(45deg); }
.faq-list details[open] summary .faq-number,.faq-list details[open] summary .faq-question { transform:none; }
@media (max-width:700px) {
  .faq-list summary { grid-template-columns:32px minmax(0,1fr) 22px; gap:8px; }
  .faq-list .faq-question { font-size:12px; white-space:normal; line-height:1.6; }
}

body.admin-open { background:#f1f2ee; }
body.admin-open .topbar, body.admin-open .footer { display:none; }
body.admin-open main > section:not(#admin-panel) { display:none; }
.admin-panel { min-height:100vh; padding:74px 0 100px; }
.admin-console { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.admin-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; padding-bottom:36px; border-bottom:1px solid var(--line); }
.admin-heading h2 { margin:18px 0 12px; font-size:clamp(42px,6vw,76px); letter-spacing:-.08em; }
.admin-heading p { margin:0; color:#858680; font-size:14px; }
.admin-back { color:#777873; border-bottom:1px solid #c4c5bf; padding-bottom:8px; font-size:12px; white-space:nowrap; }
.admin-back span { margin-left:8px; font-size:16px; }
.admin-login-view { display:grid; place-items:center; min-height:450px; }
.job-panel .admin-login-view[hidden] { display:none!important; }
.admin-login-form { width:min(380px,100%); padding:30px; border:1px solid #d8d9d3; border-radius:16px; background:rgba(255,255,255,.64); box-shadow:0 20px 55px rgba(35,38,30,.06); }
.admin-login-form label { display:block; margin-bottom:18px; color:#767771; font-size:12px; }
.admin-login-form input { display:block; width:100%; box-sizing:border-box; margin-top:9px; border:1px solid #d5d6d0; border-radius:9px; padding:12px 13px; outline:none; background:#fff; color:var(--ink); font:14px inherit; }
.admin-login-form input:focus { border-color:#8ea47e; box-shadow:0 0 0 3px rgba(111,150,96,.12); }
.admin-login-form .button { width:100%; justify-content:center; margin-top:4px; cursor:pointer; }
.admin-error { min-height:18px; margin:13px 0 0; color:#b35d4c; font-size:12px; text-align:center; }
.admin-dashboard { padding-top:32px; }
.admin-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; color:#858680; font:11px "DM Mono",monospace; }
.admin-toolbar button { border:0; border-bottom:1px solid #c4c5bf; margin-left:18px; padding:4px 0; color:#6f716b; background:none; cursor:pointer; font:11px inherit; }
.admin-ip-query-form { display:flex; align-items:center; gap:10px; margin:20px 0 0; }
.admin-ip-query-form input { width:260px; box-sizing:border-box; border:1px solid #d5d6d0; border-radius:8px; padding:10px 12px; outline:none; background:#fff; color:var(--ink); font:12px "DM Mono",monospace; }
.admin-ip-query-form input:focus { border-color:#8ea47e; box-shadow:0 0 0 3px rgba(111,150,96,.12); }
.admin-ip-query-form button { border:1px solid #23251f; border-radius:8px; padding:10px 13px; color:#fff; background:#23251f; cursor:pointer; font-size:11px; }
.admin-ip-query-form span { margin-left:5px; color:#999a94; font-size:11px; }
.admin-ip-query-error { min-height:16px; margin:8px 0 0; color:#b35d4c; font-size:11px; }
.admin-ip-result { margin-top:13px; border:1px solid #d7ddd1; border-radius:13px; padding:20px 22px; background:linear-gradient(115deg,rgba(230,239,225,.7),rgba(255,255,255,.68)); }
.admin-ip-result-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding-bottom:17px; border-bottom:1px solid rgba(167,179,158,.45); }
.admin-ip-result-head h3 { margin:10px 0 0; font:500 24px "DM Mono",monospace; letter-spacing:-.06em; }
.admin-ip-result-head strong { color:#557c48; font-size:12px; }
.admin-ip-details { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:16px 0 0; }
.admin-ip-details>div { min-width:0; padding:13px 16px; border-right:1px solid rgba(167,179,158,.35); border-bottom:1px solid rgba(167,179,158,.35); }
.admin-ip-details>div:nth-child(4n) { border-right:0; }.admin-ip-details>div:nth-child(n+5) { border-bottom:0; }
.admin-ip-details dt { color:#93978e; font:10px "DM Mono",monospace; }.admin-ip-details dd { margin:8px 0 0; color:#52564f; font-size:11px; line-height:1.55; word-break:break-word; }
.admin-stats { display:grid; grid-template-columns:repeat(4,1fr); margin:22px 0 24px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.admin-stats>div { padding:20px 22px; border-right:1px solid var(--line); }
.admin-stats>div:last-child { border-right:0; }
.admin-stats strong,.admin-stats span { display:block; }
.admin-stats strong { color:var(--ink); font:500 28px "DM Mono",monospace; letter-spacing:-.06em; }
.admin-stats span { margin-top:8px; color:#92938d; font-size:11px; }
.admin-table-wrap { overflow-x:auto; border:1px solid #d8d9d3; border-radius:12px; background:rgba(255,255,255,.66); }
.admin-table { width:100%; min-width:850px; border-collapse:collapse; text-align:left; }
.admin-table th { padding:14px 15px; color:#95968f; border-bottom:1px solid var(--line); font:10px "DM Mono",monospace; font-weight:400; white-space:nowrap; }
.admin-table td { max-width:310px; padding:14px 15px; color:#5f625c; border-bottom:1px solid #e8e8e3; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.admin-table tr:last-child td { border-bottom:0; }
.admin-table .admin-ip { color:#52745d; font-family:"DM Mono",monospace; }
.admin-ip-button { border:0; padding:0; color:#52745d; background:none; cursor:pointer; font:inherit; text-decoration:underline; text-decoration-color:#adc0a3; text-underline-offset:3px; }
.admin-local-tag { display:inline-block; margin-left:8px; padding:3px 6px; border-radius:99px; color:#5f8a4e; background:#e7f0e2; font:9px "DM Mono",monospace; letter-spacing:.04em; vertical-align:middle; }
.admin-table .admin-agent { max-width:330px; color:#94958f; }
@media (max-width:700px) {
  .admin-panel { padding:45px 0 70px; }
  .admin-console { width:calc(100% - 32px); }
  .admin-heading { display:block; padding-bottom:25px; }
  .admin-heading h2 { font-size:48px; }
  .admin-heading p { font-size:12px; line-height:1.8; }
  .admin-back { display:inline-block; margin-top:24px; }
  .admin-login-view { min-height:420px; }
  .admin-login-form { padding:24px 18px; }
  .admin-toolbar { align-items:flex-start; flex-direction:column; gap:12px; }
  .admin-toolbar button:first-child { margin-left:0; }
  .admin-ip-query-form { align-items:stretch; flex-wrap:wrap; }
  .admin-ip-query-form input { width:100%; }
  .admin-ip-query-form span { width:100%; margin-left:0; line-height:1.6; }
  .admin-ip-result { padding:17px 14px; }
  .admin-ip-result-head { align-items:flex-start; flex-direction:column; gap:9px; }
  .admin-ip-result-head h3 { font-size:20px; }
  .admin-ip-details { grid-template-columns:repeat(2,1fr); }
  .admin-ip-details>div { padding:12px 10px; }
  .admin-ip-details>div:nth-child(4n) { border-right:1px solid rgba(167,179,158,.35); }
  .admin-ip-details>div:nth-child(2n) { border-right:0; }
  .admin-ip-details>div:nth-child(n+5) { border-bottom:1px solid rgba(167,179,158,.35); }
  .admin-ip-details>div:nth-last-child(-n+2) { border-bottom:0; }
  .admin-stats { grid-template-columns:repeat(2,1fr); }
  .admin-stats>div:nth-child(2) { border-right:0; }
  .admin-stats>div:nth-child(3),.admin-stats>div:nth-child(4) { border-top:1px solid var(--line); }
}

body.job-open { background:#f2f3ef; }
body.job-open .topbar, body.job-open .footer { display:none; }
body.job-open main > section:not(#job-panel) { display:none; }
.job-panel { min-height:100vh; padding:72px 0 100px; }
.job-console { width:min(1320px,calc(100% - 48px)); margin:0 auto; }
.job-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding-bottom:34px; border-bottom:1px solid var(--line); }
.job-heading h2 { margin:18px 0 12px; font-size:clamp(42px,6vw,74px); letter-spacing:-.08em; }
.job-heading p { margin:0; color:#858680; font-size:14px; }
.job-dashboard { padding-top:30px; }
.job-toolbar,.job-review-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.job-toolbar button,.job-review-toolbar button,.job-filter-form button { border:0; border-bottom:1px solid #c4c5bf; margin-left:14px; padding:6px 0; color:#70726c; background:none; cursor:pointer; font:11px "DM Mono",monospace; }
.job-primary { border:1px solid #20231e!important; border-radius:8px!important; margin-left:12px!important; padding:10px 14px!important; color:#fff!important; background:#20231e!important; font:12px inherit!important; }
.job-secondary { border:1px solid #d1d2cc; border-radius:8px; padding:10px 14px; color:#656761; background:#fff; cursor:pointer; font:12px inherit; }
.job-tabs { display:flex; gap:20px; }.job-tab.active { color:#22251f; border-color:#22251f; }
.job-current-user { display:inline-block; margin-right:8px; color:#858780; font:10px "DM Mono",monospace; }
.job-employment-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:18px; }.job-employment-heading h3 { margin:0 0 7px; font-size:20px; letter-spacing:-.04em; }.job-employment-heading p { max-width:660px; margin:0; color:#8b8d86; font-size:11px; line-height:1.65; }.job-employment-heading .job-secondary { white-space:nowrap; cursor:pointer; }
.job-employment-stats { display:grid; grid-template-columns:repeat(3,1fr); margin:0 0 17px; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:rgba(255,255,255,.5); }.job-employment-stats>div { padding:15px 18px; border-right:1px solid var(--line); }.job-employment-stats>div:last-child { border-right:0; }.job-employment-stats strong,.job-employment-stats span { display:block; }.job-employment-stats strong { font:500 22px "DM Mono",monospace; letter-spacing:-.06em; }.job-employment-stats span { margin-top:6px; color:#92938d; font-size:10px; }
.job-stats { display:grid; grid-template-columns:repeat(5,1fr); margin:24px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.job-stats>div { padding:19px 20px; border-right:1px solid var(--line); }.job-stats>div:last-child { border-right:0; }
.job-stats strong,.job-stats span { display:block; }.job-stats strong { font:500 27px "DM Mono",monospace; letter-spacing:-.06em; }.job-stats span { margin-top:8px; color:#92938d; font-size:11px; }
.job-filter-form { display:flex; align-items:center; gap:9px; margin-bottom:17px; }.job-filter-form input,.job-filter-form select,.job-form input,.job-form select,.job-form textarea,.job-review-toolbar input { box-sizing:border-box; border:1px solid #d5d6d0; border-radius:8px; padding:10px 11px; outline:none; color:#434640; background:#fff; font:12px inherit; }
.job-filter-form input { width:270px; }.job-filter-form select { min-width:132px; }.job-filter-form button { margin-left:3px; }.job-filter-form button:last-child { color:#95968f; }
.job-filter-form input:focus,.job-filter-form select:focus,.job-form input:focus,.job-form select:focus,.job-form textarea:focus,.job-review-toolbar input:focus { border-color:#8ea47e; box-shadow:0 0 0 3px rgba(111,150,96,.12); }
.job-table-wrap { overflow-x:auto; border:1px solid #d8d9d3; border-radius:12px; background:rgba(255,255,255,.68); }.job-table { width:100%; min-width:980px; border-collapse:collapse; text-align:left; }.job-table th { padding:14px 15px; color:#95968f; border-bottom:1px solid var(--line); font:10px "DM Mono",monospace; font-weight:400; white-space:nowrap; }.job-table td { max-width:230px; padding:14px 15px; color:#5e615b; border-bottom:1px solid #e7e8e3; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.job-table tr:last-child td { border-bottom:0; }.job-company { color:#292c27; font-size:12px; font-weight:600; }.job-position { display:block; margin-top:5px; color:#969790; font-size:10px; font-weight:400; }.job-badge { display:inline-block; border-radius:99px; padding:4px 7px; background:#eff1eb; color:#62675d; font:9px "DM Mono",monospace; }.job-badge.priority-s { color:#95553e; background:#f7e8e2; }.job-badge.priority-a { color:#987433; background:#f5eddb; }.job-badge.priority-b { color:#547a67; background:#e6f0eb; }.job-deadline.danger { color:#ba5d4a; }.job-deadline.soon { color:#ad8650; }.job-row-actions { display:flex; gap:10px; }.job-row-actions button { border:0; padding:0; color:#5f7f57; background:none; cursor:pointer; font-size:11px; }.job-row-actions button:last-child { color:#b36552; }
.job-public-link { color:#557d56; font-size:11px; text-decoration:none; }.job-public-link:hover { text-decoration:underline; }
.job-review-toolbar { margin-bottom:17px; }.job-review-toolbar form { display:flex; gap:8px; }.job-review-toolbar input { width:300px; }.job-review-toolbar form button { margin-left:0; }
.job-modal { position:fixed; z-index:30; inset:0; display:grid; place-items:center; padding:25px; overflow-y:auto; background:rgba(28,31,25,.42); backdrop-filter:blur(4px); }.job-modal-card { width:min(930px,100%); margin:auto; border:1px solid #d7d9d2; border-radius:16px; padding:24px; background:#f7f8f4; box-shadow:0 25px 80px rgba(24,28,20,.25); }.job-modal-heading { display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid #dfe0da; }.job-modal-heading h3 { margin:0; font-size:22px; letter-spacing:-.04em; }.job-modal-close { border:0; color:#777972; background:none; cursor:pointer; font-size:28px; line-height:1; }.job-form { padding-top:20px; }.job-form-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.job-form label { display:block; color:#777973; font-size:11px; }.job-form input,.job-form select,.job-form textarea { width:100%; margin-top:7px; }.job-form textarea { resize:vertical; line-height:1.55; }.job-form-full { margin-top:14px; }.job-form-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }.job-form-actions .job-primary { margin-left:0!important; }
.job-modal[hidden] { display:none!important; }
.job-users-card { width:min(620px,100%); }.job-user-list { margin-top:22px; border-top:1px solid #dfe0da; padding-top:18px; }.job-user-list h4 { margin:0 0 11px; color:#777973; font-size:12px; }.job-user-list>div>div { display:flex; align-items:center; gap:15px; padding:11px 0; border-bottom:1px solid #e5e6e1; color:#3f433d; font-size:12px; }.job-user-list small { margin-left:auto; color:#92938d; font-size:10px; }.job-user-list em { display:flex; gap:10px; font-style:normal; }.job-user-list button { border:0; padding:0; color:#557d56; background:none; cursor:pointer; font-size:10px; }.job-user-list button:last-child { color:#b36552; }
@media (max-width:700px) { .job-panel { padding:44px 0 70px; }.job-console { width:calc(100% - 32px); }.job-heading { display:block; padding-bottom:25px; }.job-heading h2 { font-size:44px; }.job-heading p { font-size:12px; line-height:1.8; }.job-heading .admin-back { display:inline-block; margin-top:22px; }.job-toolbar,.job-review-toolbar,.job-employment-heading { align-items:flex-start; flex-direction:column; }.job-toolbar>div:last-child { display:flex; flex-wrap:wrap; gap:11px; }.job-toolbar button,.job-review-toolbar button { margin-left:0; }.job-tabs { gap:15px; }.job-stats { grid-template-columns:repeat(2,1fr); }.job-stats>div:nth-child(2n) { border-right:0; }.job-stats>div:nth-child(n+3) { border-top:1px solid var(--line); }.job-stats>div:last-child { grid-column:span 2; }.job-employment-stats { grid-template-columns:1fr; }.job-employment-stats>div { border-right:0; border-bottom:1px solid var(--line); }.job-employment-stats>div:last-child { border-bottom:0; }.job-filter-form { align-items:stretch; flex-wrap:wrap; }.job-filter-form input,.job-filter-form select { width:100%; }.job-filter-form button { margin-left:0; }.job-review-toolbar form { width:100%; flex-wrap:wrap; }.job-review-toolbar input { width:100%; }.job-modal { padding:12px; }.job-modal-card { padding:18px 14px; }.job-form-grid { grid-template-columns:1fr; }.job-form-actions { position:sticky; bottom:0; padding-top:12px; background:#f7f8f4; }.job-form-actions button { flex:1; }.job-table { min-width:850px; } }