:root {
        --ink: #25384f;
        --muted: #657287;
        --accent: #365fb0;
        --accent-hover: #284d94;
        --line: #e1e6ed;
        --blue: #edf3fa;
        --paper: #fff;
        --radius: 12px;
        font-family: "Avenir Next", Avenir, "Segoe UI", sans-serif;
        color: var(--ink);
        background: #fff;
        font-synthesis: none;
      }
      * {
        box-sizing: border-box;
      }
      body {
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
      }
      button,
      input,
      textarea,
      select {
        font: inherit;
      }
      button,
      a,
      input,
      textarea,
      select {
        touch-action: manipulation;
      }
      button {
        cursor: pointer;
        color: inherit;
      }
      a {
        color: inherit;
        text-decoration: none;
      }
      button {
        border: 0;
        background: none;
      }
      button:disabled {
        opacity: 0.6;
        cursor: wait;
      }
      button:focus-visible,
      a:focus-visible,
      input:focus-visible,
      textarea:focus-visible,
      select:focus-visible,
      summary:focus-visible {
        outline: 3px solid #7998d1;
        outline-offset: 4px;
      }
      [hidden] {
        display: none !important;
      }
      svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
        flex-shrink: 0;
      }
      .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }
      .skip-link {
        position: fixed;
        top: -60px;
        left: 20px;
        padding: 12px;
        background: white;
        z-index: 20;
      }
      .skip-link:focus {
        top: 10px;
      }
      #main-content:focus {
        outline: none;
      }
      h1,
      h2,
      h3,
      p {
        margin-top: 0;
      }
      h1,
      h2 {
        font-family: Georgia, "Times New Roman", serif;
        font-weight: 400;
      }
      h2 {
        font-size: 40px;
        line-height: 1.15;
        letter-spacing: -1.5px;
      }
      h3 {
        font-size: 16px;
        font-weight: 550;
        line-height: 1.4;
      }
      p {
        line-height: 1.75;
      }
      .button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 13px 19px;
        min-height: 46px;
        border: 1px solid transparent;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 550;
        white-space: nowrap;
      }
      .primary {
        background: var(--accent);
        color: white;
        box-shadow: 0 1px 2px #20386410;
      }
      .primary:hover {
        background: var(--accent-hover);
      }
      .dark {
        background: var(--ink);
        color: white;
      }
      .dark:hover {
        background: #14283f;
      }
      .secondary {
        border-color: var(--line);
        background: white;
      }
      .secondary:hover {
        border-color: #a8b7cc;
        background: #f8fafc;
      }
      .text-button {
        font-size: 13px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 8px 0;
      }
      .text-button:hover {
        text-decoration: underline;
        text-underline-offset: 4px;
      }
      .icon-button {
        border: 1px solid var(--line);
        padding: 9px 12px;
        border-radius: 7px;
        font-size: 12px;
        background: white;
      }
      .icon-button:hover {
        background: #f5f8fb;
      }
      .site-header {
        border-bottom: 1px solid #e4e9ef;
        background: white;
      }
      .site-header nav {
        height: 82px;
        max-width: 1280px;
        margin: auto;
        padding: 0 48px;
        display: flex;
        align-items: center;
        gap: 58px;
      }
      .brand {
        display: inline-flex;
        align-items: baseline;
        font:
          34px/1 Georgia,
          serif;
        letter-spacing: -1.5px;
        white-space: nowrap;
      }
      .brand-dot {
        height: 5px;
        width: 5px;
        border-radius: 50%;
        background: #6687c4;
        margin-left: 3px;
        align-self: flex-end;
        margin-bottom: 5px;
      }
      .nav-main,
      .nav-end {
        display: flex;
        align-items: center;
        gap: 27px;
      }
      .nav-main button,
      .nav-main a {
        font-size: 13px;
        padding: 10px 0;
        color: #526174;
      }
      .nav-main button:hover,
      .nav-main a:hover {
        color: var(--accent);
      }
      .nav-end {
        margin-left: auto;
        gap: 23px;
      }
      .nav-start {
        font-size: 12px;
        min-height: 39px;
        padding: 9px 15px;
      }
      .hero {
        background: linear-gradient(
          180deg,
          #f1f5fb 0%,
          #eef4fb 75%,
          #f4f7fb 100%
        );
        border-bottom: 1px solid #e4eaf2;
      }
      .hero-inner {
        max-width: 900px;
        margin: auto;
        text-align: center;
        padding: 47px 28px 32px;
      }
      .intro-note {
        font-size: 11px;
        letter-spacing: 0.1px;
        color: #5b7191;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 7px;
      }
      .intro-note > span {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #7593c0;
      }
      .hero h1 {
        font-size: clamp(48px, 5.1vw, 66px);
        line-height: 1.05;
        letter-spacing: -2.6px;
        margin-bottom: 20px;
      }
      .hero-description {
        color: #65758a;
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 29px;
      }
      .search-box {
        max-width: 658px;
        margin: auto;
        background: white;
        border: 1px solid #d6e0ed;
        border-radius: 14px;
        text-align: left;
        box-shadow:
          0 8px 28px #344c7107,
          0 2px 3px #344c7104;
        padding: 0 20px 18px;
      }
      .search-modes {
        display: flex;
        gap: 23px;
        border-bottom: 1px solid #edf0f5;
      }
      .topic {
        font-size: 12px;
        padding: 14px 0 12px;
        color: var(--muted);
        border-bottom: 2px solid transparent;
      }
      .topic.selected {
        color: var(--ink);
        border-bottom-color: var(--accent);
      }
      textarea::placeholder,
      input::placeholder {
        color: #738196;
      }
      .composefoot {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        font-size: 11px;
        color: var(--muted);
      }
      .search-hint {
        display: flex;
        gap: 5px;
        align-items: center;
      }
      .search-hint svg {
        width: 14px;
        height: 14px;
        color: #7a8ba2;
      }
      .composefoot .button {
        min-height: 40px;
        padding: 10px 14px;
        font-size: 12px;
      }
      .prompt-row {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        font-size: 10px;
        color: #768398;
        margin: 17px 0 24px;
        min-height: 28px;
      }
      .prompts {
        display: flex;
        gap: 7px;
        justify-content: center;
        flex-wrap: wrap;
      }
      .chip {
        font-size: 11px;
        padding: 5px 10px;
        border: 1px solid #d9e3ef;
        border-radius: 6px;
        background: #ffffff50;
        color: #5a6d86;
      }
      .chip:hover {
        background: white;
        border-color: #a9bbd6;
      }
      .direct-browse {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 21px;
        font-size: 12px;
      }
      .direct-browse > span {
        font-size: 11px;
        color: #7b8798;
      }
      .direct-browse button {
        padding: 7px 0;
        font-size: 12px;
        font-weight: 550;
        border-bottom: 1px solid #99abc4;
      }
      .direct-browse button span {
        color: #5d7daa;
        margin-left: 5px;
      }
      .hero-bottom {
        border-top: 1px solid #e0e7f0;
        display: flex;
        justify-content: center;
        gap: 60px;
        padding: 16px 24px;
        font-size: 10px;
        color: #7d899a;
      }
      .hero-bottom span {
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .hero-bottom span:before {
        content: "✓";
        color: #6f89ae;
        font-size: 10px;
      }
      .section {
        max-width: 1184px;
        margin: 0 auto;
        padding: 70px 48px;
      }
      .section-kicker {
        font-family: "Avenir Next", Avenir, sans-serif;
        font-size: 11px;
        font-weight: 500;
        color: #758295;
        letter-spacing: 0.2px;
        margin: 0 0 11px;
        line-height: 1.5;
      }
      .section-heading {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 35px;
        margin-bottom: 28px;
      }
      .section-heading h2 {
        font-size: 34px;
        margin: 0;
        letter-spacing: -1.1px;
      }
      .section-heading > p {
        font-size: 12px;
        color: var(--muted);
        margin: 0;
      }
      .collections {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 17px;
      }
      .collection {
        text-align: left;
        padding: 0;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
      }
      .collection-art {
        height: 118px;
        background: #f1f4f9;
        border: 1px solid #e7edf3;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 17px;
        width: 100%;
        overflow: hidden;
      }
      .collection-art svg {
        height: 90px;
        width: 160px;
        stroke: #7f96b9;
        stroke-width: 1.2;
      }
      .art-product {
        background: #f0f1f8;
      }
      .art-product svg {
        stroke: #8a8dad;
      }
      .art-climate {
        background: #f0f5f3;
      }
      .art-climate svg {
        stroke: #8ba399;
      }
      .art-start {
        background: #f7f3ee;
      }
      .art-start svg {
        stroke: #aa9a85;
      }
      .collection-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        font-weight: 550;
        width: 100%;
      }
      .collection-title > span {
        color: #7c8ea8;
        font-size: 15px;
      }
      .collection-copy {
        font-size: 11px;
        color: var(--muted);
        margin-top: 5px;
        line-height: 1.5;
      }
      .collection:hover .collection-title {
        color: var(--accent);
      }
      .collection:hover .collection-art {
        border-color: #b5c4d8;
      }
      .opportunities {
        padding-top: 4px;
        padding-bottom: 65px;
      }
      .featured {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border: 1px solid var(--line);
        border-radius: 12px;
        overflow: hidden;
        background: white;
      }
      .featured-card {
        padding: 24px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 13px;
        border-right: 1px solid var(--line);
      }
      .featured-card:last-child {
        border: 0;
      }
      .company-avatar {
        height: 34px;
        width: 34px;
        background: #f1f5fa;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: 600;
        color: #7288aa;
        flex-shrink: 0;
      }
      .featured-company {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 11px;
        color: var(--muted);
      }
      .featured-card h3 {
        margin: 0;
        font-size: 15px;
        line-height: 1.55;
        min-height: 46px;
      }
      .featured-card p {
        font-size: 11px;
        color: var(--muted);
        margin: 0;
      }
      .featured-card .external {
        font-size: 11px;
        margin-top: auto;
        padding-top: 5px;
        color: var(--accent);
      }
      .featured-loading {
        padding: 40px;
        font-size: 13px;
        color: var(--muted);
        grid-column: 1/-1;
      }
      .fineprint {
        font-size: 10px;
        color: #69798e;
        margin: 14px 0 0;
        line-height: 1.6;
      }
      .product-story {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 90px;
        border-top: 1px solid var(--line);
        padding-top: 63px;
        padding-bottom: 72px;
      }
      .story-copy h2 {
        font-size: 42px;
        margin-bottom: 22px;
      }
      .story-copy > p:not(.section-kicker) {
        color: var(--muted);
        font-size: 13px;
        max-width: 345px;
        margin-bottom: 25px;
      }
      .story-copy .button {
        font-size: 12px;
      }
      .principles {
        display: flex;
        flex-direction: column;
        gap: 28px;
        padding-top: 12px;
      }
      .principles article {
        display: flex;
        gap: 18px;
      }
      .principle-icon {
        width: 32px;
        height: 32px;
        border: 1px solid #dae3ee;
        border-radius: 8px;
        background: #f5f8fc;
        color: #6887b2;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-size: 17px;
      }
      .principles h3 {
        font-size: 14px;
        margin: 2px 0 7px;
      }
      .principles p {
        font-size: 12px;
        color: var(--muted);
        margin: 0;
        max-width: 330px;
      }
      .agent-section {
        background: #eef3fa;
        border: 1px solid #e0e8f3;
        border-radius: 17px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 70px;
        padding: 48px;
        max-width: 1088px;
      }
      .agent-copy h2 {
        font-size: 39px;
        margin: 0 0 18px;
      }
      .agent-copy > p:not(.section-kicker) {
        font-size: 12px;
        color: var(--muted);
        max-width: 350px;
        margin-bottom: 24px;
      }
      .agent-copy .button {
        min-height: 40px;
        font-size: 12px;
        padding: 10px 15px;
      }
      .api-example {
        align-self: center;
        border-radius: 11px;
        border: 1px solid #d9e3ef;
        background: #fbfcfe;
        box-shadow: 0 8px 25px #233f6c05;
      }
      .api-top {
        padding: 13px 18px;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #e7ecf3;
        font-size: 10px;
        color: #8a97a9;
      }
      .api-tab {
        color: #3c587c;
      }
      .code-content {
        padding: 29px 22px 25px;
        font-size: 12px;
        line-height: 1.9;
      }
      .method {
        color: #527d71;
        background: #edf5f0;
        border-radius: 4px;
        padding: 3px 5px;
        margin-right: 8px;
        font: 10px monospace;
      }
      .code-content code,
      .code-query {
        font-family: "SFMono-Regular", Consolas, monospace;
        font-size: 11px;
      }
      .code-query {
        color: #8b9bb1;
        padding: 10px 0 0 39px;
      }
      .api-properties {
        display: flex;
        gap: 18px;
        padding: 13px 18px;
        font-size: 9px;
        color: #75859a;
        border-top: 1px solid #e7ecf3;
      }
      .faq {
        display: grid;
        grid-template-columns: 1fr 1.25fr;
        gap: 60px;
        padding-top: 70px;
        padding-bottom: 60px;
      }
      .faq h2 {
        font-size: 32px;
      }
      .faq-items details {
        border-bottom: 1px solid var(--line);
      }
      .faq-items summary {
        padding: 18px 25px 18px 0;
        font-size: 13px;
        cursor: pointer;
        position: relative;
        list-style: none;
      }
      .faq-items summary::-webkit-details-marker {
        display: none;
      }
      .faq-items summary:after {
        content: "+";
        position: absolute;
        right: 2px;
        color: #8492a5;
        font-size: 18px;
        top: 13px;
      }
      .faq-items details[open] summary:after {
        content: "−";
      }
      .faq-items p {
        font-size: 12px;
        color: var(--muted);
        padding-right: 20px;
        margin-bottom: 19px;
      }
      .closing {
        text-align: center;
        padding: 47px 24px 60px;
        background: #f8fafd;
        border-top: 1px solid #edf0f5;
        border-bottom: 1px solid #edf0f5;
      }
      .closing h2 {
        font-size: 35px;
        margin: 0 0 25px;
      }
      .closing .button {
        font-size: 12px;
      }
      .site-footer {
        max-width: 1280px;
        padding: 35px 48px 20px;
        margin: auto;
      }
      .footer-top {
        display: flex;
        align-items: center;
        gap: 25px;
        padding-bottom: 30px;
      }
      .footer-top .brand {
        font-size: 28px;
      }
      .footer-top > p {
        font-size: 11px;
        color: var(--muted);
        margin: 0;
      }
      .footer-top > div {
        margin-left: auto;
        display: flex;
        gap: 23px;
        font-size: 11px;
      }
      .footer-top button {
        font-size: 11px;
        padding: 0;
        color: var(--muted);
      }
      .footer-top a:not(.brand) {
        color: var(--muted);
      }
      .footer-bottom {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #edf0f5;
        padding-top: 18px;
        font-size: 10px;
        color: #6d7c8e;
      }
      .footer-bottom > span:last-child {
        display: flex;
        gap: 13px;
      }
      .workspace {
        display: none;
        background: #f8fafd;
        padding: 30px 40px 65px;
        min-height: calc(100vh - 82px);
      }
      .workspace.active {
        display: block;
      }
      .workgrid {
        max-width: 1280px;
        margin: auto;
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 37px;
      }
      .conversation {
        position: sticky;
        top: 24px;
        align-self: start;
        padding: 23px;
        background: #eff4fa;
        border: 1px solid #dee7f2;
        border-radius: 13px;
        max-height: calc(100vh - 48px);
        overflow: auto;
      }
      .companion-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 30px;
      }
      .mini-brand {
        font:
          25px Georgia,
          serif;
        letter-spacing: -0.8px;
      }
      .workspace-badge {
        font-size: 9px;
        color: #75869d;
        border: 1px solid #d4dfed;
        border-radius: 5px;
        padding: 3px 6px;
      }
      .conversation h2 {
        font-size: 25px;
        letter-spacing: -0.8px;
        margin: 0 0 13px;
      }
      .quiet {
        font-size: 12px;
        color: var(--muted);
        line-height: 1.8;
      }
      .composer {
        background: white;
        border: 1px solid #d8e2ef;
        border-radius: 10px;
        padding: 13px;
        margin-top: 23px;
      }
      .composer label {
        font-size: 10px;
        color: #7c8da3;
      }
      .composer textarea {
        display: block;
        width: 100%;
        border: 0;
        resize: vertical;
        min-height: 86px;
        max-height: 180px;
        font-size: 12px;
        line-height: 1.65;
        color: var(--ink);
        padding: 12px 0;
        background: white;
      }
      .composer .composefoot {
        font-size: 9px;
        gap: 6px;
      }
      .composer .button {
        font-size: 11px;
        min-height: 32px;
        padding: 7px 11px;
      }
      .search-context {
        padding: 24px 0 16px;
      }
      .context-label {
        color: #8a97a9;
        font-size: 10px;
      }
      .bubble {
        font-size: 12px;
        margin-top: 10px;
        padding: 10px 12px;
        background: #ffffff90;
        border: 1px solid #e0e7f0;
        border-radius: 7px;
        overflow-wrap: anywhere;
      }
      .reply {
        font-size: 11px;
        color: #79879a;
        line-height: 1.7;
        margin: 12px 0 0;
      }
      .companion-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 12px;
        border-top: 1px solid #dce5ef;
      }
      .companion-bottom .text-button {
        font-size: 10px;
        color: #6c7e97;
      }
      .resulthead {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        margin-bottom: 27px;
      }
      .resulthead h2 {
        font-size: 35px;
        letter-spacing: -1px;
        line-height: 1.15;
        margin: 0;
      }
      .resulthead .section-kicker {
        font-size: 10px;
        margin-bottom: 9px;
      }
      .tabs {
        display: flex;
        gap: 27px;
        border-bottom: 1px solid var(--line);
        margin-bottom: 21px;
      }
      .tab {
        font-size: 13px;
        padding: 0 0 14px;
        color: #8390a1;
        border-bottom: 2px solid transparent;
      }
      .tab[aria-selected="true"] {
        border-color: var(--accent);
        color: var(--ink);
      }
      .search-controls {
        display: flex;
        gap: 9px;
      }
      .search-controls label {
        display: flex;
        align-items: center;
        background: white;
        border: 1px solid #dce3ec;
        border-radius: 7px;
      }
      .search-field {
        flex: 1;
        min-width: 80px;
        padding-left: 13px;
        gap: 8px;
      }
      .search-field svg {
        color: #8797ac;
        width: 16px;
      }
      .search-controls input {
        border: 0;
        min-width: 0;
        width: 100%;
        padding: 12px 8px 12px 0;
        background: transparent;
        color: var(--ink);
        font-size: 12px;
      }
      .search-controls select {
        border: 0;
        padding: 12px 11px;
        background: transparent;
        color: #697a91;
        font-size: 12px;
        max-width: 170px;
      }
      .search-controls .button {
        min-height: 42px;
        padding: 10px 18px;
        font-size: 12px;
      }
      .results-meta {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        font-size: 10px;
        color: #6b7a8e;
        margin: 20px 0 14px;
      }
      .results-meta #count {
        color: #68798d;
      }
      .job {
        background: white;
        border: 1px solid #e0e6ed;
        border-radius: 10px;
        padding: 22px;
        margin-bottom: 12px;
      }
      .jobtop {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 18px;
      }
      .jobtop > div {
        min-width: 0;
      }
      .company-button {
        font-size: 11px;
        color: #738399;
        padding: 0;
        margin-bottom: 6px;
        text-align: left;
      }
      .company-button:hover {
        color: var(--accent);
      }
      .job h3 {
        font-size: 17px;
        font-weight: 550;
        letter-spacing: -0.25px;
        margin: 0 0 9px;
        overflow-wrap: anywhere;
      }
      .meta {
        font-size: 11px;
        color: #708197;
      }
      .job > p {
        font-size: 12px;
        color: #7b8797;
        line-height: 1.6;
        margin: 13px 0 12px;
      }
      .job time {
        font-size: 10px;
        color: #6d7d92;
      }
      .details {
        font-size: 10px;
        color: #7e8da1;
        display: inline-block;
        margin: 0 0 0 13px;
      }
      .details summary {
        cursor: pointer;
        list-style: none;
        display: inline-block;
        border-bottom: 1px dashed #c5cfde;
      }
      .details p {
        font-size: 11px;
        color: #6b7e96;
        padding: 12px;
        background: #f4f7fb;
        border: 1px solid #e4eaf3;
        border-radius: 7px;
        margin-bottom: 0;
      }
      .external {
        display: block;
        font-size: 11px;
        color: var(--accent);
        margin-top: 14px;
        width: fit-content;
      }
      .external:hover {
        text-decoration: underline;
        text-underline-offset: 3px;
      }
      .load-more {
        display: flex;
        margin: 27px auto 0;
        min-width: 200px;
      }
      .empty {
        border: 1px dashed #d4deeb;
        border-radius: 12px;
        padding: 40px;
        text-align: center;
        color: #7a899d;
        background: #f3f7fc;
        font-size: 13px;
      }
      .company {
        font-size: 10px;
        color: #8795a7;
        margin-bottom: 7px;
      }
      .job .smallbtn {
        font-size: 11px;
        padding: 8px 12px;
        background: #f0f5fc;
        color: var(--accent);
        border: 1px solid #dce5f2;
        border-radius: 6px;
      }
      .workgrid.chat-hidden {
        grid-template-columns: minmax(0, 1fr);
        max-width: 1000px;
      }
      .chat-hidden .conversation {
        display: none;
      }
      dialog {
        background: white;
        border: 1px solid #dce4ef;
        border-radius: 16px;
        padding: 26px;
        max-width: 570px;
        width: calc(100% - 40px);
        color: var(--ink);
        box-shadow: 0 24px 90px #14284022;
      }
      dialog::backdrop {
        background: #172c4855;
        backdrop-filter: blur(3px);
      }
      .dialog-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 27px;
      }
      dialog h2 {
        font-size: 32px;
        letter-spacing: -1px;
        margin-bottom: 19px;
      }
      dialog p,
      #infoBody {
        font-size: 13px;
        line-height: 1.85;
        color: var(--muted);
      }
      #infoBody {
        white-space: pre-line;
        overflow-wrap: anywhere;
        max-height: 60vh;
        overflow: auto;
      }
      #preferenceForm {
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      #preferenceForm label {
        font-size: 12px;
      }
      #preferenceForm select {
        padding: 12px;
        border: 1px solid #d9e2ee;
        border-radius: 7px;
        color: var(--ink);
        background: #f7f9fc;
      }
      #preferenceForm .button {
        align-self: flex-end;
      }
      #preferenceStatus:empty {
        display: none;
      }
      @media (max-width: 1050px) {
        .site-header nav {
          gap: 30px;
          padding: 0 28px;
        }
        .nav-main,
        .nav-end {
          gap: 19px;
        }
        .section {
          padding-left: 32px;
          padding-right: 32px;
        }
        .agent-section {
          margin: 0 32px;
          gap: 40px;
        }
        .product-story {
          gap: 50px;
        }
        .workspace {
          padding: 27px 24px 50px;
        }
        .workgrid {
          grid-template-columns: 250px minmax(0, 1fr);
          gap: 25px;
        }
        .conversation {
          padding: 19px;
        }
        .collection-title {
          font-size: 11px;
        }
        .site-footer {
          padding-left: 32px;
          padding-right: 32px;
        }
      }
      @media (max-width: 760px) {
        .site-header nav {
          height: 72px;
          padding: 0 22px;
          gap: 23px;
        }
        .brand {
          font-size: 29px;
        }
        .nav-main {
          gap: 17px;
        }
        .nav-main button {
          font-size: 11px;
        }
        .nav-main a,
        .nav-start {
          display: none;
        }
        .nav-end {
          gap: 0;
        }
        .hero-inner {
          padding: 37px 23px 28px;
        }
        .intro-note {
          font-size: 10px;
          margin-bottom: 20px;
        }
        .hero h1 {
          font-size: 51px;
          letter-spacing: -2px;
        }
        .hero-description {
          font-size: 13px;
          margin-bottom: 25px;
        }
        .search-box {
          padding: 0 16px 16px;
        }
        .hero-bottom {
          gap: 22px;
          flex-wrap: wrap;
          padding: 15px 20px;
          font-size: 9px;
        }
        .hero-bottom span:nth-child(n + 3) {
          display: none;
        }
        .direct-browse {
          gap: 17px;
          flex-wrap: wrap;
        }
        .direct-browse > span {
          width: 100%;
          font-size: 10px;
          margin-bottom: -8px;
        }
        .direct-browse button {
          font-size: 12px;
        }
        .prompt-row {
          flex-direction: column;
          gap: 9px;
          margin-bottom: 24px;
        }
        .prompt-row > span {
          display: none;
        }
        .section {
          padding: 45px 24px;
        }
        .section-heading {
          display: block;
          margin-bottom: 24px;
        }
        .section-heading h2 {
          font-size: 30px;
        }
        .section-heading > p {
          font-size: 12px;
          margin-top: 15px;
        }
        .section-heading > .text-button {
          margin-top: 12px;
        }
        .collections {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 24px 15px;
        }
        .collection-art {
          height: 105px;
          margin-bottom: 12px;
        }
        .collection-title {
          font-size: 12px;
          align-items: flex-start;
        }
        .collection-copy {
          font-size: 10px;
        }
        .collection-art svg {
          width: 140px;
          height: 85px;
        }
        .opportunities {
          padding-top: 10px;
        }
        .featured {
          grid-template-columns: 1fr;
        }
        .featured-card {
          border: 0;
          border-bottom: 1px solid var(--line);
          padding: 22px;
          gap: 11px;
        }
        .featured-card h3 {
          min-height: 0;
          font-size: 16px;
        }
        .featured-card .external {
          margin-top: 0;
        }
        .product-story {
          grid-template-columns: 1fr;
          gap: 28px;
        }
        .story-copy h2 {
          font-size: 35px;
        }
        .story-copy > p:not(.section-kicker) {
          max-width: 100%;
        }
        .principles {
          gap: 23px;
        }
        .principles p {
          max-width: 100%;
        }
        .agent-section {
          margin: 0 20px;
          padding: 30px 24px;
          grid-template-columns: 1fr;
          gap: 30px;
          border-radius: 12px;
        }
        .agent-copy h2 {
          font-size: 35px;
        }
        .agent-copy > p:not(.section-kicker) {
          max-width: 100%;
        }
        .api-properties {
          justify-content: space-between;
          gap: 8px;
        }
        .faq {
          grid-template-columns: 1fr;
          gap: 10px;
        }
        .faq h2 {
          font-size: 31px;
        }
        .closing {
          padding: 38px 24px 44px;
        }
        .closing h2 {
          font-size: 31px;
        }
        .site-footer {
          padding: 28px 24px 20px;
        }
        .footer-top {
          flex-wrap: wrap;
          gap: 16px;
        }
        .footer-top > p {
          font-size: 10px;
        }
        .footer-top > div {
          width: 100%;
          margin: 5px 0 0;
          gap: 22px;
        }
        .workspace {
          padding: 25px 18px 40px;
        }
        .workgrid {
          grid-template-columns: 1fr;
          gap: 25px;
        }
        .conversation {
          position: static;
          max-height: none;
          padding: 19px;
          display: grid;
          grid-template-columns: 1fr 1fr;
          column-gap: 20px;
        }
        .conversation .companion-heading {
          grid-column: 1/-1;
          margin-bottom: 18px;
        }
        .conversation h2 {
          font-size: 23px;
          margin: 0;
        }
        .conversation > .quiet {
          grid-column: 1;
          margin: 10px 0 0;
          font-size: 11px;
        }
        .conversation .composer {
          grid-column: 2;
          grid-row: 2/5;
          margin: 0;
        }
        .conversation .search-context {
          display: none;
        }
        .companion-bottom {
          grid-column: 1;
          margin-top: 13px;
        }
        .resulthead {
          margin-bottom: 22px;
        }
        .resulthead h2 {
          font-size: 30px;
        }
        .resulthead .section-kicker {
          font-size: 9px;
        }
        .resulthead .icon-button {
          font-size: 10px;
          white-space: nowrap;
        }
        .search-controls {
          flex-wrap: wrap;
        }
        .search-field {
          flex-basis: 100%;
        }
        .search-controls #marketLabel {
          flex: 1;
        }
        .search-controls select {
          max-width: none;
          width: 100%;
        }
        .results-meta {
          font-size: 9px;
        }
        .results-meta #resultsNote {
          display: none;
        }
        .job {
          padding: 19px;
        }
        .job h3 {
          font-size: 16px;
        }
        .details {
          display: block;
          margin: 10px 0 0;
        }
        .tabs {
          gap: 25px;
        }
        .tab {
          font-size: 12px;
        }
      }
      @media (max-width: 420px) {
        .site-header nav {
          padding: 0 17px;
          gap: 19px;
        }
        .nav-main {
          gap: 13px;
        }
        .nav-main button {
          font-size: 10px;
        }
        .brand {
          font-size: 27px;
        }
        .hero h1 {
          font-size: 46px;
        }
        .hero-inner {
          padding-left: 19px;
          padding-right: 19px;
        }
        .hero-description {
          font-size: 12px;
        }
        .search-box .composefoot .button {
          font-size: 11px;
          padding: 10px 11px;
          gap: 8px;
        }
        .search-box .search-hint {
          font-size: 9px;
        }
        .search-modes {
          gap: 22px;
        }
        .topic {
          font-size: 11px;
        }
        .chip {
          font-size: 10px;
          padding: 5px 8px;
        }
        .collection-title {
          font-size: 11px;
        }
        .collection-copy {
          font-size: 10px;
        }
        .conversation {
          display: block;
        }
        .conversation > .quiet {
          margin-bottom: 16px;
        }
        .conversation .composer {
          margin-top: 18px;
        }
        .companion-bottom {
          margin-top: 18px;
        }
        .companion-heading {
          margin-bottom: 18px;
        }
        .footer-top > div {
          gap: 19px;
        }
        .footer-bottom {
          font-size: 9px;
        }
      }
      @media (prefers-reduced-motion: no-preference) {
        button,
        a {
          transition:
            background-color 0.15s ease,
            border-color 0.15s ease,
            color 0.15s ease;
        }
        .collection-art {
          transition: border-color 0.15s ease;
        }
      }

      .job-title {
        padding: 0;
        font: inherit;
        letter-spacing: inherit;
        text-align: left;
        line-height: inherit;
      }
      .job-title:hover {
        color: var(--accent);
      }
      .job-dialog {
        max-width: 740px;
      }
      .job-dialog #infoBody {
        white-space: normal;
      }
      .job-description {
        white-space: pre-line;
        font-size: 13px;
        line-height: 1.85;
        color: #63738a;
        padding-top: 10px;
      }
      .job-dialog-meta {
        border-bottom: 1px solid var(--line);
        padding-bottom: 16px;
      }
      .job-dialog .external {
        font-size: 13px;
        margin: 24px 0 6px;
      }
      .job-closed {
        background: #fff6e8;
        padding: 12px;
        border-radius: 8px;
        color: #8b652c;
      }
      .endpoint {
        border: 1px solid var(--line);
        background: #f8fafd;
        border-radius: 10px;
        padding: 18px;
        margin: 17px 0;
        white-space: normal;
      }
      .endpoint h3 {
        font-size: 13px;
        margin-bottom: 10px;
      }
      .endpoint code {
        display: block;
        font-size: 11px;
        line-height: 1.8;
        overflow-wrap: anywhere;
        color: #7285a0;
      }
      .endpoint .button {
        font-size: 11px;
        padding: 7px 12px;
        min-height: 32px;
        margin-top: 14px;
      }
      .endpoint + .fineprint {
        font-size: 11px !important;
      }

