/* Shared colour and motion layer: content stays visible without JavaScript. */
:root{--motion-fast:180ms;--motion-normal:280ms;--motion-ease:cubic-bezier(.2,.7,.2,1);--accent-teal:#0a2a74;--accent-gold:#0fa8a6;--surface-mint:#e6f6f5;--surface-blue:#eff5fb;--surface-sand:#eef3fa}
body{background:#fdfefe}.utility{background:#101e3e}.mast .search:focus-within{box-shadow:0 0 0 4px #0a2a7418;border-color:#0a2a74}.nav>a{position:relative}.nav>a.current:not(.nav-quote){color:#0a2666;background:#e6f6f5;border-radius:6px}
.collection-section{background:linear-gradient(120deg,#e6f6f5,#eef5fb);border-block:1px solid #dce9e5}.sourcing-story{background:linear-gradient(120deg,#eef3fa,#f1f4f9);border:1px solid #caf2f0;border-radius:20px;padding:38px;margin-block:35px}.programme-feature{border-top:3px solid #63d8d4}.section-head h2{position:relative;padding-top:16px}.section-head h2:before{content:'';position:absolute;top:0;left:0;width:42px;height:3px;background:linear-gradient(90deg,#0a2a74,#3fcfca);border-radius:3px}
.agent-tile{background:linear-gradient(140deg,#e6f6f5,#e9f2f7);border:1px solid #c9e0d5}.rfq-tile{background:linear-gradient(140deg,#e6f6f5,#f1f4f9)}.journey-strip>a{border-radius:10px;padding:12px;transition:background var(--motion-fast),transform var(--motion-fast)}.journey-strip>a:nth-child(1){background:#e6f6f5}.journey-strip>a:nth-child(2){background:#eff5fb}.journey-strip>a:nth-child(3){background:#eef3fa}.journey-strip>a:nth-child(4){background:#f4eff8}
.discovery-rail>a[href*='category/'] svg{background:var(--category-wash,#e6f6f5);color:var(--category-ink,#0a2666);padding:6px;border-radius:9px;width:36px;height:38px;flex-shrink:0}.product{border-top:3px solid var(--category-accent,#b0d5ca);overflow:hidden}.product-body>small{color:var(--category-ink,#1c356f);font-weight:600}.product-photo{transition:transform var(--motion-normal) var(--motion-ease),filter var(--motion-normal)}.product>a:first-of-type{display:block;overflow:hidden}.supplier-showcase{border-top:3px solid #80b7a6}.supplier-showcase .avatar{background:#e5f3ee;color:#0c255f}.collection{isolation:isolate;overflow:hidden}.collection-photo,.programme-card img,.article-cover{transition:transform 350ms var(--motion-ease)}.article{border-bottom:3px solid #79deda}.programme-card{border-bottom:3px solid #9cc8bc}
:is(.page-title,.workspace-heading){border-left:4px solid #7eb5a5;padding-left:24px;margin-block:24px}.supplier-cover{background:linear-gradient(125deg,#101e40,#1c356f)}.work-card{border-left:3px solid #a5cbbb;background:linear-gradient(120deg,#fff,#f7fafb)}.workspace-stats>div{background:#e6f6f5}.workspace-stats>div:nth-child(2){background:#eff5fb}.workspace-stats>div:nth-child(3){background:#eef3fa}.empty{background:linear-gradient(120deg,#f1f6f8,#f0f5fb);border:1px dashed #afc2cb;border-radius:14px}.wizard-steps .current{background:#e6f6f5;border-radius:10px}.wizard-steps .current b{background:#172f68;color:white}.form-card{border-top:3px solid #9cbfb0}.field input:focus,.field textarea:focus{outline:2px solid #0a2a74;outline-offset:3px}.field .field-error{color:#9b302b;font-size:13px;line-height:1.5;margin-top:6px}.field [aria-invalid=true]{border-color:#a13932}.rfq-progress{height:4px;background:#e5ebee;border-radius:4px;overflow:hidden;margin-bottom:20px}.rfq-progress span{display:block;height:100%;background:linear-gradient(90deg,#0a2a74,#31c4bf);transition:width var(--motion-normal)}
button,.button,.text-link,.header-action,.chip,.social-icons a{transition:background-color var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}button:active,.button:active{transform:translateY(1px)}[data-save][aria-pressed=true]{background:#e6f6f5;color:#122b66}[data-compare][aria-pressed=true]{background:#0c255f!important;color:#fff!important;border-color:#0c255f!important}.chip.active{box-shadow:0 3px 10px #0c255f1c}.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2cafab;outline-offset:4px}.ai-prompts button:hover,.context-ai:hover{background:#e5f3ed}.ai-launcher{background:linear-gradient(110deg,#112042,#1c3570)}
.hero-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff30;z-index:3;pointer-events:none}.hero-progress span{display:block;height:100%;width:100%;background:#81dfdc;transform-origin:left;transform:scaleX(0)}.motion-enter{animation:tl-enter 280ms var(--motion-ease) both}.reveal-ready{opacity:0;transform:translateY(14px)}.reveal-ready.is-visible{opacity:1;transform:none;transition:opacity 400ms var(--motion-ease),transform 400ms var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}.reveal-ready:focus-within{opacity:1;transform:none}
dialog[open]{animation:tl-enter 240ms var(--motion-ease)}dialog[open]::backdrop{animation:tl-fade 180ms ease}.category-menu[open] .category-panel,.nav.is-open{animation:tl-enter 180ms ease}.ai-reply,.ai-user{animation:tl-enter 220ms ease}#toast.visible,#undoNotice:not([hidden]){animation:tl-enter 180ms ease}#wizardStatus:not(:empty){background:#e6f6f5;border-left:3px solid #21836a;padding:12px;color:#14264f}.image-unavailable{background:#edf0f1}
@keyframes tl-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes tl-fade{from{opacity:0}to{opacity:1}}
@media(hover:hover) and (pointer:fine){.journey-strip>a:hover{transform:translateY(-3px);box-shadow:0 7px 18px #14305f10}.product:hover .product-photo{transform:scale(1.035)}.collection:hover .collection-photo,.programme-card:hover img,.article:hover .article-cover{transform:scale(1.035)}.button:hover{box-shadow:0 6px 15px #14305f1b}.social-icons a:hover{transform:translateY(-2px)}}
@media(max-width:800px){.sourcing-story{padding:24px;border-radius:14px}.journey-strip>a{padding:10px}.page-title,.workspace-heading{padding-left:16px}.reveal-ready{transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1!important;transform:none!important}.hero-progress{display:none}}

.nav>a.nav-mobile-only{display:none}
#query:placeholder-shown~#clearQuery{visibility:hidden}
@media(max-width:700px){.mast>.header-action{display:none}.mast{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.mast>.search{grid-row:2}.nav>a.nav-mobile-only{display:flex}.ai-launcher{display:none}}