/* Shared silver, glass, and soft-light finish. */
:root{--ink:#222834;--muted:#6c7382;--accent:#626b80;--accent-dark:#353e51;--accent-soft:#f0f1f6;--accent-light:#c9cfe0;--line:#e0e3eb;--bg:#fafbfe;--enter-shift:26px}
html{scroll-behavior:smooth;scroll-padding-top:120px}body{background:#fafbfe;color:var(--ink)}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 85% 15%,#d7d1f42c,transparent 50%),radial-gradient(ellipse at 10% 70%,#cfcdec29,transparent 45%)}h1,h2,h3{color:#232a38;letter-spacing:-.045em}p{color:#67717f}.label{color:#757c91;letter-spacing:.16em}.band.alt,.alt{background:linear-gradient(125deg,#f5f6fa,#f9f9fc)!important;border-color:#e7e9ef!important}.breadcrumb{color:#858b98;padding-top:35px}.breadcrumb a{color:#5b6478}.section-heading h1 em,.head h1 em,.section-heading h2 em,h2 em{color:#68768d}::selection{background:#dfe0f5;color:#1f293b}
/* A floating page dock, centered independently of the brand. */
header.top{top:12px;background:transparent!important;backdrop-filter:none;border:0!important;padding:0 24px;z-index:50;margin-bottom:12px}.top .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1440px;gap:16px;padding:8px 0!important}.top .brand{font-size:16px;gap:8px;justify-self:start;white-space:nowrap}.top .brand b,.top .brand .mark{color:#697386}.top .mark{width:30px;height:30px}.top #site-nav{grid-column:2;display:flex;gap:3px;padding:6px;border:1px solid #fff;background:linear-gradient(155deg,#fffffff2,#eef0f4dc);box-shadow:0 1px 2px #343c4b18,0 9px 28px #323c5012,inset 0 -1px 1px #aeb6c126;backdrop-filter:blur(22px) saturate(1.3);border-radius:100px;position:relative;isolation:isolate;transition:box-shadow .3s}.top #site-nav a{font-size:12px;padding:12px 18px;border-radius:40px;color:#69717f;white-space:nowrap;font-weight:600;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.top #site-nav a:hover{color:#273347;background:#ffffffa8;transform:translateY(-1px)}.top #site-nav a[aria-current=page]{color:#28354b;background:linear-gradient(180deg,#fff 0%,#f4f5f8 45%,#e3e7ed 100%);box-shadow:inset 0 1px #fff,0 2px 5px #52607426;text-decoration:none}.top #site-nav a.btn.primary{background:linear-gradient(160deg,#4a5264,#202836)!important;color:#fff!important;border:1px solid #535b6d;padding:11px 19px;box-shadow:inset 0 1px #ffffff35}.top #site-nav a.btn.primary[aria-current=page]{box-shadow:0 0 0 2px #c3c8d8,inset 0 1px #ffffff35}.is-scrolled .top #site-nav{box-shadow:0 1px 2px #343c4b18,0 12px 35px #323c5024,inset 0 -1px 1px #aeb6c126}.top #site-nav:after{content:'';position:absolute;bottom:-5px;height:2px;left:24px;right:24px;transform:scaleX(var(--reading-progress,0));transform-origin:left;background:linear-gradient(90deg,#b8b5df,#b4a9d6,#d6b8cd);border-radius:5px;transition:transform .12s linear}
.btn.primary,.orb-button{background:linear-gradient(160deg,#4a5365,#232c3b)!important;border:1px solid #515b6e!important;color:#fff!important;border-radius:12px;box-shadow:inset 0 1px #ffffff35,0 7px 15px #3f485417!important;transition:transform .2s,box-shadow .2s!important}.btn.primary:hover,.orb-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff35,0 10px 22px #3f48542b!important}.btn{border-radius:12px}.orb-secondary{color:#59667e}.orb-hero{background:transparent}.orb-hero .orb-wordmark h1{color:#202a3b}.orb-intro h2{color:#293344}.orb-footer{border-color:#e4e6ee}.page-directory,#products{background:transparent}.page-cta{background:linear-gradient(110deg,#f0f4f7,#f1eff8,#faf4f7)}
/* Reflective surfaces remain light enough for easy reading. */
.vendor-card,.ai-tool-card,.page-card,.card,.alt .card,.offer dl div,.offer dl div:nth-child(n+7),.faq details,.integration-map,.mcp-examples article{background:linear-gradient(150deg,#fff 5%,#f9fafc 75%,#f0f2f7)!important;border:1px solid #dfe3eb!important;border-radius:18px;box-shadow:inset 0 1px #fff,0 8px 30px #59667c08;transition:transform .3s,box-shadow .3s,border-color .3s}.vendor-card:hover,.ai-tool-card:hover,.page-card:hover,.card:hover{border-color:#c3c7d9!important;transform:translateY(-4px);box-shadow:0 16px 35px #535f7712}.vendor-card h3,.page-card h3,.ai-tool-card h3,.uc h3,.offer dt{color:#303a4d}.vendor-card p,.page-card p,.ai-tool-card p,.uc p,.offer dd{color:#6a7483}.vendor-actions{border-color:#e1e5ed}.vendor-actions a,.ai-tool-card a,.ai-tool-card strong,.setup-copy strong,.page-arrow,.uc .save,.uc:after{color:#667494}.catalog-badge{background:linear-gradient(120deg,#f0f3f7,#f3eff9);color:#73738c;border-color:#e2e2ed;border-radius:7px}.catalog-callout,.industry-note{background:linear-gradient(120deg,#f0f5f7,#f4f1f9);border-color:#dce2eb;border-radius:14px}.catalog-callout strong,.industry-note strong{color:#4c5d75}.catalog-callout a{color:#687b95}.product-filters button,.tab,.integration-options button,#lab .scenario-tabs button{background:linear-gradient(160deg,#fff,#f1f3f7);border:1px solid #dde2eb;color:#647187;box-shadow:inset 0 1px #fff;border-radius:12px}.product-filters button[aria-pressed=true],.tab[aria-selected=true]{background:linear-gradient(150deg,#647087,#38465c);color:#fff;border-color:#626f84;box-shadow:inset 0 1px #ffffff40,0 4px 12px #45516a20}.integration-options button[aria-pressed=true],#lab .scenario-tabs button[aria-pressed=true]{background:linear-gradient(135deg,#e8eef5,#f1edf7);border-color:#b7c3d5;box-shadow:inset 0 2px #b3bdd1}.integration-options button b,.integration-symbol,#lab .task-icon{color:#74829b}#lab .scenario-tabs strong{color:#354157}
.devs-feature{background:linear-gradient(135deg,#f4f6f9,#f1eef9);border-color:#d8deea;border-radius:22px;box-shadow:0 12px 45px #5867800b}.devs-wordmark,.devs-wordmark span{color:#53647f}.devs-feature .agent-board{background:linear-gradient(150deg,#e9edf3,#f8f9fc);color:#38455b;border-left:1px solid #dce2ea}.agent-board>.label,.agent-board article>span{color:#7b8297}.agent-board article{border-color:#d8e0e9}.agent-board h4{color:#3b475c}.agent-board article p{color:#69788b}.agent-route{color:#586b85;border-color:#d1d9e6;background:#ffffff80}.devs-feature .agent-board .product-fine{color:#758295!important}#products .agent-board .vendor-link{color:#667d9a}.model-pills span{color:#67798b;border-color:#d9dfea;background:#ffffffba}
.value-layout{border-color:#dbe1eb;border-radius:22px;box-shadow:0 14px 40px #59677d0b}.problem-card{background:#fff}.solution-card{background:linear-gradient(155deg,#ecf0f6,#f7f6fb);color:#485b71}.solution-card h3{color:#293a50}.solution-card>p,.solution-card .control-note{color:#697d92}.solution-card .label,.payoff>span,.example-content strong{color:#74829d}.payoff{background:linear-gradient(150deg,#fff,#eef2f7);border-color:#d7e0eb;border-radius:13px}.payoff p{color:#344a60}#need-example{border-color:#d0dbe8}#need-example summary{color:#526b84}#need-input{background:#e5ebf3;color:#4e6379;border-color:#aebdd2}#need-output{background:#fff;color:#53677b;border:1px solid #dde4ed}.fit-note strong,.cost-note>span{color:#718099}
.integration-map,.calc{border-radius:20px}.map-path>div:not(.map-hub){background:#f0f3f8;border-color:#dae2ec}.map-hub,.map-connector{color:#7585a0}.tech-chips span{background:#f0f2f8;color:#71829b;border-color:#d9e0ee}.calc-in{background:#fff}.calc-out{background:linear-gradient(145deg,#e5eaf2,#f4f5fa)}.calc-out .big,.calc-out .mid{color:#4d607d}.calc-out .lbl,.calc-out p.fine{color:#77859a}.calc-out .row2{border-color:#ced7e5}.field output{color:#6b7d99}.field input[type=range]{accent-color:#7585a1}.cities span.home{background:linear-gradient(135deg,#6e7b92,#46556d);color:white}.step .n{color:#8190a8}.quote-band{background:linear-gradient(125deg,#f1f3f8,#f9f8fc)}.quote-band blockquote{border-left-color:#a2acc2}.quote-band blockquote q{color:#404e63}.quote-band blockquote a{color:#71809c}
.contact{background:linear-gradient(130deg,#f4f6fa,#ecf0f6 60%,#f5f1fa);border:1px solid #dce2ee;border-radius:24px;box-shadow:inset 0 1px #fff,0 20px 60px #52627c0c}.contact h1,.contact h2{color:#2d3a50}.contact h1 em,.contact h2 em{color:#7c8aa1}.contact .label{color:#8a8fa3}.contact p,.contact-detail{color:#7a899c}.contact-detail a{color:#637d9b}.contact form label{color:#5b6c84}.contact input,.contact textarea{color-scheme:light;background:#ffffffc9;color:#33445b;border-color:#d2dce9;border-radius:10px;box-shadow:inset 0 1px 3px #52617b06}.contact input::placeholder,.contact textarea::placeholder{color:#9ba5b3}.intent-options button{color:#8490a3;border-color:#d2dce9;background:#ffffff80}.intent-options .selected{background:linear-gradient(150deg,#fff,#dce4ef);border-color:#bfcbdc;color:#4a607a;box-shadow:0 2px 6px #8090a21a}.contact .form-note{color:#8090a3}.contact .copy{background:#e0e7f1;color:#4d627f}.faq summary{color:#51627a}.faq summary:after{color:#8794ac}.mcp-service{background:linear-gradient(125deg,#f3f6f9,#f5f1fa)}.mcp-lead h2 em{color:#7d8aa5}.mcp-diagram{border-color:#e0e4ef;background:linear-gradient(155deg,#fff,#edf1f7);border-radius:24px}.mcp-hub{background:linear-gradient(160deg,#8390a6,#4f607c);box-shadow:inset 0 1px #ffffff77,0 15px 25px #6e7c9925}.mcp-endpoints span{background:#f0f3fa;color:#73839e;border-color:#d9e0ed}.mcp-source{color:#7e8da5}
/* Reversible scroll reveals and cross-page transitions. */
.scroll-reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1),filter .75s ease}.scroll-reveal:not(.is-in-view){opacity:0;transform:translateY(var(--enter-shift)) scale(.985);filter:blur(3px)}.scroll-reveal:focus-within{opacity:1!important;transform:none!important;filter:none!important}.scroll-reveal.is-in-view{opacity:1;filter:none}.scroll-cue{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;flex-direction:column;gap:3px;padding:5px;border-radius:24px;border:1px solid #fff;background:#eef1f6bc;backdrop-filter:blur(16px);box-shadow:0 6px 20px #4e5e7319}.scroll-cue button{height:32px;width:32px;border:0;border-radius:50%;background:#ffffffb5;color:#7a879c;cursor:pointer;font-size:17px}.scroll-cue button:hover{background:white;color:#354962}.scroll-cue button:disabled{opacity:.3;cursor:default}@view-transition{navigation:auto}::view-transition-old(root){animation:chrome-out .18s ease both}::view-transition-new(root){animation:chrome-in .4s ease both}@keyframes chrome-out{to{opacity:0;transform:translateY(-6px)}}@keyframes chrome-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1150px) and (min-width:1001px){.top #site-nav a{padding:12px 12px;font-size:11px}.top .brand{font-size:14px}.top .mark{width:26px}.top .wrap{grid-template-columns:1fr auto 1fr;gap:10px}}
@media(max-width:1000px){header.top{top:8px;padding:0 16px}.top .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(145deg,#fffffff2,#edf0f6eb);border:1px solid #fff;border-radius:24px;box-shadow:0 7px 22px #59677d15;backdrop-filter:blur(18px);padding:10px 14px!important;gap:10px}.top .menu-toggle{border:1px solid #dce1ea;border-radius:18px;background:linear-gradient(145deg,#fff,#e7ebf2);padding:9px 15px;color:#65738b}.top #site-nav{display:none!important;flex-basis:100%;border-radius:17px;box-shadow:none;padding:6px;background:#ffffff8a;backdrop-filter:none;gap:3px}.top #site-nav.is-open{display:grid!important;grid-template-columns:repeat(3,1fr)}.top #site-nav a{text-align:center;padding:12px 8px!important;font-size:11px;white-space:normal;border-radius:12px}.top #site-nav a.btn{margin:0}.top #site-nav:after{display:none}.scroll-cue{right:10px;bottom:12px}.scroll-cue button{height:28px;width:28px;font-size:15px}}
@media(max-width:600px){.breadcrumb{padding-top:24px}.devs-feature .agent-board{border-left:0;border-top:1px solid #dce2ea}.contact{border-radius:18px}.top .brand{font-size:16px}.top .mark{width:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-reveal,.scroll-reveal:not(.is-in-view){opacity:1;transform:none;filter:none;transition:none}::view-transition-old(root),::view-transition-new(root){animation:none}.top #site-nav:after{transition:none}.vendor-card:hover,.ai-tool-card:hover,.page-card:hover,.card:hover{transform:none}}
.motion-allowed{scroll-behavior:smooth}.motion-allowed .scroll-reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1),filter .75s ease}.motion-allowed .scroll-reveal:not(.is-in-view){opacity:0;transform:translateY(var(--enter-shift)) scale(.985);filter:blur(3px)}.motion-allowed .scroll-reveal.is-in-view{opacity:1;transform:none;filter:none}.scroll-cue .motion-choice{font-size:20px;border-top:1px solid #e2e6ee}.scroll-cue .motion-choice[aria-pressed=true]{color:#535f88;background:#e3e8f4}

/* Directional, staggered scroll reveals. Native scrolling remains in control. */
@media(prefers-reduced-motion:no-preference){
.motion-allowed .scroll-reveal{transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1),filter .85s ease;transition-delay:var(--reveal-delay,0ms);transform-origin:center center}
.motion-allowed .scroll-reveal:not(.is-in-view){opacity:0;transform:perspective(1400px) translateY(var(--enter-shift,64px)) scale(.955) rotateX(3deg);filter:blur(5px)}
.motion-allowed .scroll-reveal.is-in-view{opacity:1;transform:none;filter:none}
.motion-allowed .scroll-reveal:focus-within{opacity:1!important;transform:none!important;filter:none!important;transition-delay:0ms}
}
@media(max-width:640px) and (prefers-reduced-motion:no-preference){.motion-allowed .scroll-reveal:not(.is-in-view){transform:translateY(var(--enter-shift,64px)) scale(.975);filter:blur(3px)}}