:root { --bg:#11110f; --panel:#191916; --ink:#e9e5da; --muted:#a5a196; --line:#3b3932; --orange:#d86f36; --orange-light:#f08b50; --green:#93a973; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; background:var(--bg); } body { margin:0; background:var(--bg); color:var(--ink); font-family:Arial,Helvetica,sans-serif; } a { color:inherit; text-decoration:none; } main { overflow:hidden; background:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),var(--bg); background-size:28px 28px; }
.site-header { height:76px; max-width:1440px; margin:auto; padding:0 48px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(233,229,218,.11); position:relative; z-index:5; background:rgba(17,17,15,.86); backdrop-filter:blur(18px); }.brand { display:flex; align-items:center; gap:11px; font-size:12px; font-weight:800; letter-spacing:.12em; }.brand-mark { width:31px; height:31px; display:grid; place-items:center; overflow:hidden; border:1px solid #87512f; border-radius:8px; background:#11110f; box-shadow:3px 3px 0 #050504; }.brand-mark img { width:100%; height:100%; object-fit:cover; }.main-nav { display:flex; gap:28px; margin-left:auto; margin-right:46px; color:#c4c0b5; font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }.main-nav a:hover,.text-link:hover,.card-link:hover,.lab-card a:hover,.news-item:hover .news-title { color:var(--orange-light); }.github-link { border:1px solid #5c594f; padding:10px 13px; font-size:11px; letter-spacing:.05em; transition:.2s ease; }.github-link:hover { border-color:var(--orange); background:rgba(216,111,54,.08); }
.hero { min-height:720px; max-width:1440px; margin:auto; padding:118px 9.5% 84px; position:relative; border-bottom:1px solid var(--line); display:grid; grid-template-columns:minmax(470px,1fr) minmax(400px,.83fr); align-items:center; gap:7%; }.hero-grid { position:absolute; inset:0; opacity:.25; background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(90deg,#000 0%,transparent 73%); }.hero-glow { position:absolute; width:700px; height:700px; right:-190px; top:-220px; background:radial-gradient(circle,rgba(216,111,54,.13),transparent 67%); }.hero-copy,.system-panel { position:relative; z-index:1; }.eyebrow { margin:0 0 20px; color:var(--orange-light); font-family:monospace; font-size:10px; font-weight:700; letter-spacing:.16em; }h1,h2,h3,p { margin-top:0; } h1,h2,h3 { letter-spacing:-.06em; font-weight:650; }h1 { max-width:760px; margin-bottom:29px; font-size:clamp(54px,6.3vw,101px); line-height:.91; } h1 em,h2 em { color:var(--orange-light); font-style:normal; }.hero-lead { max-width:615px; color:#d4d0c4; font-size:18px; line-height:1.6; }.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:25px; margin-top:37px; }.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 18px; font-size:12px; font-weight:700; letter-spacing:.03em; transition:.2s ease; }.button span { margin-left:12px; font-size:15px; }.button-primary { background:var(--orange); color:#17120e; box-shadow:4px 4px 0 #080807; }.button-primary:hover { background:var(--orange-light); transform:translate(-1px,-1px); box-shadow:6px 6px 0 #080807; }.text-link { color:#cac5ba; font-size:12px; font-weight:700; }.text-link span { color:var(--orange-light); margin-left:6px; }
.system-panel { border:1px solid #504d43; background:#151513; box-shadow:15px 15px 0 rgba(0,0,0,.32),inset 0 0 0 4px #10100e; transform:rotate(.4deg); }.mascot-peek { position:absolute; z-index:4; width:320px; height:278px; top:-169px; right:-112px; overflow:hidden; pointer-events:none; filter:drop-shadow(0 19px 15px rgba(0,0,0,.58)); }.mascot-peek img { position:absolute; top:-30px; left:-142px; width:600px; max-width:none; }.mascot-tag { position:absolute; z-index:5; top:-31px; right:-96px; padding:6px 8px; border:1px solid #81502f; background:#171512; color:var(--orange-light); font-family:monospace; font-size:7px; letter-spacing:.09em; }.panel-bar { height:43px; display:flex; align-items:center; justify-content:space-between; padding:0 15px; border-bottom:1px solid #3c3a33; color:#8f8c82; font-family:monospace; font-size:9px; letter-spacing:.09em; }.panel-bar i { color:var(--green); font-style:normal; }.signal-map { height:279px; position:relative; background:radial-gradient(circle at 50% 50%,rgba(147,169,115,.08),transparent 43%); }.signal-node { position:absolute; border:1px solid #6a675c; background:#1b1a17; color:#d7d3c8; padding:8px; font-family:monospace; font-size:8px; letter-spacing:.08em; }.signal-node.core { width:80px; height:80px; top:96px; left:calc(50% - 40px); display:flex; flex-direction:column; align-items:center; justify-content:center; border-color:var(--orange); color:var(--orange-light); font-size:20px; font-weight:800; box-shadow:0 0 0 5px rgba(216,111,54,.06); }.signal-node.core span { margin-top:5px; font-size:7px; }.model { top:31px; left:36px; }.agent { top:29px; right:31px; }.tools { bottom:30px; left:32px; }.memory { bottom:30px; right:25px; }.wire { position:absolute; z-index:-1; height:1px; background:#6a675c; transform-origin:left center; }.wire-one { width:112px; top:91px; left:102px; transform:rotate(38deg); }.wire-two { width:109px; top:89px; left:calc(50% + 32px); transform:rotate(141deg); }.wire-three { width:113px; top:181px; left:96px; transform:rotate(-37deg); }.wire-four { width:109px; top:181px; left:calc(50% + 33px); transform:rotate(-143deg); }.signal-list { padding:12px 15px 14px; border-top:1px solid #3c3a33; display:flex; justify-content:space-between; font-size:9px; color:#aaa69a; text-transform:uppercase; letter-spacing:.06em; }.signal-list b { color:var(--orange-light); margin-right:7px; font-family:monospace; }.hero-index { position:absolute; left:9.5%; bottom:26px; margin:0; color:#77746c; font-family:monospace; font-size:9px; letter-spacing:.08em; }
.section { max-width:1240px; margin:auto; padding:150px 0; }.section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:53px; }.section-heading h2,.news h2,.community h2 { margin:0; font-size:clamp(41px,4.5vw,68px); line-height:.93; }.section-heading .eyebrow { align-self:start; }.product { border-bottom:1px solid var(--line); }.product-card { min-height:430px; display:grid; grid-template-columns:.9fr 1.1fr; border:1px solid #4a473e; background:linear-gradient(122deg,rgba(216,111,54,.09),transparent 35%),#181816; box-shadow:10px 10px 0 rgba(0,0,0,.22); }.product-card-copy { padding:55px; display:flex; flex-direction:column; align-items:start; justify-content:center; }.product-name { margin-bottom:25px; font-size:34px; font-weight:700; letter-spacing:-.07em; }.product-name span { color:var(--orange-light); }.product-card-copy>p:not(.product-name) { max-width:360px; color:#b8b4a8; line-height:1.6; font-size:15px; }.card-link { margin-top:30px; color:var(--orange-light); font-size:12px; font-weight:700; }.card-link span { margin-left:8px; }.runtime-window { margin:36px 36px 36px 0; border:1px solid #565349; background:#11110f; box-shadow:inset 0 0 0 3px #0c0c0b; }.window-top { height:38px; padding:0 12px; display:flex; align-items:center; gap:6px; border-bottom:1px solid #39372f; }.window-top span { width:7px; height:7px; background:#5e5b51; }.window-top span:first-child { background:var(--orange); }.window-top b { margin-left:auto; color:#88847a; font-family:monospace; font-size:8px; font-weight:400; }.window-body { display:flex; min-height:316px; }.window-sidebar { width:50px; display:flex; flex-direction:column; align-items:center; gap:22px; padding-top:22px; border-right:1px solid #39372f; color:#77746c; }.window-sidebar i { font-style:normal; font-size:13px; }.window-main { padding:28px 27px; flex:1; }.window-label { color:var(--orange-light); font-family:monospace; font-size:9px; letter-spacing:.11em; }.prompt-line { margin-top:26px; padding:13px; border:1px solid #4b483e; color:#d0ccc0; font-size:12px; }.prompt-line span,.agent-line span { display:block; margin-bottom:8px; color:#9c998e; font-family:monospace; font-size:8px; }.agent-line { display:flex; gap:10px; margin-top:17px; color:#c7c3b8; font-size:12px; line-height:1.5; }.agent-line span { color:var(--green); }.agent-line p { margin:0; }.trace-line { margin-top:30px; padding-top:16px; border-top:1px solid #3b3932; color:#89867b; font-family:monospace; font-size:9px; word-spacing:5px; }.trace-line b { color:var(--orange-light); }.trace-line i { color:var(--green); font-style:normal; }.trace-line em { color:var(--orange-light); font-style:normal; }
.labs { border-bottom:1px solid var(--line); }.compact { display:block; }.labs-grid { display:grid; grid-template-columns:1fr 1fr 188px; gap:16px; }.lab-card { min-height:340px; padding:28px; border:1px solid #403e36; background:#181816; display:flex; flex-direction:column; transition:.2s ease; }.lab-card:hover { transform:translateY(-4px); border-color:#806448; }.lab-card>div { display:flex; justify-content:space-between; }.lab-number { color:var(--orange-light); font-family:monospace; font-size:11px; }.lab-state { color:var(--green); font-family:monospace; font-size:8px; letter-spacing:.08em; }.lab-card h3 { margin:74px 0 14px; font-size:31px; line-height:.95; }.lab-card p { color:#aaa69b; line-height:1.55; font-size:14px; }.lab-card a { margin-top:auto; color:#d2cec2; font-size:11px; font-weight:700; }.lab-card a span { color:var(--orange-light); margin-left:7px; }.labs-more { min-height:340px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; background:var(--orange); color:#1b1510; font-family:monospace; font-size:11px; font-weight:800; line-height:1.35; transition:.2s; }.labs-more:hover { background:var(--orange-light); }.labs-more b { align-self:end; font-family:Arial,sans-serif; font-size:32px; }
.news { display:grid; grid-template-columns:.77fr 1.23fr; gap:11%; border-bottom:1px solid var(--line); }.news-list { border-top:1px solid #4a473e; }.news-item { min-height:112px; display:grid; grid-template-columns:140px 1fr 22px; align-items:center; gap:20px; border-bottom:1px solid #4a473e; transition:.2s; }.news-item:hover { padding-left:10px; background:rgba(255,255,255,.018); }.news-meta { color:#908d82; font-family:monospace; font-size:9px; line-height:1.6; }.news-meta b { display:block; color:var(--orange-light); font-weight:400; }.news-title { font-size:18px; letter-spacing:-.035em; line-height:1.2; transition:.2s; }.news-arrow { color:var(--orange-light); font-size:18px; }.all-news { display:inline-block; margin-top:25px; color:#cac5b9; font-size:12px; font-weight:700; }.all-news span { color:var(--orange-light); margin-left:8px; }
.community { max-width:none; padding:0; border-bottom:1px solid var(--line); background:linear-gradient(105deg,rgba(216,111,54,.12),transparent 42%),#191816; }.community-grid { max-width:1240px; min-height:417px; margin:auto; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:11%; }.community-copy>p { max-width:485px; color:#c1bdb2; font-size:17px; line-height:1.6; }.community-copy>div { display:flex; align-items:center; gap:26px; margin-top:31px; }.footer { max-width:1240px; margin:auto; padding:46px 0 28px; }.footer-top { display:flex; align-items:baseline; justify-content:space-between; border-bottom:1px solid #3f3c34; padding-bottom:47px; }.footer-wordmark { margin:0; font-size:28px; font-weight:800; letter-spacing:-.06em; }.footer-top p:last-child { margin:0; color:#9e9b90; font-size:13px; }.footer-bottom { padding-top:22px; display:flex; justify-content:space-between; color:#79766d; font-family:monospace; font-size:9px; letter-spacing:.08em; }.footer-bottom a { color:#c0bcb0; }
@media (max-width:1280px) { .section,.community-grid,.footer { margin-left:40px; margin-right:40px; }.hero { padding-left:7%; padding-right:7%; }.hero-index { left:7%; } } @media (max-width:850px) { .site-header { height:auto; min-height:70px; padding:16px 22px; }.main-nav { display:none; }.header-actions { margin-left:auto; }.hero { min-height:auto; grid-template-columns:1fr; padding:86px 24px; gap:58px; }.hero-index { display:none; }.hero-lead { font-size:16px; }.system-panel { max-width:530px; width:100%; justify-self:center; }.mascot-peek { right:-54px; top:-143px; transform:scale(.8); transform-origin:bottom right; }.mascot-tag { right:-38px; }.section,.community-grid,.footer { margin-left:24px; margin-right:24px; }.section { padding:92px 0; }.product-card { grid-template-columns:1fr; }.product-card-copy { padding:39px 31px; }.runtime-window { margin:0 22px 22px; }.labs-grid { grid-template-columns:1fr 1fr; }.labs-more { min-height:150px; grid-column:1/-1; flex-direction:row; align-items:end; }.news { grid-template-columns:1fr; gap:45px; }.community-grid { grid-template-columns:1fr; gap:28px; padding:78px 0; }.footer-top,.footer-bottom { flex-wrap:wrap; gap:18px; } } @media (max-width:540px) { h1 { font-size:52px; }.hero { padding-top:67px; }.hero-actions { align-items:start; flex-direction:column; }.mascot-peek { right:-49px; top:-126px; transform:scale(.61); }.mascot-tag { top:-20px; right:-7px; font-size:6px; }.window-main { padding:22px 17px; }.window-sidebar { width:39px; }.trace-line { font-size:7px; word-spacing:1px; }.section-heading h2,.news h2,.community h2 { font-size:43px; }.labs-grid { grid-template-columns:1fr; }.labs-more { grid-column:auto; }.lab-card { min-height:280px; }.news-item { grid-template-columns:1fr 20px; gap:8px; padding:18px 0; }.news-meta { grid-column:1; }.news-title { grid-column:1; grid-row:2; }.news-arrow { grid-column:2; grid-row:1/3; }.community-copy>div { align-items:start; flex-direction:column; }.footer-top { align-items:start; flex-direction:column; }.footer-bottom { align-items:start; flex-direction:column; } }
.header-actions { display:flex; align-items:center; gap:8px; }.theme-toggle { min-height:35px; display:inline-flex; align-items:center; gap:6px; border:1px solid #5c594f; padding:0 10px; background:rgba(255,255,255,.025); color:#c9c5ba; font-size:10px; font-weight:700; letter-spacing:.04em; cursor:pointer; transition:.2s ease; }.theme-toggle:hover { border-color:var(--orange); color:var(--orange-light); }
.news-page { min-height:100vh; }.news-page .site-header { max-width:1240px; }.news-back { color:#c7c2b6; font-family:monospace; font-size:11px; letter-spacing:.06em; }.news-back:hover { color:var(--orange-light); }.news-index,.news-article { width:min(100% - 48px,1040px); margin:0 auto; padding:120px 0; }.news-index h1,.news-article h1 { max-width:850px; margin:0; color:var(--ink); font-size:clamp(54px,7vw,100px); line-height:.91; letter-spacing:-.065em; }.news-index>div { margin-top:70px; border-top:1px solid var(--line); }.news-index-row { display:grid; grid-template-columns:190px 1fr 178px 18px; align-items:center; gap:22px; min-height:106px; border-bottom:1px solid var(--line); }.news-index-row span,.news-index-row time { color:var(--muted); font-family:monospace; font-size:10px; letter-spacing:.06em; }.news-index-row strong { font-size:20px; letter-spacing:-.03em; }.news-index-row i { color:var(--orange-light); font-size:17px; font-style:normal; }.news-index-row:hover strong { color:var(--orange-light); }.news-article { max-width:860px; }.news-article time { color:var(--muted); font-family:monospace; font-size:11px; }.news-article h1 { margin:26px 0 65px; }.news-article-body { max-width:680px; color:#cbc6ba; font-size:18px; line-height:1.7; }.news-article-body h2 { margin:48px 0 16px; color:var(--ink); font-size:30px; }.news-article-body li { margin:8px 0; } html.light-theme .news-back,html.light-theme .news-article-body { color:#5a5248; } @media (max-width:700px) { .news-index,.news-article { width:min(100% - 40px,1040px); padding:72px 0; }.news-index-row { grid-template-columns:1fr 18px; gap:8px; padding:18px 0; }.news-index-row span { grid-column:1; }.news-index-row strong { grid-column:1; grid-row:2; }.news-index-row time { display:none; }.news-index-row i { grid-column:2; grid-row:1/3; }.news-article-body { font-size:16px; } }
html.light-theme { --bg:#f4efe6; --panel:#fbf8f2; --ink:#2b2822; --muted:#6f685e; --line:#d4c8b9; --orange:#d86f36; --orange-light:#b95727; --green:#6b8450; } html.light-theme body { background:var(--bg); } html.light-theme main { background:linear-gradient(rgba(70,58,40,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(70,58,40,.045) 1px,transparent 1px),var(--bg); } html.light-theme .site-header { border-color:rgba(66,54,38,.16); background:rgba(244,239,230,.88); } html.light-theme .brand-mark { border-color:#b06a42; background:#171512; box-shadow:3px 3px 0 #d7ccbc; } html.light-theme .main-nav { color:#655e54; } html.light-theme .github-link,html.light-theme .theme-toggle { border-color:#b9ab98; background:rgba(255,253,248,.6); color:#4d473e; } html.light-theme .hero { border-color:var(--line); } html.light-theme .hero-grid { opacity:.45; } html.light-theme .hero-lead { color:#4e4941; } html.light-theme .text-link { color:#514a41; } html.light-theme .button-primary { color:#fffaf4; box-shadow:4px 4px 0 #b8aa98; } html.light-theme .system-panel { border-color:#bfb29f; background:#faf7f0; box-shadow:13px 13px 0 rgba(91,72,49,.12),inset 0 0 0 4px #f1eadf; } html.light-theme .panel-bar,html.light-theme .signal-list { border-color:#d2c6b6; color:#6f675d; } html.light-theme .signal-map { background:radial-gradient(circle at 50% 50%,rgba(107,132,80,.11),transparent 43%); } html.light-theme .signal-node { border-color:#b5aa9b; background:#fffdf8; color:#4d463d; } html.light-theme .wire { background:#a99f91; } html.light-theme .mascot-tag { background:#fffaf3; } html.light-theme .section,html.light-theme .product,html.light-theme .labs,html.light-theme .news,html.light-theme .community { border-color:var(--line); } html.light-theme .product-card { border-color:#c9bca9; background:linear-gradient(122deg,rgba(216,111,54,.12),transparent 35%),#fbf8f2; box-shadow:10px 10px 0 rgba(93,73,49,.11); } html.light-theme .product-card-copy>p:not(.product-name),html.light-theme .lab-card p,html.light-theme .community-copy>p { color:#665f55; } html.light-theme .runtime-window { border-color:#bdb1a0; background:#fffdf8; box-shadow:inset 0 0 0 3px #f0e9de; } html.light-theme .window-top,html.light-theme .window-sidebar,html.light-theme .trace-line { border-color:#d6cbbc; } html.light-theme .window-top b,html.light-theme .window-sidebar,html.light-theme .trace-line { color:#777065; } html.light-theme .prompt-line { border-color:#d0c5b5; color:#4d463d; } html.light-theme .agent-line { color:#554e45; } html.light-theme .lab-card { border-color:#cec2b2; background:#fbf8f2; } html.light-theme .lab-card:hover { border-color:#b76c40; } html.light-theme .news-list,html.light-theme .news-item { border-color:#cfc3b4; } html.light-theme .news-meta { color:#776f65; } html.light-theme .news-item:hover { background:rgba(91,72,49,.035); } html.light-theme .community { background:linear-gradient(105deg,rgba(216,111,54,.13),transparent 42%),#eee7dc; } html.light-theme .footer-top { border-color:#c9bdad; } html.light-theme .footer-top p:last-child,html.light-theme .footer-bottom { color:#756d61; } html.light-theme .footer-bottom a { color:#4f483f; }
.product-menu { position:relative; display:flex; align-items:center; height:46px; }.product-trigger { display:inline-flex; align-items:center; gap:4px; height:46px; }.product-trigger span { color:var(--orange-light); font-size:12px; transition:transform .2s ease; }.product-dropdown { position:absolute; top:43px; left:-17px; z-index:20; width:272px; padding:8px; border:1px solid #514d43; background:#171715; box-shadow:10px 11px 0 rgba(0,0,0,.24); opacity:0; visibility:hidden; transform:translateY(-5px); transition:opacity .16s ease,transform .16s ease,visibility .16s; }.product-menu:hover .product-dropdown,.product-menu:focus-within .product-dropdown { opacity:1; visibility:visible; transform:translateY(0); }.product-menu:hover .product-trigger span,.product-menu:focus-within .product-trigger span { transform:rotate(180deg); }.product-entry { display:grid; grid-template-columns:42px 1fr auto; gap:10px; align-items:center; padding:10px; border:1px solid transparent; }.product-entry:hover { border-color:#765033; background:rgba(216,111,54,.06); }.product-entry img { width:42px; height:42px; border-radius:8px; object-fit:cover; }.product-entry b,.product-entry small { display:block; }.product-entry b { color:var(--ink); font-size:12px; letter-spacing:.01em; }.product-entry small { margin-top:4px; color:#99948a; font-family:monospace; font-size:8px; letter-spacing:.07em; text-transform:uppercase; }.product-entry i { color:var(--orange-light); font-size:15px; font-style:normal; }.product-soon { display:flex; justify-content:space-between; gap:8px; margin-top:5px; padding:10px; border-top:1px solid #38362f; color:#837f75; font-family:monospace; font-size:8px; letter-spacing:.05em; }.product-soon b { color:#69665e; font-weight:400; white-space:nowrap; }.mascot-peek { width:400px; height:340px; top:-181px; right:-151px; filter:drop-shadow(0 21px 17px rgba(0,0,0,.48)); -webkit-mask-image:radial-gradient(ellipse at 64% 48%,#000 52%,transparent 77%); mask-image:radial-gradient(ellipse at 64% 48%,#000 52%,transparent 77%); }.mascot-peek img { top:-20px; left:-430px; width:810px; }.mascot-tag { display:none; } html.light-theme .product-dropdown { border-color:#c6b8a5; background:#fffaf2; box-shadow:10px 11px 0 rgba(83,65,45,.15); } html.light-theme .product-entry b { color:#3b352e; } html.light-theme .product-entry small,html.light-theme .product-soon { color:#766e63; } html.light-theme .product-soon { border-color:#ddd1c1; } html.light-theme .product-entry:hover { border-color:#c18a63; background:rgba(216,111,54,.07); } html.light-theme .mascot-peek { filter:drop-shadow(0 19px 14px rgba(94,70,45,.22)); }
@media (max-width:850px) { .mascot-peek { right:-72px; top:-157px; transform:scale(.78); transform-origin:bottom right; } } @media (max-width:540px) { .mascot-peek { right:-61px; top:-141px; transform:scale(.6); } }
.menu-toggle { display:none; min-height:35px; border:1px solid #5c594f; padding:0 10px; background:transparent; color:#c9c5ba; font-size:10px; font-weight:700; letter-spacing:.07em; cursor:pointer; }.menu-toggle:hover { border-color:var(--orange); color:var(--orange-light); } @media (max-width:1050px) { .site-header { padding:0 22px; }.main-nav { display:none; position:absolute; top:75px; right:22px; z-index:30; width:260px; margin:0; padding:10px; align-items:stretch; gap:0; border:1px solid #514d43; background:#171715; box-shadow:10px 11px 0 rgba(0,0,0,.24); }.site-header.menu-open .main-nav { display:flex; }.main-nav > a,.main-nav .product-trigger { height:auto; padding:13px 10px; }.main-nav > a { border-top:1px solid #35332d; }.product-menu { display:block; height:auto; }.product-trigger { display:flex; }.product-dropdown { display:none !important; }.header-actions { margin-left:auto; }.menu-toggle { display:inline-flex; align-items:center; }.site-header.menu-open .menu-toggle { color:var(--orange-light); border-color:#81502f; } html.light-theme .main-nav { border-color:#c6b8a5; background:#fffaf2; box-shadow:10px 11px 0 rgba(83,65,45,.15); } html.light-theme .main-nav > a { border-color:#ddd1c1; } html.light-theme .menu-toggle { border-color:#b9ab98; background:rgba(255,253,248,.6); color:#4d473e; } } @media (max-width:540px) { .site-header { padding:0 14px; }.brand { font-size:11px; }.github-link { display:none; }.main-nav { right:14px; width:min(260px,calc(100vw - 28px)); }.theme-toggle { padding:0 8px; }.menu-toggle { padding:0 8px; } }
.main-nav { display:grid; grid-auto-flow:column; grid-auto-columns:max-content; align-items:center; flex-wrap:nowrap; }.main-nav > * { align-self:center; } @media (max-width:1180px) { .site-header { padding:0 22px; }.main-nav { display:none; flex-direction:column; grid-auto-flow:unset; grid-auto-columns:unset; position:absolute; top:75px; right:22px; z-index:30; width:260px; margin:0; padding:10px; align-items:stretch; gap:0; border:1px solid #514d43; background:#171715; box-shadow:10px 11px 0 rgba(0,0,0,.24); }.site-header.menu-open .main-nav { display:flex; }.main-nav > a,.main-nav .product-trigger { height:auto; padding:13px 10px; }.main-nav > a { border-top:1px solid #35332d; }.product-menu { display:block; height:auto; }.product-trigger { display:flex; }.product-dropdown { display:none !important; }.header-actions { margin-left:auto; }.menu-toggle { display:inline-flex; align-items:center; }.site-header.menu-open .menu-toggle { color:var(--orange-light); border-color:#81502f; } html.light-theme .main-nav { border-color:#c6b8a5; background:#fffaf2; box-shadow:10px 11px 0 rgba(83,65,45,.15); } html.light-theme .main-nav > a { border-color:#ddd1c1; } html.light-theme .menu-toggle { border-color:#b9ab98; background:rgba(255,253,248,.6); color:#4d473e; } }
.product-trigger { border:0; background:transparent; color:inherit; font:inherit; font-weight:inherit; letter-spacing:inherit; text-transform:inherit; cursor:default; }
.product-trigger:focus-visible,.main-nav a:focus-visible { outline:2px solid var(--orange-light); outline-offset:3px; }
@media (max-width:1180px) { .main-nav .product-menu { width:100%; } .main-nav .product-trigger { width:100%; justify-content:center; cursor:pointer; } .main-nav .product-menu.product-open .product-dropdown { position:static; display:block !important; width:min(100%,330px); margin:0 auto 8px; padding:8px; opacity:1; visibility:visible; transform:none; box-shadow:none; } .main-nav .product-menu.product-open .product-trigger span { transform:rotate(180deg); } }
.main-nav { gap:26px; margin-left:auto; margin-right:30px; }.main-nav > a,.product-menu,.product-trigger { flex:0 0 auto; white-space:nowrap; }.product-menu { width:max-content; }.product-dropdown { top:46px; }.lab-card-visual { position:relative; overflow:hidden; isolation:isolate; }.lab-card-visual::after { position:absolute; z-index:-1; inset:0; content:""; background:linear-gradient(90deg,rgba(17,17,15,.96) 0%,rgba(17,17,15,.72) 52%,rgba(17,17,15,.12) 100%); }.lab-card-visual > :not(.lab-photo) { position:relative; z-index:1; }.lab-photo { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:72% center; }.lab-card-visual .lab-state { color:#b9ca92; }.lab-card-visual p { color:#d1cdc1; }.lab-card-visual a { color:#f1ece0; } html.light-theme .lab-card-visual::after { background:linear-gradient(90deg,rgba(251,248,242,.96) 0%,rgba(251,248,242,.77) 53%,rgba(251,248,242,.15) 100%); } html.light-theme .lab-card-visual p { color:#514a41; } html.light-theme .lab-card-visual a { color:#493f35; }
.signal-lemur { position:absolute; z-index:4; width:104px; top:-35px; left:37%; margin:0; pointer-events:none; filter:drop-shadow(0 5px 4px rgba(0,0,0,.42)); }.signal-lemur img { display:block; width:100%; height:auto; } html.light-theme .signal-lemur { filter:drop-shadow(0 4px 3px rgba(91,72,49,.22)); }
.lab-card-memory .lab-photo { object-position:center center; }.lab-card-memory::after { background:linear-gradient(90deg,rgba(17,17,15,.97) 0%,rgba(17,17,15,.74) 54%,rgba(17,17,15,.12) 100%); } html.light-theme .lab-card-memory::after { background:linear-gradient(90deg,rgba(251,248,242,.96) 0%,rgba(251,248,242,.72) 54%,rgba(251,248,242,.12) 100%); }

/* Markdown article images are authored as ![caption](./media/file.png). */
.news-article-body h3 { margin:34px 0 12px; color:var(--ink); font-size:23px; }.news-article-body a { color:var(--orange-light); text-decoration:underline; text-underline-offset:3px; }.news-image { margin:36px 0; border:1px solid #48453c; background:#0d0d0c; box-shadow:8px 8px 0 rgba(0,0,0,.2); }.news-image img { display:block; width:100%; height:auto; }.news-image figcaption { padding:10px 13px; border-top:1px solid #3b3932; color:#98948a; font-family:monospace; font-size:10px; letter-spacing:.04em; } html.light-theme .news-image { border-color:#c9bdad; background:#fffaf3; box-shadow:8px 8px 0 rgba(83,65,45,.1); } html.light-theme .news-image figcaption { border-color:#ddd1c1; color:#6f675d; }
@media (max-width:850px) { .signal-lemur { width:88px; top:-30px; left:35%; } } @media (max-width:540px) { .signal-lemur { display:none; } }

/* Rich Markdown blocks generated by tools/build_news.py. */
.news-article-body h4,.news-article-body h5,.news-article-body h6 { margin:28px 0 10px; color:var(--ink); letter-spacing:-.035em; }.news-article-body h4 { font-size:19px; }.news-article-body h5,.news-article-body h6 { font-size:16px; }.news-article-body ul,.news-article-body ol { margin:18px 0 27px; padding-left:25px; }.news-article-body ul ul,.news-article-body ol ol,.news-article-body ul ol,.news-article-body ol ul { margin:7px 0; }.news-article-body .task-item { list-style:none; margin-left:-23px; }.news-article-body input[type="checkbox"] { width:14px; height:14px; margin:0 8px 0 0; vertical-align:-2px; accent-color:var(--orange); }.news-article-body blockquote { margin:30px 0; padding:8px 0 8px 22px; border-left:3px solid var(--orange); color:#d6d1c6; }.news-article-body blockquote p { margin:8px 0; }.news-article-body pre { margin:30px 0; padding:18px; overflow:auto; border:1px solid #464239; background:#0d0d0c; box-shadow:7px 7px 0 rgba(0,0,0,.18); }.news-article-body pre code { color:#ddd7ca; font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }.news-article-body :not(pre)>code { padding:2px 5px; border:1px solid #4c483f; background:#191815; color:var(--orange-light); font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }.news-article-body del { color:#99948a; }.news-article-body hr { height:1px; margin:42px 0; border:0; background:var(--line); }.table-wrap { width:100%; margin:30px 0; overflow-x:auto; border:1px solid #48453c; background:#121210; }.news-article-body table { width:100%; min-width:500px; border-collapse:collapse; font-size:15px; }.news-article-body th,.news-article-body td { padding:12px 14px; border-bottom:1px solid #3b3932; }.news-article-body th { color:var(--ink); background:rgba(255,255,255,.035); font-weight:700; }.news-article-body tr:last-child td { border-bottom:0; } html.light-theme .news-article-body blockquote { color:#5c554b; }.news-article-body blockquote,.news-article-body pre,.news-article-body code,.table-wrap { transition:background .2s ease,border-color .2s ease; } html.light-theme .news-article-body pre { border-color:#c9bdad; background:#fffaf3; box-shadow:7px 7px 0 rgba(83,65,45,.1); } html.light-theme .news-article-body pre code { color:#4e473e; } html.light-theme .news-article-body :not(pre)>code { border-color:#d4c6b6; background:#eee7dc; color:#a94f25; } html.light-theme .table-wrap { border-color:#c9bdad; background:#fffaf3; } html.light-theme .news-article-body th,html.light-theme .news-article-body td { border-color:#ddd1c1; } html.light-theme .news-article-body th { background:#f0e8dc; }
.math-inline { white-space:nowrap; }.math-display { margin:30px 0; padding:17px 20px; overflow-x:auto; border:1px solid #48453c; background:#121210; color:var(--ink); text-align:center; }.math-display mjx-container[display="true"] { margin:0 !important; } html.light-theme .math-display { border-color:#c9bdad; background:#fffaf3; }
