/* Marketing compositions consume the same clinic theme, icons and controls. */
html[data-pricebook]{--comparison-header-ready:1}
.site-bottom{position:relative;background:radial-gradient(ellipse 80% 100% at 20% 100%,color-mix(in srgb,var(--ui-accent) 9%,transparent),transparent 80%);border-top:1px solid var(--ui-border)}
.site-bottom .product-links{border-bottom:0;padding-block:52px 28px;background:none}
.site-bottom .product-links a,.site-bottom .footer a{text-decoration:none}
.site-bottom .product-links a{min-height:40px;font-size:13px}
.site-bottom .footer{border-top:1px solid var(--ui-border);padding-block:32px 44px}
.nav-chevron{width:18px;height:18px;display:grid;place-items:center;flex:none;line-height:0}
.nav-chevron .icon{width:16px;height:16px;display:block}
.nav-chevron:empty::before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
#site-nav .resource-menu>a{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:14px;min-height:88px;text-decoration:none;text-align:start}
#site-nav .resource-menu>a>span{position:static;inset:auto}
#site-nav .resource-menu>a .nav-arrow{font-size:16px;opacity:.5;text-align:center}
#site-nav .resource-menu>a small{font-size:12px;line-height:1.6}
#site-nav .resource-menu>a strong{font-size:14px;line-height:1.4}
.resource-menu{padding:10px;width:min(460px,calc(100vw - 48px))}
.product-menu{overflow:hidden auto}
.nav-line .menu-toggle{align-items:center;justify-content:center;padding:0;width:44px;height:44px}
.menu-lines{display:block;position:relative;width:20px;height:20px}
.menu-lines i{position:absolute;left:0;width:20px;height:1.5px;background:currentColor;top:6px;transition:transform .2s}
.menu-lines i:last-child{top:13px}
.menu-toggle[aria-expanded=true] .menu-lines i:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-lines i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.matrix-preview-link{display:flex;justify-content:center;margin-top:24px;font-size:14px;color:var(--ui-accent)}
.plan-comparison{margin-block:72px 64px}
.matrix-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:40px;margin-bottom:28px}
.matrix-heading h3{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.045em;margin-top:12px}
.matrix-heading>p{color:var(--ui-text-secondary);font-size:14px;line-height:1.8;max-width:46ch}
.plan-matrix{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums}
.plan-matrix .matrix-label{width:46%}
.matrix-short{display:none}
.plan-matrix thead th{position:sticky;top:var(--site-header-size,88px);z-index:4;padding:22px 16px;border-bottom:2px solid var(--ui-border);font-size:18px;letter-spacing:-.02em;background:var(--ui-surface-soft)}
.plan-matrix thead th:first-child{border-radius:14px 0 0 0;text-align:start;font-size:13px;letter-spacing:0}
.plan-matrix thead th:last-child{border-radius:0 14px 0 0}
.plan-matrix tbody th,.plan-matrix td{padding:17px 16px;border-bottom:1px solid var(--ui-border)}
.plan-matrix tbody th{font-weight:500;text-align:start}
.plan-matrix td{text-align:center;overflow-wrap:anywhere}
.plan-matrix th:nth-child(3),.plan-matrix td:nth-child(3){background:color-mix(in srgb,var(--ui-accent) 6%,transparent)}
.plan-matrix .matrix-group th{padding:34px 16px 14px;font-size:14px;font-weight:650;color:var(--ui-accent);background:none}
.plan-matrix a{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ui-text-secondary);min-height:28px}
.plan-matrix a>span{opacity:0;color:var(--ui-accent);margin-left:auto}
.plan-matrix a:hover,.plan-matrix a:focus-visible{color:var(--ui-accent)}
.plan-matrix a:hover>span,.plan-matrix a:focus-visible>span{opacity:1}
.plan-matrix tr:hover td,.plan-matrix tr:hover th[scope=row]{background:var(--ui-surface-soft)}
.matrix-check{display:inline-grid;place-items:center;width:24px;height:24px;font-size:15px;background:var(--ui-accent-soft);border-radius:50%;color:var(--ui-accent)}
.matrix-capacity td{font-weight:600;color:var(--ui-text)}
.matrix-note{margin-top:20px;font-size:12px;line-height:1.8;color:var(--ui-text-muted);max-width:80ch}
.credit-estimator{min-width:0;padding:28px;border:1px solid color-mix(in srgb,var(--ui-accent) 24%,var(--ui-border));border-radius:20px;background:var(--ui-surface);box-shadow:0 20px 60px color-mix(in srgb,var(--ui-accent) 7%,transparent)}
.credit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;font-weight:650;margin-bottom:14px}
.credit-reset{appearance:none;min-height:44px;background:none;border:0;color:var(--ui-text-muted);font:500 12px var(--ui-font);padding:8px;cursor:pointer}
.credit-plan-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background:var(--ui-surface-soft);border-radius:10px;margin-bottom:24px}
.credit-plan-options button,.credit-presets button{font:550 12px/1.4 var(--ui-font);min-height:44px;border:0;border-radius:7px;background:transparent;color:var(--ui-text-secondary);padding:8px;cursor:pointer}
.credit-plan-options [aria-pressed=true]{color:var(--ui-accent);background:var(--ui-surface);box-shadow:var(--ui-shadow-small)}
.credit-estimator .field{display:block;font-size:13px;margin:0}
.credit-estimator .field>span{display:block;font-size:12px;line-height:1.6;margin-bottom:8px;color:var(--ui-text-secondary)}
.credit-estimator select,.credit-estimator .field input{font:500 14px var(--ui-font);height:48px;border:1px solid var(--ui-border);padding:10px 12px;border-radius:8px;background:var(--ui-surface-soft);color:var(--ui-text);width:100%;min-width:0}
.credit-help{color:var(--ui-text-muted);font-size:11px;line-height:1.6;margin-top:8px}
.credit-quantity{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block:26px 12px;font-size:13px}
.credit-quantity>span:last-child{display:flex;flex-direction:column;text-align:end;gap:4px}
.credit-quantity input{width:100%;max-width:138px;min-width:0;text-align:end;font:650 28px/1.2 var(--ui-font);font-variant-numeric:tabular-nums;background:transparent;color:var(--ui-text);border:0;border-bottom:1px solid var(--ui-border);border-radius:0;padding:8px 0;min-height:44px}
.credit-quantity small{font-size:10px;color:var(--ui-text-muted)}
.credit-slider{width:100%;height:32px;accent-color:var(--ui-accent);cursor:pointer}
.credit-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.credit-presets button{min-height:40px;border:1px solid var(--ui-border);padding:8px 12px}
.credit-presets [aria-pressed=true]{border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent)}
.credit-assumptions{margin-top:18px;font-size:11px;color:var(--ui-text-muted)}
.credit-assumptions summary,.credit-formula summary{min-height:44px;display:flex;align-items:center;cursor:pointer;text-decoration:underline;text-underline-offset:4px;list-style:none}
.credit-assumptions p{line-height:1.8;margin-bottom:14px}.credit-assumptions .field{margin-bottom:12px}
.credit-error{font-size:12px;color:var(--ui-danger);line-height:1.6}.credit-error:not(:empty){margin-block:16px}.credit-estimator [aria-invalid=true]{border-color:var(--ui-danger)}
.credit-result{margin-top:12px;padding:22px;border-radius:14px;background:linear-gradient(130deg,var(--ui-accent-soft),var(--ui-surface-soft));font-variant-numeric:tabular-nums}
.credit-result:empty{display:none}
.credit-result-heading{display:flex;flex-direction:column;gap:8px;color:var(--ui-text-secondary);font-size:12px}
.credit-result-heading strong{font-size:36px;letter-spacing:-.055em;line-height:1.2;color:var(--ui-text)}
.credit-result-heading small{font-size:12px;letter-spacing:0;font-weight:500;color:var(--ui-text-secondary)}
.credit-result progress{width:100%;height:6px;accent-color:var(--ui-accent);display:block;margin-block:16px 20px;border:0;border-radius:4px;overflow:hidden}
.credit-result progress::-webkit-progress-bar{background:var(--ui-border)}.credit-result progress::-webkit-progress-value{background:var(--ui-accent)}
.credit-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.credit-result-grid span{font-size:11px;color:var(--ui-text-secondary);display:block}.credit-result-grid strong{font-size:20px;display:block;margin-top:6px;letter-spacing:-.03em}
.credit-fit{font-size:12px;font-weight:550;line-height:1.7;margin-top:22px;color:var(--ui-accent)}
.credit-capacity{font-size:11px;line-height:1.7;color:var(--ui-text-secondary);margin-top:6px}
.credit-formula{font-size:11px;color:var(--ui-text-secondary);margin-top:6px}.credit-formula ol{padding-left:16px;line-height:1.8}.credit-formula li{padding-block:4px}.credit-formula p{margin-top:12px;line-height:1.8}
.credit-bottom-note{font-size:11px;line-height:1.8;color:var(--ui-text-muted);margin-top:18px}
.credit-estimator button:focus-visible,.credit-estimator input:focus-visible,.credit-estimator select:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}
.showcase .wallet-story{grid-template-columns:.9fr 1.1fr;align-items:start;gap:72px;margin-top:72px;border:0}
.wallet-story h3{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;line-height:1.18}
.integration-section .connection-explorer{display:block;border:1px solid var(--ui-border);border-radius:24px;background:var(--ui-surface);overflow:hidden;box-shadow:0 24px 80px color-mix(in srgb,var(--ui-accent) 9%,transparent)}
.connection-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;background:var(--ui-surface-soft);border-bottom:1px solid var(--ui-border)}
.connection-toolbar>span{font-weight:650;font-size:13px}.connection-toolbar>div{display:flex;flex-wrap:wrap;gap:4px}.connection-toolbar .btn{font-size:12px;border:0;background:transparent;min-height:44px;padding:10px 12px}.connection-toolbar .btn[aria-pressed=true]{color:var(--ui-accent);background:var(--ui-surface);box-shadow:var(--ui-shadow-small)}
.connection-stage{display:grid;grid-template-columns:.7fr 1.3fr;min-height:420px}
.connection-stage .connection-options{display:flex;flex-direction:column;gap:8px;padding:28px;border-right:1px solid var(--ui-border);align-self:stretch}
.connection-options .btn{border:1px solid transparent;background:transparent;min-height:56px;text-align:start;gap:12px}.connection-options .btn .icon{flex:none;width:22px;height:22px}.connection-options .btn:hover{background:var(--ui-surface-soft)}
.connection-stage .connection-detail{display:block;padding:36px 40px;background:radial-gradient(ellipse 80% 80% at 80% 0,color-mix(in srgb,var(--ui-accent) 8%,transparent),transparent 80%)}
.connection-detail h3{font-size:clamp(24px,2.6vw,34px);line-height:1.18;letter-spacing:-.04em;max-width:20ch;margin-top:12px}
.connection-detail>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:54ch;margin-top:14px}
.connection-network{display:flex;align-items:center;width:100%;gap:0;margin-bottom:32px;min-height:90px}
.network-source{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100px;min-height:86px;flex:none;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:16px;color:var(--ui-accent);box-shadow:var(--ui-shadow-small)}
.network-source>.icon{width:28px;height:28px}.network-source>span{font-size:10px;color:var(--ui-text-secondary);max-width:90%;text-align:center;line-height:1.5}
.connection-option-icon,.connection-reset-icon{display:inline-flex;width:22px;height:22px;flex:none}
.network-source>.connection-source-icon{display:inline-flex;width:28px;height:28px;flex:none;color:var(--ui-accent)}
.connection-source-icon>.icon{width:28px;height:28px}
.network-wire{flex:1;position:relative;height:1px;background:color-mix(in srgb,var(--ui-accent) 26%,var(--ui-border));min-width:24px}
.network-wire i{position:absolute;left:0;top:-2px;width:5px;height:5px;background:var(--ui-accent);border-radius:50%;animation:connection-travel 2.8s linear infinite}.network-wire i:nth-child(2){animation-delay:-.9s}.network-wire i:nth-child(3){animation-delay:-1.8s}
@keyframes connection-travel{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
.network-hub{min-width:150px;min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid color-mix(in srgb,var(--ui-accent) 32%,var(--ui-border));border-radius:16px;background:var(--ui-accent-soft);box-shadow:0 0 40px color-mix(in srgb,var(--ui-accent) 8%,transparent)}
.network-hub .wordmark{font-size:28px}.network-hub small{font-size:10px;color:var(--ui-accent)}
.connection-flow{list-style:none;padding:0;margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.connection-flow li{min-width:0;border-top:1px solid var(--ui-border);padding-top:14px}.connection-flow li>span{color:var(--ui-accent);font-size:10px;display:block;margin-bottom:6px}.connection-flow strong{font-size:12px;line-height:1.5;font-weight:550}
.connection-tail{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:24px}.connection-detail .connection-tail .pill{margin:0}.connection-tail .quiet-link{font-size:12px;min-height:44px;display:flex;align-items:center;color:var(--ui-accent)}
.integration-directory{margin-top:88px}.integration-directory-heading{display:flex;align-items:end;gap:40px;justify-content:space-between;margin-bottom:48px}.integration-directory-heading h3{font-size:32px;letter-spacing:-.04em;line-height:1.2;max-width:20ch}.integration-directory-heading p{font-size:14px;line-height:1.8;color:var(--ui-text-secondary);max-width:40ch}
.integration-category{margin-top:40px}.integration-category h4{font-size:14px;color:var(--ui-accent);margin-bottom:16px;font-weight:600}.integration-category>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.integration-category a{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) 16px;gap:14px;align-items:start;padding:24px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;text-decoration:none;transition:border-color .2s,transform .2s}
.integration-category a:hover{border-color:var(--ui-accent);transform:translateY(-2px)}
.integration-card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--ui-accent-soft);color:var(--ui-accent)}.integration-card-icon .icon{width:20px;height:20px}
.integration-category strong{font-size:13px;font-weight:600;line-height:1.5}.integration-category p{font-size:12px;color:var(--ui-text-secondary);line-height:1.8;margin-top:10px}.integration-card-arrow{font-size:16px;color:var(--ui-text-muted)}
.showcase:has(.integration-directory) .page-intro{padding-bottom:20px}.showcase:has(.integration-directory) .integration-section>.section-heading{display:none}.showcase:has(.integration-directory) .connection-explorer{margin-top:20px}
@media(max-width:1100px){.connection-stage{grid-template-columns:.8fr 1.2fr}.connection-stage .connection-detail{padding:28px}.connection-stage .connection-options{padding:24px 16px}.integration-category>div{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase .wallet-story{gap:40px}}
.plan-matrix thead th:nth-child(3){background:var(--ui-accent-soft)}
@media(max-width:850px){.plan-matrix thead th{top:var(--site-header-size,72px)}.matrix-heading{grid-template-columns:1fr;gap:16px}.plan-comparison{margin-top:52px}.showcase .wallet-story{grid-template-columns:1fr;gap:24px;margin-top:48px}.connection-stage{grid-template-columns:1fr}.connection-stage .connection-options{flex-direction:row;flex-wrap:wrap;gap:6px;border-right:0;border-bottom:1px solid var(--ui-border);padding:16px}.connection-options .btn{min-height:44px;padding:10px;font-size:11px}.connection-stage .connection-detail{padding:24px;border:0}.connection-toolbar{padding:16px;gap:10px}.connection-toolbar>div{gap:2px}.connection-toolbar .btn{font-size:11px;padding:10px}.integration-directory-heading{display:block}.integration-directory-heading p{margin-top:18px}.integration-directory{margin-top:56px}.integration-category a{padding:18px}.resource-menu{width:100%;padding:6px}#site-nav .resource-menu>a{grid-template-columns:32px minmax(0,1fr) 16px;gap:12px;min-height:78px}#site-nav .resource-menu .nav-symbol{width:32px;height:32px}#site-nav .resource-menu>a strong{font-size:12px}#site-nav .resource-menu>a small{font-size:11px}}
@media(max-width:600px){.plan-matrix thead th{top:var(--site-header-size,68px)}.matrix-full{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.matrix-short{display:inline}.plan-matrix{font-size:11px}.plan-matrix .matrix-label{width:40%}.plan-matrix thead th{font-size:12px;padding:16px 6px}.plan-matrix thead th:first-child{font-size:10px}.plan-matrix tbody th,.plan-matrix td{padding:14px 6px}.plan-matrix .matrix-group th{font-size:12px;padding:26px 6px 14px}.plan-matrix a{min-height:36px}.plan-matrix a>span{display:none}.matrix-check{width:20px;height:20px;font-size:13px}.credit-estimator{padding:20px;border-radius:16px}.credit-result{padding:18px}.credit-quantity>span:first-child{max-width:40%}.credit-quantity input{font-size:24px;max-width:120px}.credit-result-heading strong{font-size:32px}.network-source{width:90px}.network-hub{min-width:130px}.connection-network{margin-bottom:26px}.connection-flow{gap:12px}.connection-flow strong{font-size:11px}.connection-detail h3{font-size:28px}.integration-category>div{grid-template-columns:1fr}.integration-category a{grid-template-columns:38px minmax(0,1fr) 16px;padding:22px}.site-bottom .product-links{padding-top:36px}.site-bottom .product-links a{font-size:12px}.credit-presets button{font-size:11px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.network-wire i{animation:none}.network-wire i:nth-child(1){left:25%}.network-wire i:nth-child(2){left:50%}.network-wire i:nth-child(3){left:75%}.integration-category a:hover{transform:none}.menu-lines i{transition:none}}
