/* The website's type, one for every page (the founder, 23 October 2026: "re-use the app's font",
   "keep the size small"): the apps' own font, Apple's system font (SF Pro on a Mac or an iPhone,
   as the Mac app and its web window draw it; Inter elsewhere), one small scale of sizes, and medium
   for titles, never bold. Every page (the home page, the Marketplace, Connectors, Pricing, the legal
   pages) loads this before its own styles and sizes its words only with these. The illustrations of
   the app inside a page keep their own measures. The bar and the footer every page shares are here too (below). */
:root{
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","Helvetica Neue",Arial,sans-serif;
  --t-display:clamp(28px,2*var(--vw),40px);  /* a page's headline and every section's title (Pricing, Questions…), the closing call, a price */
  --t-title:clamp(22px,1.6*var(--vw),30px);  /* a statement, a legal page's heading, a photo's label */
  --t-head:clamp(17px,1.15*var(--vw),20px);  /* a card's, a step's or a question's title */
  --t-lead:clamp(16px,1.05*var(--vw),19px);  /* the line under a title */
  --t-body:clamp(15px,var(--vw),17px);     /* running text, a card's line, a tab */
  --t-small:13px;                    /* a label over a title, a note */
  --t-tiny:12px;                     /* the footer, fine print */
  --t-nav:clamp(14px,var(--vw),18px);      /* the bar's links and button */
  --t-field:16px;                    /* a text field: 16 px, so an iPhone does not zoom into it */
  --title-max:16.5em;                /* a title's widest line, on every page: the home page's headline holds
                                        "Create a team of agents for any part" (the founder, 23 October 2026;
                                        since 29 October it reads "Put intelligent agents to work") */
  --w-display:400;                   /* headlines, section titles, prices: regular, never bold (the founder) */
  --w-title:500;                     /* a card's small title: medium, as the apps' */
  --btn-h:clamp(40px,2.5*var(--vw),48px);
  --btn-pad:clamp(18px,1.3*var(--vw),24px);
  --btn-font:clamp(15px,.95*var(--vw),17px);
  --win:1vw;                         /* a hundredth of the whole window, for what runs to its edges (the galleries' rails) */
  --vw:min(1vw,14.4px); --vh:1vh; --dvh:1dvh; /* a hundredth of the window, the unit every page's sizes use in place of vw, vh and dvh
                                        (a zoomed page's own vw would shrink with it). A page
                                        writes var(--vw,1vw), so it still lays out with an older copy of this file.
                                        --vw stops growing at a window of 1440 points: on a wider screen the column
                                        (about 1300) and every size stay as at 1440, centred, as the big sites'
                                        pages are (the founder, 2 November 2026: "that in a big screen it stays the same") */
}
/* Every computer draws the page as a Mac does, at the same sizes: Windows' zoom to 75% (23 October 2026) is gone
   (the founder, 3 November 2026: "remove the zoom, make it exactly like mac"). */
body{font-family:var(--font)}

/* The bar at the top of every page (nav.py writes it), in the reference's layout (the founder, 30 October 2026):
   the wordmark, then Products, Solutions and Resources with their arrows, Connectors and Pricing beside it, in
   the ink; Contact Sales in the grey and Download in the black on the right. Products and Solutions open nothing
   yet; Resources drops Marketplace and Newsroom on a hover or a tap (:focus-within), with no script. The
   wordmark's image has 85/1585 of empty space on its left, so the letters start on the column's edge. Under
   1024 points a menu button takes the links' and buttons' place and drops them over the whole page. */
