/* Public marketplace follows the same quiet workspace design language. */
:root{color:#253f50;background:#f5f7f8}body{background:#f5f7f8}header{height:84px;max-width:none;padding:0 max(5%,calc((100vw - 1280px)/2));gap:48px;border-bottom:1px solid #e0e7eb}.brand-mark{font-size:39px}.brand-name{font-size:14px;padding-left:14px}.brand-name>span{font-size:9px}header nav{margin-left:auto;gap:28px}header nav a{font-size:14px}header nav a:last-child{height:auto;min-height:40px;display:flex;align-items:center;border:1px solid #d7e2e8;border-radius:9px;padding:9px 15px}.edition{display:none}main{max-width:1400px;background:transparent}.hero{background:#fff;color:#243e50;border-bottom:1px solid #e0e7eb;padding:48px 6% 34px}.hero-top .eyebrow{color:#6a8046;font-size:11px;letter-spacing:1.5px}.hero-top .eyebrow>span,.hero-index,.hero-bottom{display:none}.hero-copy{align-items:center;gap:50px;padding-top:22px}.hero h1{font-size:clamp(34px,4vw,52px);letter-spacing:-1.9px;line-height:1.15}.hero h1>span{color:#648344}.hero-copy p{color:#68808d;font-size:16px;max-width:360px;line-height:1.8;margin:0}.hero form{max-width:none;box-shadow:0 3px 15px #243e5005;border:1px solid #d4dfe5;border-radius:13px;padding:8px;margin-top:30px}.search-icon{display:flex;align-items:center;margin:0 16px 0 10px}.search-icon svg{width:21px;height:21px;fill:none;stroke:#68818e;stroke-width:1.6;stroke-linecap:round}.hero input{font-size:16px}.hero form button{background:#c8eb8c;border-radius:8px;padding:13px 20px;font-size:14px}.hero form button span{margin-left:15px}.suggestions{margin:16px 0 0;gap:10px;color:#71838e;font-size:13px}.suggestions button{font-size:13px;color:#5c7482;border-color:#dce4e8;background:#fff;border-radius:8px;padding:7px 12px}.suggestions button:hover{background:#f2f7eb}.catalog{padding:36px 6% 44px}.section-heading>.eyebrow{display:none}.title-row{margin-top:0}.title-row h2{font-size:26px}.demo-label{font-size:12px}.toolbar{margin:23px 0}.filters{gap:7px}.filters button{border-radius:8px;background:#fff;border:1px solid #dce5e9;font-size:14px;padding:10px 14px}.filters button.selected{background:#edf4e3;border-color:#d1e0bd;color:#38532b}.cards{gap:20px}.card{border-radius:13px;padding:24px;border-color:#dfe6eb;transition:border-color .15s}.card:hover{transform:none;box-shadow:none;border-color:#a5bd83}.card h3{font-size:19px;font-weight:650}.card p{font-size:15px;line-height:1.75;color:#637b89;min-height:76px}.card .provider{font-size:13px}.card .phase{font-size:12px;border-radius:6px}.card .tags span{font-size:12px;border:0;background:#f4f6f7;padding:5px 8px;border-radius:6px}.card-top{margin-bottom:20px}.tool-icon{width:44px;height:44px;border-radius:12px}.tool-icon svg{width:23px;height:23px}.card-bottom{padding-top:17px;margin-top:22px}.card button{font-size:14px}.card button span{margin-left:6px}.how{grid-template-columns:1.1fr 1fr 1fr 1fr;padding:32px 0 42px;gap:28px}.how>.step{padding-left:20px;border-left:1px solid #dde6e9}.how .eyebrow{font-size:10px;letter-spacing:1.3px}.how h2{font-size:24px}.step h3{font-size:16px}.step p{font-size:14px;color:#627b89}.step>span{font-size:13px}footer{background:transparent;max-width:1400px;padding:25px 6%;font-size:12px}.footer-brand{font-size:26px}dialog{border-radius:16px;padding:28px;border-color:#dce4e8}dialog .button{display:inline-flex;align-items:center;padding:11px 16px;margin:8px 0;border-radius:9px;background:#c8eb8c;font-size:14px;color:#29432d}.dialog-done,#reset{border-radius:8px}.home-skip{position:fixed;left:20px;top:-60px;background:#fff;padding:12px;z-index:20}.home-skip:focus{top:12px}
@media(max-width:1050px){header{gap:25px}header nav{gap:20px}.hero-copy{display:block}.hero-copy p{max-width:620px;margin:18px 0 0}.hero{padding-top:36px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.how{grid-template-columns:1fr 1fr}.card p{min-height:76px}}
@media(max-width:650px){header{height:auto;min-height:120px;padding:20px 6% 8px;gap:12px;flex-wrap:wrap}.brand-name{font-size:14px}header nav{width:100%;margin:0;gap:5px 18px;padding:0;justify-content:flex-start}header nav a{font-size:13px;min-height:38px;height:38px}header nav a:last-child{padding:6px 10px;min-height:34px}.hero{padding:30px 6%}.hero h1{font-size:36px;letter-spacing:-1.2px}.hero-copy{padding-top:19px}.hero-copy p{font-size:15px;line-height:1.7}.hero form{margin-top:24px;border-radius:12px}.hero input{width:calc(100% - 58px);font-size:16px}.hero form button{width:100%;margin-top:8px}.suggestions{gap:8px}.suggestions>span{width:100%}.suggestions button{font-size:12px;padding:7px 9px}.catalog{padding-top:28px}.title-row{gap:9px}.title-row h2{font-size:24px}.toolbar{gap:12px;margin:20px 0}.filters{gap:7px}.filters button{padding:8px 10px;font-size:13px}.cards{grid-template-columns:1fr;gap:16px}.card{padding:23px}.card p{min-height:0}.how{grid-template-columns:1fr;gap:23px;padding-top:28px}.how>.step{padding-left:17px}.how h2{font-size:23px}footer{gap:12px}footer>span{margin:0}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}
@media(max-width:650px){header{position:relative;min-height:112px;gap:10px}.brand-name{display:none}header nav{padding-top:1px;gap:18px}header nav a:last-child{position:absolute;right:6%;top:24px}header nav a{font-size:13px}}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 88% 8%,#eaf3dc 0,rgba(234,243,220,0) 34%),linear-gradient(115deg,#f9fbf8 0%,#fff 54%,#f7faf4 100%);padding-top:54px;padding-bottom:40px}
.hero-copy{gap:64px;padding-top:26px}
.hero h1{font-size:clamp(40px,5vw,64px);line-height:1.08;letter-spacing:-2.5px}
.hero-copy p{max-width:390px;font-size:17px;line-height:1.75}
.marketplace-search{display:block}
.hero form{width:100%;max-width:none;margin-top:34px;min-height:72px;padding:9px;border-color:#cedbdc;box-shadow:0 12px 32px #19374b0d}
.hero form:focus-within{outline:3px solid #b8d98b;outline-offset:3px}
.hero form button{min-height:50px;font-weight:700;transition:background .15s,transform .15s}
.hero form button:hover{background:#b9e477;transform:translateY(-1px)}
.suggestions{margin-top:20px}
.suggestions>span{font-weight:650;color:#476171}
.suggestions button{transition:background .15s,border-color .15s,transform .15s}
.suggestions button:hover{border-color:#b7cd9c;transform:translateY(-1px)}
.catalog{padding-top:44px}
.title-row h2{font-size:29px;letter-spacing:-.8px}
.demo-label{background:#edf2e8;border:1px solid #dce8d1;border-radius:999px;padding:7px 11px;color:#5c7047}
.filters button{transition:background .15s,border-color .15s,color .15s}
.filters button:hover{border-color:#afc692;color:#36502c}
.card{box-shadow:0 3px 12px #19374b05;transition:transform .18s,box-shadow .18s,border-color .18s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #19374b12;border-color:#b4c99a}
.card:focus-within{border-color:#8aaa63;box-shadow:0 0 0 3px #8aaa6330}
.how{position:relative;background:linear-gradient(120deg,#edf3e7,#f3f6f2 58%,#edf2f3);border:1px solid #e2e9df;border-radius:16px;padding:34px 28px 38px;margin-bottom:28px}
.how>.step{padding:14px 0 0 20px;border-left:1px solid #cfdbca}
.how .step>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#5e7d3d;font-weight:700}
.how h2{font-size:26px}
@media(max-width:1050px){.hero{padding-top:40px}.hero-copy{gap:28px}.hero h1{font-size:clamp(40px,5vw,56px)}.how{padding:28px 22px 32px}}
@media(max-width:650px){.hero{padding:31px 6% 30px}.hero h1{font-size:39px;letter-spacing:-1.5px}.hero-copy{padding-top:18px}.hero-copy p{font-size:15px}.hero form{margin-top:23px;min-height:0}.catalog{padding-top:30px}.title-row h2{font-size:25px}.demo-label{padding:6px 9px}.how{padding:25px 20px 29px;margin-bottom:20px}.how>.step{padding:3px 0 0 17px}.how h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.hero form button,.suggestions button,.filters button,.card{transition:none}.hero form button:hover,.suggestions button:hover,.card:hover{transform:none}}
.hero-intro{width:min(100%,520px)}
.hero-intro>p{max-width:470px;margin:0 0 18px}
.agentic-panel{border:1px solid #dfe8df;border-radius:14px;background:#ffffffc9;padding:18px 19px 15px;box-shadow:0 8px 22px #1b39450a}
.agentic-kicker{color:#668047;font-size:10px;font-weight:700;letter-spacing:1.25px}
.agentic-heading h2{margin:6px 0 0;color:#294452;font:700 16px/1.35 'DM Sans',sans-serif;letter-spacing:-.15px}
.agentic-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;list-style:none;margin:18px 0 0;padding:0}
.agentic-flow::before{content:"";position:absolute;top:5px;left:12.5%;right:12.5%;height:2px;background:#dfe8dc}
.agentic-flow::after{content:"";position:absolute;top:0;left:12.5%;width:12px;height:12px;border-radius:50%;background:#9bc85e;box-shadow:0 0 0 4px #9bc85e35;transform:translateX(-50%);animation:agentic-travel 6.4s ease-in-out infinite}
.agentic-flow li{position:relative;padding-top:20px;color:#637987;font-size:12px;font-weight:600;line-height:1.3}
.agentic-flow li::before{content:"";position:absolute;left:50%;top:1px;width:8px;height:8px;border:2px solid #cbd8c9;border-radius:50%;background:#fff;transform:translateX(-50%)}
.agentic-flow li:first-child::before{border-color:#8fb45d;background:#eff7e6}
.agentic-flow li:last-child{text-align:right}
.agentic-flow li:not(:first-child):not(:last-child){text-align:center}
.agentic-note{margin:14px 0 0!important;color:#71838c!important;font-size:12px!important;line-height:1.5!important}
.agentic-flow li button{position:relative;z-index:1;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.agentic-flow li button:hover{color:#35522d;text-decoration:underline;text-underline-offset:3px}
.agentic-flow li button[aria-pressed="true"]{color:#35522d;font-weight:750}
.agentic-flow li button:focus-visible{outline:2px solid #739d48;outline-offset:3px;border-radius:3px}
.agentic-detail{min-height:38px;margin:12px 0 0!important;color:#3f5863!important;font-size:13px!important;line-height:1.5!important}
.agentic-flow[data-selected="plan"]::after{left:12.5%;animation:none}
.agentic-flow[data-selected="tools"]::after{left:37.5%;animation:none}
.agentic-flow[data-selected="check"]::after{left:62.5%;animation:none}
.agentic-flow[data-selected="review"]::after{left:87.5%;animation:none}
@keyframes agentic-travel{0%,8%{left:12.5%}30%,38%{left:37.5%}60%,68%{left:62.5%}90%,100%{left:87.5%}}
@media(max-width:1050px){.hero-intro{width:100%;max-width:620px}.hero-intro>p{margin:18px 0}.agentic-panel{max-width:560px}}
@media(max-width:650px){.hero-intro>p{margin:16px 0}.agentic-panel{padding:16px 14px 13px}.agentic-flow{gap:1px}.agentic-flow li{font-size:11px}.agentic-flow li:last-child{max-width:62px;justify-self:end}.agentic-detail{min-height:36px;font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.agentic-flow::after{animation:none;left:12.5%}}