@media (max-width:760px) {
  .nav-main button { min-height:44px; font-size:11px; }
  .direct-browse button { min-height:40px; }
  .chip { min-height:32px; }
  .collection-title { font-size:12px; }
  .collection-copy { font-size:11px; }
  .footer-top button,.footer-top a:not(.brand) { min-height:30px; display:inline-flex; align-items:center; }
}

.refinement-bar{display:flex;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.refinement-bar label{display:flex;align-items:center;gap:7px;font-size:10px;color:#748298}.refinement-bar select{font-size:11px;color:#435b7d;border:0;background:transparent;max-width:145px;padding:5px 0}.active-company{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 15px;background:#edf3fc;border:1px solid #d9e4f4;border-radius:8px;font-size:12px;margin-top:16px}.active-company .text-button{font-size:11px;padding:0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:80;border-radius:9px;background:#25384f;color:white;box-shadow:0 8px 30px #17283f25;padding:12px 20px;font-size:12px;max-width:calc(100vw - 40px);text-align:center}.result-skeleton{padding:25px;background:white;border:1px solid #e0e6ed;border-radius:10px;margin-bottom:12px}.result-skeleton span{display:block;background:#eff3f8;border-radius:4px;height:12px;width:23%;margin:0 0 15px}.result-skeleton span:nth-child(2){width:65%;height:19px}.result-skeleton span:nth-child(3){width:40%;margin:25px 0 5px}.mobile-panel-close{display:none}.job-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 0 18px;border-bottom:1px solid var(--line);margin-bottom:20px}.job-detail-actions .external{margin:0;font-size:12px}.job-detail-actions .button{font-size:12px;min-height:38px;padding:9px 12px}
@media(max-width:760px){.refinement-bar{gap:9px 15px;padding:10px 0}.refinement-bar label{font-size:10px}.refinement-bar select{font-size:11px;padding:7px 0;max-width:135px}.mobile-panel-close{display:block;float:right;margin-bottom:15px;font-size:10px}.conversation .companion-heading{clear:both}.job-detail-actions{align-items:flex-start;flex-direction:column}.active-company{font-size:11px}.active-company .text-button{font-size:10px}}

.refinement-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.refinement-bar label{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.refinement-bar select{width:100%;max-width:100%;font-size:11px}.company-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:18px}.company-actions .button{font-size:11px;min-height:34px;padding:8px 12px}.company-actions .text-button{font-size:11px}.company-actions .external{margin:0}.company-dialog-meta{font-size:12px!important;border-bottom:1px solid var(--line);padding-bottom:14px}

.description-heading{margin-top:24px;font-size:18px;letter-spacing:-.3px}.job-description>p{font-size:13px;line-height:1.9;margin:0 0 22px;color:#5e7087}.detail-retry{margin-top:20px;font-size:12px}.job-dialog #infoBody{max-height:65vh}.job-dialog-meta{color:#687b94!important}

      .chat-entry { padding: 24px; }
      .chat-entry .prompt-surface { position: relative; }
      .chat-entry textarea { position: relative; z-index: 1; width: 100%; padding: 0; min-height: 96px; border: 0; resize: none; background: transparent; font-size: 17px; line-height: 1.65; }
      .chat-entry textarea.show-example::placeholder { color: transparent; }
      .animated-prompt { position: absolute; top: 0; left: 0; right: 0; color: #657287; pointer-events: none; font-size: 17px; line-height: 1.65; }
      .animated-prompt::after { content: ""; display: inline-block; height: 1em; width: 1px; background: #7794bc; margin-left: 2px; vertical-align: -2px; }
      .chat-entry .composefoot { margin-top: 4px; }
      .search-box.chat-entry .composefoot .send-request { padding: 0; width: 44px; height: 44px; min-height: 44px; border-radius: 50%; }
      .send-request svg { width: 22px; height: 22px; }
      .motion-toggle { font-size: 11px; color: var(--muted); padding: 8px 0; }
      .motion-toggle:hover { color: var(--ink); }
      .direct-browse { margin-top: 28px; }
      .guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
      .guide-card { padding: 0; text-align: left; display: flex; flex-direction: column; align-items: flex-start; }
      .guide-art { display: grid; place-items: center; background: #eef3f9; border-radius: 10px; width: 100%; height: 166px; margin-bottom: 22px; color: #6484b4; }
      .guide-art svg { width: 88%; height: 130px; stroke-width: 1.3; }
      .guide-art.art-agent { background: #e8eff8; }
      .guide-art.art-company { background: #f1f4f7; }
      .guide-category { color: var(--muted); font-size: 12px; margin-bottom: 10px; }
      .guide-card h3 { font-size: 19px; line-height: 1.4; font-weight: 500; margin-bottom: 10px; }
      .guide-card p { font-size: 14px; color: var(--muted); max-width: 32ch; margin-bottom: 18px; }
      .guide-link { font-size: 13px; margin-top: auto; padding-bottom: 4px; border-bottom: 1px solid var(--line); }
      .guide-card:hover .guide-link { border-color: var(--accent); color: var(--accent); }
      .quiet-link { display: inline-block; margin-top: 6px; color: var(--ink); border-bottom: 1px solid var(--line); }
      .quiet-link:hover { color: var(--accent); border-color: var(--accent); }
      #infoBody h3 { margin-top: 26px; margin-bottom: 8px; }
      @media(max-width:760px) {
        .chat-entry { padding: 20px; }
        .chat-entry textarea, .animated-prompt { font-size: 16px; }
        .guide-grid { grid-template-columns: 1fr; gap: 38px; }
        .guide-art { height: 145px; }
        .guide-card p { max-width: 42ch; }
      }

      .chat-entry .composefoot { justify-content: flex-end; }
      .developer-links { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 0; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
      .developer-links button { display: flex; align-items: center; gap: 16px; padding: 20px 22px; text-align: left; }
      .developer-links button + button { border-left: 1px solid var(--line); }
      .developer-links button:hover { background: #f7f9fc; }
      .developer-links strong { display: block; font-size: 15px; font-weight: 550; }
      .developer-links small { display: block; color: var(--muted); margin-top: 5px; font-size: 12px; }
      .developer-links button > span:last-child { margin-left: auto; color: var(--muted); }
      .resource-symbol { color: var(--accent); font-size: 24px; min-width: 28px; text-align: center; }
      @media(max-width:760px) {
        .developer-links { grid-template-columns: 1fr; padding-top: 12px; padding-bottom: 12px; }
        .developer-links button { padding: 22px 10px; }
        .developer-links button + button { border-left: 0; border-top: 1px solid var(--line); }
      }

      .search-controls { align-items: flex-end; gap: 12px; }
      .search-controls .search-field { min-height: 46px; }
      .search-controls #marketLabel { display: flex; flex-direction: column; align-items: stretch; gap: 6px; border: 0; background: transparent; min-width: 170px; }
      .field-label, .refinement-bar label { font-size: 12px; color: var(--muted); font-weight: 500; }
      .search-controls select, .refinement-bar select, #preferenceForm select {
        appearance: none; border: 1px solid #d9e1eb; border-radius: 8px; background-color: white; color: var(--ink);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23657287' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat; background-position: right 12px center; min-height: 44px; padding: 10px 36px 10px 12px; font-size: 13px; width: 100%; max-width: none; cursor: pointer;
      }
      select:hover { border-color: #a4b7d1; }
      select:disabled { opacity: .55; cursor: default; }
      .refinement-bar { padding: 18px 0 0; border-bottom: 0; gap: 12px; }
      .refinement-bar label { gap: 7px; }
      .filter-help { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 10px 0 16px; border-bottom: 1px solid var(--line); }
      .filter-help > span { color: var(--muted); font-size: 11px; max-width: 62ch; }
      .filter-help button { white-space: nowrap; font-size: 12px; }
      .search-controls .button { min-height: 46px; }
      .job .meta { color: #536780; font-size: 13px; }
      .job-title { line-height: 1.4; }
      @media(max-width:760px) {
        .search-controls { display: grid; grid-template-columns: minmax(0,1fr) auto; }
        .search-controls .search-field { grid-column: 1 / -1; }
        .search-controls #marketLabel { min-width: 0; width: 100%; }
        .refinement-bar { grid-template-columns: repeat(2,minmax(0,1fr)); }
        .refinement-bar label:last-child { grid-column: 1 / -1; }
        .search-controls input, .search-controls select, .refinement-bar select, #preferenceForm select { font-size: 16px; }
        .filter-help { align-items: flex-start; }
      }

      .workspace .workgrid { display: block; max-width: 980px; margin: 0 auto; }
      .results-pane { min-width: 0; }
      .search-controls { display: flex; align-items: center; gap: 8px; }
      .search-controls .search-field { min-height: 40px; }
      .search-controls #marketLabel { min-width: 145px; width: auto; gap: 0; }
      #locationLabel { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
      .search-controls select, .refinement-bar select { min-height: 36px; height: 36px; font-size: 13px; padding: 6px 30px 6px 10px; border-radius: 6px; background-position: right 8px center; }
      .search-controls .button { min-height: 40px; padding: 8px 15px; }
      .refinement-bar { display: flex; gap: 18px; padding: 12px 0 0; flex-wrap: wrap; }
      .refinement-bar label { display: flex; flex-direction: row; align-items: center; gap: 8px; font-size: 12px; }
      .refinement-bar select { width: auto; max-width: 185px; background-color: transparent; border-color: transparent; }
      .refinement-bar select:hover { background-color: white; border-color: var(--line); }
      .filter-help { min-height: 30px; padding: 0 0 8px; }
      .filter-help > span:empty { display: none; }
      .filter-help button { margin-left: auto; padding: 3px 0; font-size: 11px; }
      .resulthead { align-items: center; }
      @media(max-width:760px) {
        .search-controls { display: grid; grid-template-columns: minmax(0,1fr) auto; }
        .search-controls .search-field { grid-column: 1 / -1; }
        .search-controls #marketLabel { min-width: 0; width: auto; justify-self: start; }
        .search-controls select { max-width: 190px; }
        .refinement-bar { gap: 4px 14px; }
        .refinement-bar label { gap: 4px; font-size: 11px; }
        .refinement-bar select { font-size: 12px; padding-left: 5px; max-width: 165px; }
        .search-controls input { font-size: 16px; }
        .workspace .workgrid { padding: 0; }
        .resulthead h2 { font-size: 30px; }
      }