@font-face { font-family: "pyrotool Home"; src: url("/assets/3a6cd0e00f7b3b06/fonts/pyrotool-home-sans.woff2") format("woff2"); font-style: normal; font-weight: 400 600; font-display: swap; }
:root { color-scheme: light; --ink:#1d2b3e; --secondary:#53647a; --muted:#6a7d96; --blue:#2d63e8; --line:#dfe7f1; font-family:"pyrotool Home",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; color:var(--ink); background:#fff; font-synthesis:none; -webkit-font-smoothing:antialiased; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:96px; }
body { margin:0; line-height:1.6; }
h1,h2,h3,p { margin:0; }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
button { cursor:pointer; }
a,button,summary { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
:is(a,button,input,select,summary,[tabindex]):focus-visible { outline:2px solid #6795eb; outline-offset:4px; }
[hidden] { display:none !important; }
::selection { color:#fff; background:var(--blue); }
.container { width:min(1344px,calc(100% - 80px)); margin-inline:auto; }
.icon-library { position:absolute; width:0; height:0; overflow:hidden; }
.icon { width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:-80px; left:16px; z-index:100; padding:12px 20px; color:#fff; background:var(--blue); border-radius:8px; }
.skip-link:focus { top:12px; }
.brand { display:inline-flex; align-items:center; gap:10px; font:600 25px/1 "Segoe UI",sans-serif; letter-spacing:-.6px; }
.brand img { flex-shrink:0; }
.brand-dot { color:var(--blue); }
.site-header { position:sticky; top:0; z-index:30; background:#fff; border-bottom:1px solid var(--line); }
.nav-wrap { display:flex; align-items:center; justify-content:space-between; min-height:76px; gap:28px; }
.site-nav,.nav-actions { display:flex; align-items:center; gap:28px; }
.site-nav a,.login-link { display:inline-flex; align-items:center; min-height:44px; color:var(--secondary); font-size:13px; }
.site-nav a:hover,.login-link:hover { color:var(--blue); }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; gap:16px; padding:10px 20px; border:1px solid transparent; border-radius:8px; font-size:13px; font-weight:500; line-height:1.5; transition:background-color 160ms,border-color 160ms,color 160ms; }
.button-blue { color:#fff; background:var(--blue); border-color:var(--blue); }
.button-blue:hover { background:#3b70ed; border-color:#3b70ed; }
.button-dark { color:#fff; background:#22354f; border-color:#22354f; }
.button-dark:hover { background:#344e72; }
.button-outline,.button-white { color:#315583; border-color:#cad8e9; background:#fff; }
.button-outline:hover,.button-white:hover { background:#edf4ff; border-color:#87a6d5; }
.button-plain { color:#41618c; padding-inline:4px; }
.button-plain:hover { color:var(--blue); }
.button-small { min-height:40px; padding:8px 16px; font-size:12px; }
.menu-toggle { display:none; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); }
.hero-section { overflow:hidden; background:#f7faff; border-bottom:1px solid var(--line); }
.hero { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); align-items:center; gap:44px; padding-block:24px 20px; }
.hero-copy { padding-block:16px; }
.eyebrow { color:#5f7799; font-size:12px; }
.hero-copy>.eyebrow { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.brand-rule { width:24px; height:2px; background:var(--blue); }
.hero h1 { font-size:clamp(44px,4vw,58px); font-weight:500; line-height:1.35; letter-spacing:-.025em; white-space:nowrap; }
.hero h1>span { color:var(--blue); font-family:"Segoe UI","pyrotool Home",sans-serif; letter-spacing:-.05em; }
.hero-lead { margin-top:20px; color:#405879; font-size:16px; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:24px; }
.hero-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:24px; }
.hero-capabilities>button { display:flex; align-items:center; gap:8px; min-height:44px; padding:10px 12px; border:1px solid #dce6f4; border-radius:8px; color:#4f688b; background:#ffffffb8; text-align:left; font-size:11px; }
.hero-capabilities .icon { width:15px; height:15px; color:#6a88b1; }
.hero-capabilities strong { margin-left:auto; color:#3564a6; font:500 12px "Segoe UI",sans-serif; font-variant-numeric:tabular-nums; }
.hero-capabilities>button:hover,.hero-capabilities>button[aria-pressed=true] { border-color:#8dafe6; background:#eaf2ff; }
.hero-clients { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:20px; color:var(--muted); font-size:11px; }
.hero-clients>div { display:flex; align-items:center; gap:8px; }
.hero-clients img { width:24px; height:24px; padding:3px; object-fit:contain; border:1px solid #dbe2ed; border-radius:6px; background:#fff; }
.hero-clients>div>span { padding-left:8px; border-left:1px solid #d4deeb; font:11px ui-monospace,monospace; }
.ecosystem-visual { position:relative; min-width:0; }
.atlas-label { display:flex; justify-content:space-between; gap:12px; color:#536e94; font-size:11px; }
.atlas-label>span:last-child { color:#7b8ca4; }
.tool-atlas { position:relative; height:440px; isolation:isolate; border-radius:20px; cursor:grab; touch-action:pan-y; user-select:none; -webkit-user-select:none; }
.tool-atlas.is-dragging { cursor:grabbing; }
.tool-atlas:focus-visible { outline-offset:0; }
.tool-globe { display:block; width:100%; height:100%; overflow:visible; }
.globe-ground { fill:#29477208; }
.globe-shell { fill:#f1f6fe; stroke:#d4e1f2; stroke-width:1; }
.globe-grid { fill:none; stroke:#bbcee6; stroke-width:.7; pointer-events:none; }
.globe-grid-back { opacity:.3; stroke-dasharray:2 5; }
.globe-grid-front { opacity:.7; }
.globe-dots { fill:#789bd0; pointer-events:none; }
.atlas-routes { fill:none; stroke:#7da3dd; stroke-width:1.1; pointer-events:none; }
.atlas-routes .is-active { stroke:var(--blue); stroke-width:1.7; }
.globe-packets { fill:var(--blue); pointer-events:none; }
.globe-node { transition:opacity 140ms; }
.globe-node foreignObject { overflow:visible; }
.atlas-node { display:grid; place-items:center; width:100%; height:100%; padding:5px; border:1px solid #d7e3f3; border-radius:12px; background:#fff; color:#375b8e; box-shadow:0 3px 6px #223f6412; cursor:pointer; transition:border-color 160ms,background-color 160ms; }
.atlas-node:hover,.atlas-node:focus-visible,.atlas-node.is-selected { border-color:#5c8cda; background:#e7f0ff; }
.atlas-node strong { display:none; }
.node-icon { display:grid; place-items:center; width:26px; height:26px; }
.node-icon>img { display:block; width:24px; height:24px; padding:0; object-fit:contain; border:0; border-radius:0; background:transparent; pointer-events:none; -webkit-user-drag:none; }
.service-icon-fallback { width:20px; height:20px; color:#527bb3; }
.node-icon>.service-icon-fallback { width:23px; height:23px; }
.node-icon>img.service-icon-dark,.provider-mark.service-icon-dark { padding:3px; border-radius:5px; background:#2b405f; }
.globe-node.is-back { pointer-events:none; }
.globe-node.is-back .atlas-node { width:22px; height:22px; margin:11px auto; padding:2px; border:0; border-radius:7px; box-shadow:none; }
.globe-node.is-back .node-icon { width:18px; height:18px; }
.globe-node.is-back .node-icon>img { width:16px; height:16px; }
.atlas-core { position:absolute; z-index:2; left:50%; top:50%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:7px; width:100px; height:100px; padding:10px; border:1px solid #7299f1; border-radius:24px; background:var(--blue); color:#fff; transform:translate(-50%,-50%); box-shadow:inset 0 1px 0 #ffffff40,0 4px 0 #204db9,0 10px 20px #263d621c; }
.atlas-core:hover { background:#3b70ec; }
.atlas-core>img { width:30px; height:30px; }
.atlas-core>strong { font:600 19px/1 "Segoe UI",sans-serif; letter-spacing:-.4px; }
.atlas-core>strong>span { color:#b8d0ff; }
.atlas-core>span { color:#e6efff; font-size:10px; }
.globe-services { position:absolute; inset:68px 0 auto; display:grid; grid-template-columns:112px 112px; grid-template-rows:repeat(3,1fr); justify-content:space-between; align-items:center; height:300px; pointer-events:none; }
.globe-services>button { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; min-height:40px; padding:10px; border:1px solid #dce6f4; border-radius:7px; background:#ffffffed; color:#55749e; font:11px "Segoe UI",sans-serif; text-align:left; pointer-events:auto; }
.globe-services>button>span { min-width:0; }
.globe-services strong { font-size:12px; font-weight:500; color:#315f9e; font-variant-numeric:tabular-nums; }
.globe-services>button:hover,.globe-services>button[aria-pressed=true] { border-color:#85a8df; background:#e8f1ff; }
.globe-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; color:#7087a5; font-size:11px; }
.globe-controls>span { display:inline-flex; align-items:center; gap:8px; }
.globe-controls .icon { width:14px; height:14px; }
.globe-controls>button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:72px; min-height:36px; padding:6px 12px; border:1px solid #d7e2f1; border-radius:7px; color:#4c6c98; background:#fff; font-size:11px; }
.globe-controls>button:hover { border-color:#91add7; }
.globe-play { display:none; }
.globe-controls>button[aria-pressed=true] .globe-play { display:block; }
.globe-controls>button[aria-pressed=true] .globe-pause { display:none; }
.globe-controls>button:disabled { opacity:.7; cursor:default; }
.globe-inspector { min-height:80px; padding:12px 16px; margin-top:12px; border:1px solid #d6e3f6; border-radius:10px; background:#fff; }
.inspector-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:12px; }
.inspector-heading strong { min-width:0; font-weight:500; overflow-wrap:anywhere; }
.inspector-heading>a { display:inline-flex; align-items:center; gap:6px; flex-shrink:0; color:#3867ae; font-size:11px; }
.inspector-heading .icon { width:14px; height:14px; }
.inspector-capabilities { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.inspector-capabilities>span { max-width:100%; padding:3px 8px; border-radius:4px; background:#eef4fc; color:#577299; font-size:11px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.scale-strip { display:grid; grid-template-columns:1fr 1fr 1fr 1.1fr; gap:24px; padding-block:16px 20px; border-top:1px solid #dce5f1; }
.scale-strip>div+div { border-left:1px solid #dce5f1; padding-left:24px; }
.scale-strip strong { color:var(--ink); font:400 30px/1.2 "Segoe UI",sans-serif; font-variant-numeric:tabular-nums; letter-spacing:-.8px; }
.scale-strip strong>span { margin-left:8px; font:11px "pyrotool Home",sans-serif; color:var(--muted); letter-spacing:0; }
.scale-strip p { color:#6c809c; font-size:11px; margin-top:4px; }
.scale-note { display:flex; align-items:center; }
.scale-note p { margin:0; line-height:1.8; }
.section { padding-block:48px; }
h2 { font-size:30px; font-weight:500; line-height:1.5; }
.section-heading { margin-bottom:20px; }
.category-index { margin-bottom:20px; }
.category-index>summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:36px; padding-bottom:10px; list-style:none; cursor:pointer; font-size:12px; color:#5e7596; }
.category-index>summary::-webkit-details-marker { display:none; }
.category-index>summary>span { display:inline-flex; align-items:center; gap:10px; font-size:11px; color:var(--muted); }
.category-index .icon { width:14px; height:14px; }
.category-index[open]>summary .icon { transform:rotate(45deg); }
.category-index>div { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.category-index button { display:flex; align-items:center; gap:8px; min-width:0; min-height:40px; padding:8px 10px; border:1px solid #e0e7f1; border-radius:6px; background:#f8fafd; color:#556c8c; text-align:left; font-size:11px; }
.category-index button>span { min-width:0; }
.category-index button>strong { margin-left:auto; color:#5577a7; font:500 11px "Segoe UI",sans-serif; font-variant-numeric:tabular-nums; }
.category-index button:hover,.category-index button[aria-pressed=true] { border-color:#87a8dd; background:#eaf2ff; color:#285fb8; }
.catalogue-shell { min-width:0; overflow:hidden; border:1px solid #dce5f0; border-radius:14px; background:#fff; }
.catalogue-sidebar { min-width:0; border-bottom:1px solid #dfe7f1; background:#f6f9fd; }
.ecosystem-tabs { display:flex; gap:8px; overflow-x:auto; padding:12px 16px; scrollbar-width:thin; overscroll-behavior-x:contain; }
.ecosystem-tabs>button { display:flex; align-items:center; justify-content:center; gap:8px; flex-shrink:0; min-height:40px; padding:8px 14px; border:1px solid transparent; border-radius:7px; background:transparent; color:#5d7392; font-size:12px; white-space:nowrap; }
.ecosystem-tabs>button>span { color:#7a8ca6; font:11px "Segoe UI",sans-serif; font-variant-numeric:tabular-nums; }
.ecosystem-tabs>button:hover { background:#edf3fd; }
.ecosystem-tabs>button[aria-selected=true] { color:#2358b7; border-color:#ccdcf6; background:#e6efff; }
.ecosystem-tabs>button[aria-selected=true]>span { color:#3567be; }
.catalogue-main { min-width:0; padding:20px; }
.tool-toolbar { display:flex; align-items:stretch; justify-content:space-between; gap:12px; margin-bottom:16px; scroll-margin-top:100px; }
.tool-search { display:flex; align-items:center; gap:10px; flex:1; min-width:0; min-height:44px; padding:0 12px; border:1px solid #d5e0ee; border-radius:7px; color:#6c83a4; background:#fff; }
.tool-search:focus-within { border-color:#6d96e5; }
.tool-search input { width:100%; min-width:0; padding:10px 0; border:0; outline:0; color:#2c4363; background:transparent; font-size:12px; }
.tool-search input::placeholder { color:#7487a2; opacity:1; }
.tool-search input:focus-visible { outline:0; }
.tool-search input::-webkit-search-cancel-button { -webkit-appearance:none; }
.tool-search>button { display:grid; place-items:center; width:32px; height:32px; padding:6px; flex-shrink:0; border:0; border-radius:6px; color:#5b759a; background:transparent; }
.tool-search>button:hover { background:#edf3fc; }
.category-select { display:flex; width:224px; min-width:0; }
.category-select select { width:100%; min-height:44px; padding:10px 12px; border:1px solid #d5e0ee; border-radius:7px; color:#4b6386; background:#fff; font-size:12px; cursor:pointer; }
.provider-filter { display:inline-flex; align-items:center; gap:8px; min-height:32px; padding:2px 6px 2px 10px; margin-bottom:12px; border:1px solid #cfdef6; border-radius:6px; color:#3564ab; background:#eef4ff; font-size:12px; }
.provider-filter button { display:grid; place-items:center; width:28px; height:28px; padding:5px; border:0; border-radius:4px; color:inherit; background:transparent; }
.provider-filter .icon { width:14px; height:14px; }
.tool-result-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px; padding-bottom:14px; color:#3f5f89; font-size:12px; }
.tool-result-heading>span { color:var(--muted); font-size:11px; }
.tool-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.tool-card { display:flex; flex-direction:column; min-width:0; min-height:136px; padding:16px; border:1px solid #e0e7f1; border-radius:8px; background:#fff; transition:border-color 160ms,background-color 160ms; }
.tool-card:hover { background:#f9fbff; border-color:#90aed6; }
.tool-card-meta { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; color:#557198; font:11px "Segoe UI","pyrotool Home",sans-serif; }
.tool-card-meta>span { display:flex; align-items:center; gap:6px; min-width:0; overflow-wrap:anywhere; }
.tool-card-meta>small { margin-left:auto; color:#7b8ba3; font:10px "pyrotool Home",sans-serif; }
.provider-mark { width:20px; height:20px; padding:2px; object-fit:contain; border-radius:4px; background:#edf2fa; }
.tool-card-meta .icon { width:16px; height:16px; }
.tool-card h3 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:12px; color:#263d5c; font-size:15px; font-weight:500; line-height:1.55; overflow-wrap:anywhere; }
.tool-card>p { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin-top:7px; color:var(--secondary); font-size:11px; line-height:1.8; }
.tool-card>a { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-top:12px; margin-top:auto; color:#3869b6; font-size:11px; }
.tool-card>a:hover { color:#194fba; }
.tool-card>a>.icon { width:14px; height:14px; }
.tool-empty { padding:32px 16px; border:1px solid var(--line); border-radius:8px; background:#f8faff; text-align:center; }
.tool-empty h3 { font-size:18px; font-weight:500; }
.tool-empty p { color:var(--secondary); font-size:12px; margin-top:8px; }
.tool-empty .button { margin-top:20px; }
.tool-more { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:16px; }
.tool-more>a { display:inline-flex; align-items:center; gap:8px; color:#486da5; font-size:12px; }
.tool-more>.button { font-size:12px; }
.advantages-section { padding-top:0; }
.recipe-stage { overflow:hidden; border:1px solid #dce5f1; border-radius:14px; background:#fff; }
.recipe-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 20px; border-bottom:1px solid #e2e9f3; background:#f6f9fd; }
.recipe-intro>span { color:#5e7699; font-size:12px; }
.recipe-tabs { display:flex; gap:6px; }
.recipe-tabs>button { min-height:40px; padding:8px 14px; border:1px solid transparent; border-radius:7px; color:#617797; background:transparent; font-size:12px; white-space:nowrap; }
.recipe-tabs>button:hover { color:#285fb8; }
.recipe-tabs>button[aria-selected=true] { color:#285fb8; border-color:#ccdcf6; background:#e6efff; }
.recipe-row { display:grid; grid-template-columns:112px minmax(0,1fr) 280px; align-items:center; gap:20px; padding:16px 20px; }
.recipe-row+.recipe-row { border-top:1px solid #e5ebf4; }
.recipe-purpose { display:flex; align-items:center; gap:10px; color:#4b6d9c; }
.recipe-purpose h3 { color:#294565; font-size:15px; font-weight:500; }
.recipe-chain { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; list-style:none; padding:0; margin:0; }
.recipe-chain>li { position:relative; display:flex; align-items:center; gap:10px; min-width:0; min-height:60px; padding:8px 10px; border:1px solid #e0e8f4; border-radius:7px; background:#f8fbff; }
.recipe-provider { width:28px; height:28px; flex-shrink:0; padding:3px; object-fit:contain; border:1px solid #e0e7f2; border-radius:6px; background:#fff; }
.recipe-chain strong { display:block; font:500 13px "Segoe UI",sans-serif; }
.recipe-chain span { display:block; margin-top:4px; color:#7186a3; font-size:11px; }
.recipe-chain>li>.icon { position:absolute; left:calc(100% + 5px); width:14px; height:14px; color:#7e9cc5; }
.recipe-chain>li:last-child>.icon { display:none; }
.recipe-results { display:flex; flex-wrap:wrap; gap:6px; }
.recipe-results>span { display:inline-flex; align-items:center; gap:4px; padding:6px 8px; border:1px solid #dde7f7; border-radius:5px; color:#597aa7; background:#edf4ff; font-size:11px; white-space:nowrap; }
.recipe-results .icon { width:13px; height:13px; }
.recipe-note { padding:10px 20px; border-top:1px solid #e5ebf4; color:#7a8ba3; font-size:11px; }
.advantage-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:16px; }
.advantage { display:flex; align-items:center; gap:10px; min-width:0; min-height:60px; padding:12px 16px; border:1px solid #e1e8f2; border-radius:8px; background:#fafcff; }
.advantage>.icon { color:#6c89b0; }
.advantage h3 { font-size:13px; font-weight:500; white-space:nowrap; }
.advantage>span { margin-left:auto; color:#7890af; font-size:11px; }
.workflow-section { padding:24px; border:1px solid #dce6f4; border-radius:14px; background:#f7faff; }
.connection-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.connection-heading h2 { font-size:26px; }
.connection-heading>a { display:inline-flex; align-items:center; gap:8px; color:#4d70a5; font-size:12px; }
.connection-heading .icon { width:14px; height:14px; }
.client-links { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.client-links>a { display:flex; align-items:center; gap:10px; min-width:0; min-height:64px; padding:12px; border:1px solid #dfe7f3; border-radius:8px; background:#fff; font:12px "Segoe UI","pyrotool Home",sans-serif; }
.client-links>a:hover { border-color:#8caddd; }
.client-links img,.client-links>a>.icon:first-child { width:26px; height:26px; object-fit:contain; color:#6787b5; }
.client-links>a>.icon:last-child { width:13px; height:13px; margin-left:auto; color:#7f99bf; }
.workflow-steps { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:32px; list-style:none; padding:0; margin:20px 0 0; }
.workflow-steps>li { display:flex; align-items:center; gap:8px; color:#6c84a5; font-size:11px; }
.workflow-steps span { color:#9badc4; font:11px "Segoe UI",sans-serif; }
.pricing-heading { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:20px; }
.pricing-heading>p { color:var(--muted); font-size:12px; }
.plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.plan { display:flex; flex-direction:column; min-width:0; padding:24px; border:1px solid #dce4ee; border-radius:12px; background:#fff; }
.plan-featured { border-color:#8cace3; background:#f5f9ff; }
.plan-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.plan-heading h3 { font-size:17px; font-weight:500; }
.plan-label { color:#6f84a2; font-size:11px; }
.plan-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px; margin-top:20px; font-variant-numeric:tabular-nums; }
.plan-price>span:first-child { font-size:16px; }
.plan-price strong { font:500 36px/1.3 "Segoe UI",sans-serif; }
.plan-price>span:last-child { margin-left:3px; color:var(--muted); font-size:11px; }
.plan-credits { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; padding:12px; margin-top:16px; border:1px solid #e1e9f7; border-radius:7px; background:#edf4ff; font-variant-numeric:tabular-nums; }
.plan-credits strong { color:#345f9c; font:500 23px/1.4 "Segoe UI",sans-serif; }
.plan-credits>span { color:#7790b1; font-size:11px; }
.plan-daily { margin-top:12px; color:#6b809e; font-size:11px; }
.plan-daily strong { font-weight:400; font-variant-numeric:tabular-nums; }
.plan-bonus { margin-top:6px; color:#426fac; font-size:11px; }
.plan-bonus strong { font-weight:500; font-variant-numeric:tabular-nums; }
.plan-action { width:100%; margin-top:20px; font-size:12px; }
.plan-inclusions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px 28px; margin-top:20px; }
.plan-inclusions>span { display:inline-flex; align-items:center; gap:8px; color:#6d83a1; font-size:11px; }
.plan-inclusions .icon { width:14px; height:14px; color:#6482ae; }
.pricing-note { max-width:960px; margin:12px auto 0; color:#7a8ba4; font-size:11px; line-height:1.8; text-align:center; }
.faq-section { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr); gap:60px; padding-top:0; }
.faq-heading { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.faq-heading>a { display:inline-flex; align-items:center; gap:8px; color:#6b82a2; font-size:12px; }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0; list-style:none; font-size:13px; cursor:pointer; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary:hover { color:var(--blue); }
.faq-list summary>.icon { width:16px; height:16px; color:#8ba0bd; }
.faq-list details[open] summary>.icon { transform:rotate(45deg); }
.faq-list details>div { padding:0 24px 18px 0; }
.faq-list details p { color:var(--secondary); font-size:12px; line-height:1.9; }
.closing { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 32px; margin-bottom:40px; border:1px solid #d9e6fa; border-radius:12px; background:#edf4ff; }
.closing h2 { color:#2e4c78; font-size:28px; }
.closing-actions { display:flex; align-items:center; gap:24px; }
.closing-login { color:#5377aa; font-size:12px; }
.site-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:28px; border-top:1px solid var(--line); }
.site-footer .brand { font-size:25px; }
.site-footer nav { display:flex; flex-wrap:wrap; gap:20px; color:var(--muted); font-size:12px; }
.site-footer nav a:hover { color:var(--blue); }
.copyright { color:var(--muted); font-size:11px; }
@media (max-width:1280px) {
  .container { width:calc(100% - 64px); }
  .hero { gap:32px; }
  .hero h1 { font-size:48px; }
  .hero-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tool-atlas { height:460px; }
  .globe-services { position:static; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:none; height:auto; gap:6px; margin-block:8px; }
  .category-index>div { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .tool-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .recipe-row { grid-template-columns:100px minmax(0,1fr) 192px; gap:16px; }
  .recipe-chain { gap:20px; }
  .recipe-chain>li { padding:8px; gap:8px; }
  .recipe-chain>li>.icon { left:calc(100% + 3px); }
  .recipe-chain strong { font-size:12px; }
  .recipe-results>span { padding:5px 6px; }
  .advantage { flex-wrap:wrap; gap:8px; }
  .advantage>span { margin-left:28px; }
  .client-links { gap:8px; }
  .client-links>a { padding:10px; gap:8px; font-size:11px; }
}
@media (max-width:1080px) {
  .site-nav { gap:18px; }
  .hero { grid-template-columns:minmax(0,1fr); gap:28px; }
  .hero-copy { padding-bottom:0; }
  .hero h1 { font-size:58px; }
  .hero-capabilities { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ecosystem-visual { width:min(720px,100%); justify-self:center; }
  .tool-atlas { height:440px; }
  .globe-services { position:absolute; inset:68px 0 auto; grid-template-columns:112px 112px; grid-template-rows:repeat(3,1fr); height:300px; margin:0; }
  .scale-strip { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  .scale-strip>div+div { padding-left:20px; }
  .scale-note { grid-column:1/-1; border-left:0 !important; padding:0 !important; }
  .scale-note br { display:none; }
  .scale-note p { font-size:10px; }
  .recipe-row { grid-template-columns:88px minmax(0,1fr); }
  .recipe-results { grid-column:2; margin-top:-8px; }
  .recipe-chain>li { gap:8px; }
  .client-links { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:900px) {
  .site-nav { display:none; position:absolute; inset:76px 0 auto; padding:12px 32px 20px; border-bottom:1px solid var(--line); background:#fff; }
  .site-nav.is-open { display:flex; flex-direction:column; align-items:stretch; gap:4px; }
  .site-nav a { padding:8px; font-size:14px; }
  .menu-toggle { display:inline-flex; }
  .category-index>div { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .recipe-intro { flex-direction:column; align-items:flex-start; gap:8px; }
  .recipe-chain>li { flex-direction:column; align-items:flex-start; }
  .recipe-chain>li>.icon { top:calc(50% - 7px); }
  .advantage { padding:12px; }
  .advantage h3 { font-size:12px; }
  .plan { padding:20px 16px; }
  .plan-price strong { font-size:32px; }
  .plan-credits { gap:4px; padding:10px; }
  .plan-credits strong { font-size:20px; }
  .faq-section { gap:32px; }
}
@media (max-width:680px) {
  html { scroll-padding-top:88px; }
  .container { width:calc(100% - 40px); }
  .nav-wrap { min-height:68px; gap:12px; }
  .brand { gap:8px; font-size:23px; }
  .brand img { width:26px; height:26px; }
  .nav-actions { gap:12px; }
  .nav-actions>.button { min-height:44px; padding:10px 12px; font-size:12px; }
  .nav-actions>.button .icon { display:none; }
  .login-link { min-width:32px; font-size:12px; }
  .site-nav { inset:68px 0 auto; padding:12px 20px 20px; }
  .hero { gap:28px; padding-block:24px 20px; }
  .hero-copy { padding-top:0; }
  .hero-copy>.eyebrow { margin-bottom:16px; font-size:11px; }
  .hero h1 { font-size:40px; line-height:1.4; }
  .hero-lead { margin-top:16px; font-size:14px; }
  .hero-actions { gap:16px; margin-top:20px; }
  .hero-actions .button { padding-inline:16px; font-size:12px; }
  .hero-actions .button-plain { padding-inline:0; }
  .hero-capabilities { gap:6px; margin-top:20px; }
  .hero-capabilities>button { gap:5px; padding:8px; font-size:10px; }
  .hero-capabilities>button>.icon { display:none; }
  .hero-capabilities strong { font-size:11px; }
  .hero-clients { gap:10px; margin-top:16px; }
  .hero-clients>div { gap:6px; }
  .hero-clients img { width:22px; height:22px; }
  .atlas-label { font-size:10px; }
  .tool-atlas { height:320px; }
  .globe-services { position:static; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:none; height:auto; gap:6px; margin-block:8px; }
  .globe-services>button { min-height:36px; padding:8px; gap:4px; font-size:10px; }
  .globe-services strong { font-size:11px; }
  .atlas-core { width:76px; height:76px; gap:5px; border-radius:19px; padding:8px; }
  .atlas-core>img { width:23px; height:23px; }
  .atlas-core>strong { font-size:15px; }
  .atlas-core>span { font-size:9px; }
  .atlas-node { padding:5px; border-radius:10px; }
  .node-icon { width:24px; height:24px; }
  .node-icon>img { width:22px; height:22px; }
  .globe-node.is-back .atlas-node { margin-top:9px; }
  .globe-controls>button { min-height:44px; }
  .globe-inspector { min-height:84px; padding:12px; margin-top:8px; }
  .inspector-heading { font-size:11px; }
  .inspector-capabilities>span { font-size:10px; }
  .scale-strip { gap:12px; padding-block:16px; }
  .scale-strip>div+div { padding-left:12px; }
  .scale-strip strong { font-size:28px; white-space:nowrap; }
  .scale-strip strong>span { margin-left:4px; font-size:10px; }
  .scale-strip p { font-size:10px; }
  .section { padding-block:36px; }
  h2 { font-size:24px; }
  .section-heading { margin-bottom:16px; }
  .category-index { margin-bottom:16px; }
  .category-index>div { grid-template-columns:none; grid-template-rows:repeat(4,38px); grid-auto-flow:column; grid-auto-columns:154px; overflow-x:auto; padding-bottom:8px; scrollbar-width:thin; }
  .category-index button { min-height:38px; padding:8px; font-size:11px; }
  .ecosystem-tabs { gap:6px; padding:10px 12px; }
  .ecosystem-tabs>button { min-height:44px; padding:10px; font-size:11px; }
  .catalogue-main { padding:16px 12px; }
  .tool-toolbar { flex-direction:column; gap:10px; }
  .category-select { width:100%; }
  .tool-result-heading { font-size:11px; }
  .tool-result-heading>span { font-size:10px; }
  .tool-grid { grid-template-columns:minmax(0,1fr); gap:8px; }
  .tool-card { min-height:128px; padding:14px; }
  .tool-card h3 { margin-top:10px; font-size:15px; }
  .tool-card>a { padding-top:10px; }
  .tool-more { gap:16px; }
  .tool-more>.button { padding-inline:12px; font-size:11px; }
  .tool-more>a { font-size:11px; }
  .tool-more .icon { width:14px; height:14px; }
  .advantages-section { padding-top:0; }
  .recipe-intro { padding:10px 12px; }
  .recipe-intro>span { display:none; }
  .recipe-tabs { justify-content:space-between; width:100%; gap:4px; }
  .recipe-tabs>button { flex:1; min-height:44px; padding:10px 6px; font-size:11px; }
  .recipe-row { grid-template-columns:minmax(0,1fr); gap:12px; padding:16px 12px; }
  .recipe-purpose h3 { font-size:14px; }
  .recipe-purpose .icon { width:16px; height:16px; }
  .recipe-chain { gap:16px; }
  .recipe-chain>li { align-items:center; min-height:92px; gap:8px; padding:10px 4px; text-align:center; }
  .recipe-chain strong { font-size:11px; white-space:nowrap; }
  .recipe-chain span { font-size:10px; }
  .recipe-provider { width:25px; height:25px; }
  .recipe-chain>li>.icon { left:calc(100% + 1px); width:12px; }
  .recipe-results { grid-column:auto; margin:0; gap:6px; }
  .recipe-results>span { font-size:10px; padding:5px 7px; }
  .recipe-note { padding:10px 12px; font-size:10px; }
  .advantage-grid { grid-template-columns:minmax(0,1fr); gap:6px; margin-top:10px; }
  .advantage { min-height:44px; flex-wrap:nowrap; padding:10px 12px; }
  .advantage h3 { font-size:12px; }
  .advantage>span { margin-left:auto; font-size:10px; }
  .advantage .icon { width:16px; height:16px; }
  .workflow-section { padding:20px 16px; }
  .connection-heading { gap:12px; margin-bottom:16px; }
  .connection-heading h2 { font-size:22px; }
  .connection-heading>a { font-size:11px; }
  .client-links { gap:8px; }
  .client-links>a { flex-direction:column; justify-content:center; gap:8px; min-height:80px; padding:10px 4px; font-size:11px; }
  .client-links>a>.icon:last-child { display:none; }
  .workflow-steps { gap:10px 16px; margin-top:16px; justify-content:flex-start; }
  .workflow-steps>li { font-size:10px; }
  .pricing-heading { flex-direction:column; gap:8px; margin-bottom:16px; }
  .pricing-heading>p { font-size:11px; }
  .plans { grid-template-columns:minmax(0,1fr); gap:12px; }
  .plan { padding:20px; }
  .plan-price { margin-top:14px; }
  .plan-price strong { font-size:32px; }
  .plan-credits { gap:8px; margin-top:12px; }
  .plan-credits strong { font-size:22px; }
  .plan-daily { margin-top:10px; }
  .plan-action { margin-top:16px; }
  .plan-inclusions { justify-content:flex-start; gap:8px 16px; margin-top:16px; }
  .plan-inclusions>span { font-size:10px; }
  .pricing-note { text-align:left; font-size:10px; }
  .faq-section { display:block; padding-top:0; }
  .faq-heading { flex-direction:row; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
  .faq-list summary { gap:12px; padding-block:16px; font-size:12px; }
  .faq-list details>div { padding:0 8px 16px 0; }
  .closing { flex-direction:column; align-items:flex-start; gap:20px; padding:24px 20px; margin-bottom:28px; }
  .closing h2 { font-size:24px; }
  .closing-actions { gap:24px; }
  .site-footer { flex-wrap:wrap; gap:20px; padding-block:24px; }
  .site-footer .brand { width:100%; }
  .site-footer nav { gap:20px; font-size:11px; }
  .copyright { width:100%; font-size:10px; }
}
@media (max-width:360px) {
  .container { width:calc(100% - 32px); }
  .nav-wrap,.nav-actions { gap:8px; }
  .brand { gap:6px; font-size:21px; }
  .login-link { min-width:24px; }
  .nav-actions>.button { padding-inline:10px; font-size:11px; }
  .menu-toggle { width:40px; }
  .hero h1 { font-size:34px; }
  .hero-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hero-capabilities>button { font-size:11px; }
  .hero-clients>span { width:100%; }
  .tool-atlas { height:290px; }
  .globe-services>button { padding-inline:6px; font-size:9px; }
  .atlas-core { width:70px; height:70px; }
  .atlas-core>strong { font-size:14px; }
  .inspector-heading { gap:10px; }
  .recipe-chain strong { font-size:10px; }
  .recipe-results>span { padding-inline:5px; }
  .tool-more { gap:12px; }
  .tool-more>.button { padding-inline:10px; gap:10px; }
  .connection-heading h2 { font-size:20px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none !important; animation:none !important; }
}