/* Native SDK & Applications product-specific diagrams and interactions */
.native-applications-page { --client-blue:var(--product-blue); --client-cyan:var(--product-cyan); --client-green:#42d39d; --client-violet:#756bff; --client-night:#05151f; }
.client-hero { background:radial-gradient(circle at 84% 25%,rgba(39,101,255,.24),transparent 31rem),radial-gradient(circle at 62% 79%,rgba(32,210,223,.13),transparent 31rem),linear-gradient(145deg,#031018,#061822 58%,#0a182c); }
.client-hero-system { padding:1rem; }
.client-hero-system>header { display:flex;min-height:4.3rem;padding:.75rem .9rem;border:1px solid rgba(136,201,226,.15);border-radius:9px;background:rgba(255,255,255,.025);align-items:center;justify-content:space-between; }
.client-hero-system>header span,.client-hero-path span,.client-hero-tabs span,.client-foundation-map span,.client-adoption-panels header>span,.client-management-modes>article>span,.client-update-flow>span,.client-transport-summary>article>span,.client-rxt-route>span,.client-http-mechanics>article>span,.client-p2p-layout>ol span { display:block;color:#64e4ec;font-size:var(--product-font-label-xs);font-weight:700;letter-spacing:.09em;text-transform:uppercase; }
.client-hero-system>header strong { display:block;margin-top:.2rem;color:#f5fbff;font-size:var(--product-font-title-sm); }
.client-hero-system>header small { color:#7d96a2;font-size:var(--product-font-caption); }
.client-hero-tabs { margin-top:.75rem; }
.client-hero-path { display:grid;margin-top:.75rem;padding:1rem;border:1px solid rgba(136,201,226,.14);border-radius:9px;background:rgba(255,255,255,.02);grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center; }
.client-hero-path>div { min-height:7.8rem;padding:1rem;border:1px solid rgba(136,201,226,.18);border-radius:8px;background:rgba(7,32,47,.78); }
.client-hero-path>div.is-foundation { border-color:rgba(65,214,220,.45);background:linear-gradient(145deg,rgba(13,84,102,.56),rgba(25,55,104,.57)); }
.client-hero-path strong { display:block;margin-top:.45rem;color:#f2f9fc;font-size:var(--product-font-card); }
.client-hero-path small { display:block;margin-top:.5rem;color:#84a0ac;font-size:var(--product-font-label-xs);line-height:1.45; }
.client-hero-path>i { color:#57e0e9;font-style:normal; }
.client-hero-path>i::after { content:"\2192"; }
.client-hero-capabilities { display:flex;margin-top:.75rem;padding:.75rem;border:1px solid rgba(136,201,226,.13);border-radius:7px;background:rgba(255,255,255,.02);gap:.55rem;flex-wrap:wrap; }
.client-hero-capabilities span { padding:.35rem .5rem;border:1px solid rgba(123,176,201,.15);border-radius:4px;color:#9bb2bd;font-size:var(--product-font-label-xs); }
.client-hero-system>footer { display:flex;margin-top:.75rem;padding:.7rem .2rem 0;border-top:1px solid rgba(136,201,226,.13);color:#8da5b0;font-size:var(--product-font-caption);justify-content:space-between;gap:1rem; }
.client-hero-system>footer strong { color:#d9e8ee; }
.client-proof-band { border-bottom:1px solid var(--product-line);background:#fff; }
.client-proof-band>.container { display:grid;padding-top:1.2rem;padding-bottom:1.2rem;grid-template-columns:minmax(0,1.4fr) minmax(18rem,.6fr);gap:2rem;align-items:center; }
.client-proof-band dl { display:grid;margin:0;grid-template-columns:repeat(3,minmax(0,1fr)); }
.client-proof-band dl div { padding:.4rem 1.25rem;border-left:1px solid var(--product-line); }
.client-proof-band dl div:first-child { padding-left:0;border-left:0; }
.client-proof-band dt { color:#15394a;font-size:clamp(1.7rem,2.4vw,2.25rem);letter-spacing:-.04em; }
.client-proof-band dd { margin:0;color:#718994;font-size:var(--product-font-caption); }
.client-proof-band p { margin:0;color:#80939c;font-size:var(--product-font-caption);line-height:1.5; }
.client-operations-section,.client-http-section { background:var(--product-surface); }
.client-scenario-flow,.client-generate-flow,.client-custom-flow,.client-security-flow,.client-dns-flow,.client-delivery-options { display:grid;margin:0;padding:1.2rem;border:1px solid var(--product-line);border-radius:12px;background:#f7fafe;gap:.65rem;align-items:center; }
.client-scenario-flow { grid-template-columns:1fr auto 1fr auto 1fr; }
.client-scenario-flow>div,.client-generate-flow li,.client-custom-flow li,.client-security-flow li,.client-dns-flow>div,.client-dns-flow>strong,.client-delivery-options section { min-height:7rem;padding:.8rem;border:1px solid #dce6eb;border-radius:8px;background:#fff; }
.client-scenario-flow>div.is-sdk { border-color:#9fb9ff;background:#ebf1ff; }
.client-scenario-flow span,.client-delivery-options span { display:block;color:var(--client-blue);font-size:var(--product-font-label-xs);font-weight:700;text-transform:uppercase; }
.client-scenario-flow strong,.client-delivery-options strong,.client-delivery-options small { display:block;margin-top:.45rem;color:#315361;font-size:var(--product-font-caption); }
.client-delivery-options small { color:#748b95; }
.client-scenario-flow>i { color:var(--client-blue);font-style:normal; }
.client-scenario-flow>i::after { content:"\2192"; }
.client-generate-flow,.client-custom-flow,.client-security-flow { grid-template-columns:repeat(4,minmax(0,1fr));list-style:none; }
.client-custom-flow,.client-security-flow { grid-template-columns:repeat(5,minmax(0,1fr)); }
.client-generate-flow li,.client-custom-flow li,.client-security-flow li { position:relative;display:flex;color:#315361;font-size:var(--product-font-caption);font-weight:700;text-align:center;align-items:center;justify-content:center;flex-direction:column; }
.client-generate-flow li:nth-child(2),.client-custom-flow li:nth-child(3),.client-security-flow li:nth-child(3) { border-color:#9fb9ff;background:#ebf1ff;color:#1b51b4; }
.client-generate-flow li+li,.client-custom-flow li+li,.client-security-flow li+li { margin-left:1rem; }
.client-generate-flow li+li::before,.client-custom-flow li+li::before,.client-security-flow li+li::before { position:absolute;left:-1.05rem;color:var(--client-blue);content:"\2192"; }
.client-generate-flow small { display:block;margin-top:.4rem;color:#667d88;font-size:var(--product-font-label-xs); }
.client-delivery-options { grid-template-columns:repeat(3,minmax(0,1fr)); }
.client-delivery-options section:nth-child(1) { border-color:#a8e2d8;background:#eefaf7; }
.client-delivery-options section:nth-child(2) { border-color:#9fb9ff;background:#edf2ff; }
.client-delivery-options section:nth-child(3) { border-color:#c2b7ff;background:#f3f0ff; }
.client-inline-boundary { grid-column:2;margin:-2.5rem 0 0;padding:.8rem 1rem;border-left:2px solid var(--client-cyan);background:#f7fafb;color:#708691;font-size:var(--product-font-caption); }
.client-dns-flow { grid-template-columns:.8fr 1fr 1.3fr .8fr; }
.client-dns-flow>div,.client-dns-flow>strong { display:flex;min-height:6rem;color:#315361;font-size:var(--product-font-caption);align-items:center;justify-content:center;text-align:center; }
.client-dns-flow>strong { border-color:#9fb9ff;background:#ebf1ff;color:#1b51b4; }
.client-dns-flow ul { display:grid;margin:0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;list-style:none; }
.client-dns-flow li { padding:.5rem;border:1px solid #dce6eb;border-radius:5px;background:#fff;color:#526d79;font-size:var(--product-font-caption); }
.client-foundation-section,.client-adoption-section { background:var(--product-canvas); }
.client-foundation-map,.client-adoption-shell,.client-operations-map,.client-update-flow,.client-rxt-detail,.client-http-animation,.client-http-evidence,.client-p2p-layout { overflow:hidden;border:1px solid var(--product-line);border-radius:12px;background:#fff; }
.client-foundation-platform { display:flex;padding:1rem 1.2rem;border-bottom:1px solid #aec3ff;background:#eaf0ff;align-items:center;justify-content:space-between;gap:1rem; }
.client-foundation-platform strong { color:#1c51b1;font-size:var(--product-font-card); }
.client-foundation-platform span { color:#59748a;font-size:var(--product-font-caption);font-weight:500;letter-spacing:0;text-transform:none; }
.client-foundation-core { padding:1.1rem;text-align:center; }
.client-foundation-core span { color:var(--client-blue); }
.client-foundation-core strong { display:block;margin-top:.35rem;color:#15394a;font-size:var(--product-font-title-lg); }
.client-foundation-groups { display:grid;border-top:1px solid var(--product-line);grid-template-columns:repeat(4,minmax(0,1fr)); }
.client-foundation-groups article { padding:1.2rem; }
.client-foundation-groups article+article { border-left:1px solid var(--product-line); }
.client-foundation-groups article>span { color:var(--client-blue); }
.client-foundation-groups ul { margin:.8rem 0 0;padding:0;list-style:none; }
.client-foundation-groups li { padding:.38rem 0;border-bottom:1px solid #edf1f3;color:#536e79;font-size:var(--product-font-caption); }
.client-foundation-map>footer { display:flex;padding:.9rem 1.2rem;border-top:1px solid var(--product-line);background:#f8fafb;color:#57727e;font-size:var(--product-font-caption);gap:.7rem;align-items:center;justify-content:center; }
.client-foundation-map>footer span { color:#57727e;font-size:var(--product-font-caption);letter-spacing:0;text-transform:none; }
.client-foundation-map>footer i { width:.3rem;height:.3rem;border-radius:50%;background:var(--client-cyan); }
.client-foundation-map>footer strong { margin-left:auto;color:#1f50ad; }
.client-adoption-panels>article { padding:1.4rem; }
.client-adoption-panels header>span { color:var(--client-blue); }
.client-adoption-panels h3 { margin:.45rem 0 .6rem;font-size:var(--product-font-title-lg); }
.client-adoption-panels header p { max-width:70ch;color:var(--product-muted);font-size:var(--product-font-body-compact); }
.client-adoption-panels ol { display:grid;margin:1.2rem 0;padding:0;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none; }
.client-adoption-panels ol li { position:relative;display:flex;min-height:6.8rem;padding:.75rem;border:1px solid var(--product-line);color:#355765;font-size:var(--product-font-caption);text-align:center;align-items:center;justify-content:center; }
.client-adoption-panels ol li+li { margin-left:1rem; }
.client-adoption-panels ol li+li::before { position:absolute;left:-1.05rem;color:var(--client-blue);content:"\2192"; }
.client-keep-add { display:grid;border:1px solid var(--product-line);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr)); }
.client-keep-add section { padding:1rem; }
.client-keep-add section+section { border-left:1px solid var(--product-line);background:#f2f6ff; }
.client-keep-add span { color:var(--client-blue);font-size:var(--product-font-label-xs);font-weight:700;text-transform:uppercase; }
.client-keep-add ul { display:grid;margin:.7rem 0 0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;list-style:none; }
.client-keep-add li,.client-custom-needs span { padding:.45rem;border:1px solid #e0e7eb;border-radius:4px;color:#536e79;font-size:var(--product-font-caption); }
.client-adoption-panels figure { overflow:hidden;margin:1rem 0 0;border:1px solid var(--product-line);border-radius:9px;background:#eef3f7; }
.client-adoption-panels figure img { display:block;width:100%;height:auto; }
.client-adoption-panels figcaption { padding:.75rem .9rem;border-top:1px solid var(--product-line);color:#6f8691;font-size:var(--product-font-caption); }
.client-custom-needs { display:flex;gap:.5rem;flex-wrap:wrap; }
.client-adoption-shell>footer { display:flex;padding:.85rem 1.2rem;border-top:1px solid var(--product-line);background:#eef3ff;color:#59748a;font-size:var(--product-font-caption);justify-content:space-between; }
.client-adoption-shell>footer strong { color:#1d51b0; }
.client-operations-map { padding:1.2rem; }
.client-app-sources { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem; }
.client-app-sources span { padding:.8rem;border:1px solid var(--product-line);border-radius:6px;background:#f8fafb;color:#315563;font-size:var(--product-font-caption);font-weight:700;text-align:center; }
.client-registration { position:relative;width:16rem;margin:1.7rem auto;padding:.8rem;border:1px solid #9cb7ff;border-radius:7px;background:#eaf0ff;text-align:center; }
.client-registration::before,.client-registration::after { position:absolute;left:50%;width:1px;height:1.75rem;background:var(--client-blue);content:""; }
.client-registration::before { top:-1.75rem; }.client-registration::after { bottom:-1.75rem; }
.client-registration strong,.client-registration small { display:block;color:#1d51b0;font-size:var(--product-font-caption); }
.client-registration small { margin-top:.25rem;color:#6c82a2; }
.client-operations-platform { margin-top:1.7rem;border:1px solid #aec3ff;border-radius:9px;background:#f4f7ff; }
.client-operations-platform>strong { display:block;padding:.8rem 1rem;border-bottom:1px solid #bfd0ff;color:#1c50ae; }
.client-operations-platform>div { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); }
.client-operations-platform section { padding:1rem; }.client-operations-platform section+section { border-left:1px solid #cfdaed; }
.client-operations-platform section span { color:var(--client-blue);font-size:var(--product-font-label-xs);font-weight:700;text-transform:uppercase; }
.client-operations-platform section p { margin:.45rem 0 0;color:#617884;font-size:var(--product-font-caption); }
.client-operations-platform footer { padding:.75rem 1rem;border-top:1px solid #cfdaed;color:#526f7d;font-size:var(--product-font-caption);text-align:center; }
.client-management-modes { display:grid;margin-top:1rem;border:1px solid var(--product-line);border-radius:11px;background:#fff;grid-template-columns:repeat(3,minmax(0,1fr)); }
.client-management-modes article { padding:1.2rem; }.client-management-modes article+article { border-left:1px solid var(--product-line); }
.client-management-modes>article>span { color:var(--client-blue); }
.client-management-modes h3 { margin:.45rem 0 .6rem;font-size:var(--product-font-title); }
.client-management-modes p { margin:0;color:var(--product-muted);font-size:var(--product-font-body-compact); }
.client-update-flow { margin-top:1rem;padding:1.2rem; }
.client-update-flow>span { color:var(--client-blue); }
.client-update-flow ol { display:grid;margin:1rem 0;padding:0;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none; }
.client-update-flow li { position:relative;padding:.75rem;border:1px solid var(--product-line);color:#355764;font-size:var(--product-font-caption);text-align:center; }
.client-update-flow li+li { margin-left:1rem; }.client-update-flow li+li::before { position:absolute;left:-1.05rem;color:var(--client-blue);content:"\2192"; }
.client-update-flow p { margin:0;color:var(--product-muted);font-size:var(--product-font-caption); }
.client-rxt-section,.client-p2p-section { border-color:rgba(139,199,222,.13);background:linear-gradient(135deg,#04131d,#071d2a 67%,#0a192f);color:#f4fbff; }
.client-rxt-section .product-section-heading p:last-child,.client-p2p-section .product-section-heading p { color:#9bb0bb; }
.client-transport-summary { display:grid;border:1px solid rgba(139,199,222,.17);border-radius:11px;background:rgba(255,255,255,.025);grid-template-columns:repeat(3,minmax(0,1fr)); }
.client-transport-summary article { padding:1.15rem; }.client-transport-summary article+article { border-left:1px solid rgba(139,199,222,.14); }
.client-transport-summary>article>span { color:#65e2e9; }
.client-transport-summary strong,.client-transport-summary small { display:block;margin-top:.4rem;color:#e1eef3;font-size:var(--product-font-card); }
.client-transport-summary small { color:#829ca8;font-size:var(--product-font-caption); }
.client-rxt-detail { display:grid;margin-top:1rem;padding:1.3rem;border-color:rgba(139,199,222,.17);background:rgba(255,255,255,.025);grid-template-columns:minmax(26rem,1fr) minmax(20rem,1fr);gap:2rem; }
.client-rxt-route>span { color:#65e2e9; }
.client-rxt-route ol { display:grid;margin:1rem 0;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none; }
.client-rxt-route li { position:relative;padding:1rem;border:1px solid rgba(139,199,222,.2);color:#bfd0d8;font-size:var(--product-font-caption);text-align:center; }
.client-rxt-route li+li { margin-left:1.1rem; }.client-rxt-route li+li::before { position:absolute;left:-1.15rem;color:#5adfe8;content:"\2194"; }
.client-rxt-route li.is-rxt { border-color:rgba(76,219,222,.48);background:rgba(30,151,170,.1);color:#73e2e9; }
.client-rxt-route ul { display:flex;margin:0;padding:0;gap:.45rem;flex-wrap:wrap;list-style:none; }
.client-rxt-route ul li { padding:.4rem .5rem;border:1px solid rgba(139,199,222,.15);border-radius:4px;color:#849da8;font-size:var(--product-font-label-xs); }
.client-rxt-detail>div:last-child p:not(.product-eyebrow) { color:#9bb0bb;font-size:var(--product-font-body-compact); }
.client-rxt-detail>div:last-child small { display:block;padding:.7rem;border-left:2px solid var(--client-cyan);color:#829ca8;font-size:var(--product-font-caption); }
.client-rxt-detail a { display:inline-block;margin-top:1rem;color:#6de6ed;font-size:var(--product-font-caption);font-weight:700;text-decoration:none; }
.client-http-compatibility { margin-top:1rem!important;padding-left:1rem;border-left:2px solid var(--client-blue);color:#345868!important;font-size:var(--product-font-body-compact)!important; }
.client-http-mechanics { display:grid;border:1px solid var(--product-line);border-radius:12px;background:#fff;grid-template-columns:repeat(2,minmax(0,1fr)); }
.client-http-mechanics article { min-height:17rem;padding:1.35rem; }.client-http-mechanics article:nth-child(even) { border-left:1px solid var(--product-line); }.client-http-mechanics article:nth-child(n+3) { border-top:1px solid var(--product-line); }
.client-http-mechanics>article>span { color:var(--client-blue); }
.client-http-mechanics h3 { margin:.45rem 0 .7rem;font-size:var(--product-font-title); }
.client-http-mechanics p { color:var(--product-muted);font-size:var(--product-font-body-compact); }
.client-http-boundary { margin:1rem 0 0;padding:.8rem 1rem;border-left:2px solid var(--client-cyan);background:#f5f8fa;color:#708691;font-size:var(--product-font-caption); }
.client-http-animation { display:grid;margin-top:1rem;grid-template-columns:minmax(13rem,.33fr) minmax(35rem,1.67fr); }
.client-http-stages { padding:.75rem;border-right:1px solid var(--product-line);background:#f6f8fa; }
.client-http-stages button { display:block;width:100%;min-height:4rem;padding:.65rem;border:1px solid transparent;border-radius:6px;background:transparent;color:#536e7a;text-align:left;touch-action:manipulation; }
.client-http-stages button+button { margin-top:.4rem; }
.client-http-stages button span,.client-http-stages button strong { display:block; }.client-http-stages button span { color:var(--product-muted);font-size:var(--product-font-label-xs); }.client-http-stages button strong { margin-top:.2rem;font-size:var(--product-font-caption); }
.client-http-stages button.is-active { border-color:#9db7ff;background:#eaf0ff;color:#1d51b0; }
.client-http-route { display:grid;padding:1.2rem;grid-template-columns:1fr auto 1fr auto 1fr auto .8fr;gap:.7rem;align-items:center; }
.client-http-route>div { min-height:8rem;padding:.8rem;border:1px solid var(--product-line);border-radius:7px;background:#f9fbfc; }
.client-http-route span,.client-http-route b,.client-http-route small { display:block;color:#315463;font-size:var(--product-font-caption); }
.client-http-route span { color:var(--client-blue);font-size:var(--product-font-label-xs);font-weight:700;text-transform:uppercase; }.client-http-route b { margin-top:.4rem; }.client-http-route small { margin-top:.4rem;color:#758b95; }
.client-http-route>i { color:var(--client-blue);font-style:normal; }.client-http-route>i::after { content:"\2192"; }
.client-http-segment b { display:grid;margin-top:.8rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem; }.client-http-segment em { height:2.4rem;background:linear-gradient(#35d3dd,#2868ff);opacity:.75; }.client-http-segment em.is-slow { background:#f0a866;animation:client-range-pulse 1.4s ease-in-out infinite; }
@keyframes client-range-pulse { 50% { opacity:.35; } }
.client-http-route>p { grid-column:1/-1;margin:0;padding:.7rem;border-left:2px solid var(--client-cyan);background:#f6f9fa;color:#617985;font-size:var(--product-font-caption); }
.client-http-evidence { margin-top:1rem; }.client-http-evidence>header { padding:1.2rem; }.client-http-evidence h3 { max-width:44rem;margin:.3rem 0 .7rem;font-size:var(--product-font-title-lg); }.client-http-evidence>header>span { color:#708691;font-size:var(--product-font-caption); }
.client-http-table { overflow-x:auto;border-top:1px solid var(--product-line);border-bottom:1px solid var(--product-line); }.client-http-table table { width:100%;min-width:60rem;border-collapse:collapse; }.client-http-table th,.client-http-table td { padding:.8rem;border-right:1px solid var(--product-line);border-bottom:1px solid var(--product-line);color:#536f7b;font-size:var(--product-font-caption);text-align:left;vertical-align:top; }.client-http-table th { color:#315463; }.client-http-table thead th { background:#f5f8fa;color:var(--product-muted);font-size:var(--product-font-label-xs);text-transform:uppercase; }.client-http-table small { color:var(--product-muted); }.client-http-evidence>p,.client-http-evidence>footer { margin:0;padding:.9rem 1.2rem;color:#526f7d;font-size:var(--product-font-caption); }.client-http-evidence>footer { border-top:1px solid var(--product-line);background:#f4f7ff;color:var(--product-muted); }
.client-p2p-layout { display:grid;border-color:rgba(139,199,222,.17);background:rgba(255,255,255,.025);grid-template-columns:minmax(22rem,.78fr) minmax(32rem,1.22fr); }
.client-p2p-layout>ol { margin:0;padding:0;border-right:1px solid rgba(139,199,222,.14);list-style:none; }.client-p2p-layout>ol li { padding:1.1rem; }.client-p2p-layout>ol li+li { border-top:1px solid rgba(139,199,222,.13); }.client-p2p-layout>ol span { color:#65e2e9; }.client-p2p-layout>ol p { margin:.4rem 0 0;color:#94aab5;font-size:var(--product-font-caption); }
.client-p2p-diagram { position:relative;padding:1.3rem; }.client-tracker { width:18rem;margin:0 auto 3rem;padding:.8rem;border:1px solid rgba(107,119,255,.44);border-radius:7px;background:rgba(82,74,210,.11);text-align:center; }.client-tracker span,.client-tracker strong { display:block;color:#a8a0ff;font-size:var(--product-font-caption); }.client-tracker strong { margin-top:.3rem;color:#d0ccff; }
.client-peers { display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.6rem;align-items:center; }.client-peers span { padding:1rem;border:1px solid rgba(89,218,222,.33);border-radius:7px;color:#c2d5dc;font-size:var(--product-font-caption);text-align:center; }.client-peers i { position:relative;width:3rem;height:2px;background:#45d5dc; }.client-peers i::after { position:absolute;top:-.2rem;width:.4rem;height:.4rem;border-radius:50%;background:#69e7ed;box-shadow:0 0 10px #4fdce4;animation:client-peer-flow 1.7s linear infinite;content:""; }
@keyframes client-peer-flow { from { left:0; } to { left:calc(100% - .4rem); } }
.client-p2p-origin { display:flex;margin-top:2.2rem;padding:.8rem;border:1px solid rgba(139,199,222,.15);border-radius:7px;background:rgba(255,255,255,.025);justify-content:space-between; }.client-p2p-origin strong,.client-p2p-origin span { color:#d4e3e9;font-size:var(--product-font-caption); }.client-p2p-origin span { color:#829ca7; }
.client-p2p-diagram ul { display:flex;margin:1.5rem 0 0;padding:0;gap:.4rem;flex-wrap:wrap;list-style:none; }.client-p2p-diagram li { padding:.4rem .5rem;border:1px solid rgba(139,199,222,.14);border-radius:4px;color:#839ca8;font-size:var(--product-font-label-xs); }
.client-p2p-value { display:grid;margin-top:1rem;border:1px solid rgba(139,199,222,.17);border-radius:9px;grid-template-columns:repeat(4,minmax(0,1fr)); }.client-p2p-value span { padding:.9rem;color:#a4b8c1;font-size:var(--product-font-caption); }.client-p2p-value span+span { border-left:1px solid rgba(139,199,222,.13); }.client-p2p-note { margin:1rem 0 0;padding:.8rem 1rem;border-left:2px solid var(--client-cyan);background:rgba(255,255,255,.025);color:#849da8;font-size:var(--product-font-caption); }
@media(max-width:1199px){.client-foundation-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.client-foundation-groups article:nth-child(3){border-top:1px solid var(--product-line);border-left:0}.client-foundation-groups article:nth-child(4){border-top:1px solid var(--product-line)}.client-http-route{grid-template-columns:repeat(4,minmax(0,1fr))}.client-http-route>i{display:none}.client-http-route>p{grid-column:1/-1}}
@media(max-width:991px){.client-hero-system{margin-top:1rem}.client-proof-band>.container,.client-rxt-detail,.client-p2p-layout{grid-template-columns:1fr}.client-inline-boundary{grid-column:1;margin:-1.4rem 0 0}.client-adoption-panels ol,.client-update-flow ol{grid-template-columns:repeat(3,minmax(0,1fr))}.client-adoption-panels ol li:nth-child(n+4),.client-update-flow li:nth-child(n+4){margin-top:1rem}.client-http-animation{grid-template-columns:1fr}.client-http-stages{display:grid;border-right:0;border-bottom:1px solid var(--product-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.client-http-stages button+button{margin-top:0}.client-p2p-layout>ol{border-right:0;border-bottom:1px solid rgba(139,199,222,.14)}}
@media(max-width:767px){.client-hero-system>header{align-items:flex-start;flex-direction:column;gap:.45rem}.client-hero-path,.client-proof-band dl,.client-generate-flow,.client-custom-flow,.client-security-flow,.client-dns-flow,.client-foundation-groups,.client-keep-add,.client-app-sources,.client-operations-platform>div,.client-management-modes,.client-transport-summary,.client-http-mechanics,.client-http-stages,.client-http-route,.client-peers,.client-p2p-value{grid-template-columns:1fr}.client-hero-path>i,.client-scenario-flow>i{text-align:center}.client-hero-path>i::after,.client-scenario-flow>i::after{content:"\2193"}.client-hero-system>footer,.client-foundation-platform,.client-adoption-shell>footer,.client-p2p-origin{align-items:flex-start;flex-direction:column}.client-proof-band dl div{padding:.8rem 0;border-top:1px solid var(--product-line);border-left:0}.client-proof-band dl div:first-child{border-top:0}.client-scenario-flow{grid-template-columns:1fr}.client-scenario-flow>div,.client-generate-flow li,.client-custom-flow li,.client-security-flow li{min-height:4.8rem}.client-generate-flow li+li,.client-custom-flow li+li,.client-security-flow li+li,.client-adoption-panels ol li+li,.client-update-flow li+li{margin-top:1.4rem;margin-left:0}.client-generate-flow li+li::before,.client-custom-flow li+li::before,.client-security-flow li+li::before,.client-adoption-panels ol li+li::before,.client-update-flow li+li::before{top:-1.45rem;left:50%;content:"\2193"}.client-delivery-options{grid-template-columns:1fr}.client-dns-flow ul{grid-template-columns:1fr}.client-foundation-groups article+article,.client-foundation-groups article:nth-child(3),.client-foundation-groups article:nth-child(4),.client-keep-add section+section,.client-management-modes article+article,.client-transport-summary article+article,.client-http-mechanics article:nth-child(even),.client-http-mechanics article:nth-child(n+3){border-top:1px solid var(--product-line);border-left:0}.client-foundation-map>footer{align-items:flex-start;flex-direction:column}.client-foundation-map>footer i{display:none}.client-foundation-map>footer strong{margin-left:0}.client-adoption-panels ol,.client-update-flow ol{grid-template-columns:1fr}.client-operations-platform section+section{border-top:1px solid #cfdaed;border-left:0}.client-rxt-detail{grid-template-columns:1fr}.client-rxt-route ol{grid-template-columns:1fr}.client-rxt-route li+li{margin-top:1.4rem;margin-left:0}.client-rxt-route li+li::before{top:-1.45rem;left:50%;content:"\2195"}.client-http-mechanics article{min-height:0}.client-http-route>div{min-height:5rem}.client-p2p-diagram{padding:1rem}.client-tracker{width:auto}.client-peers span{min-height:4rem}.client-peers i{width:2px;height:2rem;margin:auto}.client-peers i::after{animation:none}}
@media(prefers-reduced-motion:reduce){.client-peers i::after,.client-http-segment em.is-slow{animation:none}}