.bar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);padding-top:env(safe-area-inset-top,0px)}
.bar .wrap{display:flex;align-items:center;gap:clamp(32px,4*var(--vw),80px);height:clamp(52px,3.8*var(--vw),76px)}
.bar .wordmark{--wm:clamp(118px,10.8*var(--vw),217px);flex:none;display:block;width:var(--wm);margin-left:calc(var(--wm) * -85 / 1585);background:var(--ink);-webkit-mask:url(/img/wordmark-labs.png) center/contain no-repeat;mask:url(/img/wordmark-labs.png) center/contain no-repeat;aspect-ratio:1585/460}
.bar .bar-links{display:flex;align-items:center;gap:clamp(22px,2.2*var(--vw),40px);font-size:var(--t-nav)}
.bar .bar-links>a,.bar .drop{display:inline-flex;align-items:center;gap:.42em;padding:6px 0;border:0;background:none;color:var(--ink);font:inherit;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:opacity .15s}
.bar .bar-links>a:hover,.bar .drops:hover>.drop{opacity:.6}
.bar .drop[aria-disabled]{cursor:default}
.drop .arrow{width:.6em;height:.36em;flex:none;transition:transform .2s ease}
.drops{position:relative}
.drop-panel{position:absolute;top:calc(100% + 8px);left:-14px;min-width:200px;display:flex;flex-direction:column;padding:8px;border-radius:16px;background:var(--page,#fff);box-shadow:0 0 0 1px rgba(0,0,0,.06),0 14px 36px rgba(20,30,60,.12);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility 0s .15s}
.drop-panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px} /* the gap the pointer crosses */
.drops:hover .drop-panel,.drops:focus-within .drop-panel{opacity:1;visibility:visible;transform:none;transition:opacity .15s ease,transform .15s ease}
.drops:hover .arrow,.drops:focus-within .arrow{transform:rotate(180deg)}
.drop-panel a{padding:9px 12px;border-radius:10px;color:var(--ink);font-size:var(--t-nav);letter-spacing:-.01em;text-decoration:none}
.drop-panel a:hover,.drop-panel a[aria-current]{background:var(--soft,#f5f5f7)}
.bar .acts{margin-left:auto;display:flex;align-items:center;gap:clamp(8px,.6*var(--vw),12px)}
.bar .btn,.menu-acts .btn{display:inline-flex;align-items:center;justify-content:center;height:clamp(34px,2.5*var(--vw),44px);padding:0 clamp(14px,1.1*var(--vw),22px);border-radius:99px;background:#000;color:#fff;font-size:var(--t-nav);font-weight:400;letter-spacing:-.01em;white-space:nowrap;text-decoration:none;transition:background .2s}
.bar .btn:hover,.menu-acts .btn:hover{background:#2b2b2d}
.bar .btn.soft,.menu-acts .btn.soft{background:#efeff0;color:#000}
.bar .btn.soft:hover,.menu-acts .btn.soft:hover{background:#e5e5e7}
.menu{display:none}
@media (max-width:1023px){
  .bar .bar-links,.bar .acts{display:none}
  .menu{display:block;margin-left:auto}
  .menu summary{display:grid;place-items:center;width:44px;height:44px;margin-right:-13px;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .menu summary::-webkit-details-marker{display:none}
  .menu summary:focus-visible{outline:2px solid var(--ink);outline-offset:-6px;border-radius:12px}
  .menu>summary i{grid-area:1/1;display:block;width:18px;height:1.5px;border-radius:1px;background:var(--ink);transform:translateY(-3.5px);transition:transform .25s ease}
  .menu>summary i+i{transform:translateY(3.5px)}
  .menu[open]>summary i{transform:rotate(45deg)}
  .menu[open]>summary i+i{transform:rotate(-45deg)}
  .menu-in{position:absolute;top:100%;left:0;right:0;height:100dvh;overflow-y:auto;padding:16px var(--gutter,20px) 0;background:var(--page,#fff);animation:menu-in .25s ease both}
  .menu-in nav{display:flex;flex-direction:column;align-items:flex-start}
  .menu-in nav>a,.menu-in .drop,.menu-group>summary{display:flex;align-items:center;gap:.3em;padding:9px 0;border:0;background:none;font:inherit;font-size:28px;line-height:1.2;font-weight:var(--w-display);letter-spacing:-.02em;color:var(--ink);text-decoration:none;cursor:pointer}
  .menu-in .drop .arrow,.menu-group>summary .arrow{width:.42em;height:.26em}
  .menu-group>summary{display:flex;align-items:center;justify-items:normal;width:auto;height:auto;margin:0}
  .menu-group[open]>summary .arrow{transform:rotate(180deg)}
  .menu-group>div{display:flex;flex-direction:column;padding:2px 0 10px 2px}
  .menu-group>div a{padding:7px 0;font-size:20px;letter-spacing:-.01em;color:var(--ink2);text-decoration:none}
  .menu-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
  .menu-acts .btn{height:48px;padding:0 24px;font-size:17px}
  .bar:has(.menu[open]){background:var(--page,#fff)} /* the open menu and the bar are one white page */
  html:has(.menu[open]){overflow:hidden}
}
@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.menu-in{animation:none}.menu summary i,.drop .arrow,.drop-panel{transition:none}}

/* The footer of every page (nav.py writes it), the reference's (the founder, 30 October 2026): white, the mark at
   its top left and four columns of links from 42.5% of the column; along its foot the wordmark, the copyright
   under the first column and the site's language at the right. On a phone the columns go two by two. */
.site-foot{background:var(--page,#fff);color:var(--ink2);font-size:14px;line-height:1.4;letter-spacing:-.005em;padding:clamp(44px,3.6*var(--vw),68px) 0 calc(clamp(28px,2.4*var(--vw),44px) + env(safe-area-inset-bottom,0px))}
.foot-top,.foot-base{display:grid;grid-template-columns:42.5% repeat(4,minmax(0,1fr));column-gap:24px}
.foot-mark{display:block;width:28px;height:28px;background:var(--ink);-webkit-mask:url(/favicon.svg) center/contain no-repeat;mask:url(/favicon.svg) center/contain no-repeat}
.foot-cols{display:contents}
.foot-col{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.site-foot .foot-col h2{margin:0 0 2px;font-size:14px;line-height:1.4;font-weight:var(--w-title);letter-spacing:-.005em;color:var(--ink)}
.site-foot a{color:var(--ink2);text-decoration:none}
.site-foot .foot-col a:hover,.site-foot .foot-col a[aria-current]{color:var(--ink)}
.foot-base{align-items:end;margin-top:clamp(120px,12*var(--vw),260px)}
.foot-word{--fw:clamp(118px,10.8*var(--vw),217px);display:block;width:var(--fw);margin-left:calc(var(--fw) * -85 / 1585);aspect-ratio:1585/460;background:var(--ink);-webkit-mask:url(/img/wordmark-labs.png) center/contain no-repeat;mask:url(/img/wordmark-labs.png) center/contain no-repeat}
.foot-copy{grid-column:2/5}
.foot-lang{grid-column:5;justify-self:end;display:inline-flex;align-items:center;gap:7px}
.foot-lang svg{width:15px;height:15px}
@media (max-width:734px){
  .foot-top{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
  .foot-mark{grid-column:1/-1}
  .foot-base{grid-template-columns:1fr auto;row-gap:14px;margin-top:72px}
  .foot-word{grid-column:1/-1}
  .foot-copy{grid-column:1}
  .foot-lang{grid-column:2}
}