/* Source-backed Cloud overview. No content-entry animation or scroll capture. */
.cloud-overview-content { --cloud-accent:#007f9e;--cloud-ink:#112c42;--cloud-muted:#526d7d; }
.cloud-overview-page > .page-hero { padding-bottom:16px; }
.cloud-overview-content .cloud-overview-chapter { margin:0; }
.cloud-overview-content .cloud-section { position:relative;margin-block:32px;padding:36px;border-radius:14px;color:var(--cloud-ink);border-color:#dce8ed;background:#fff; }
.cloud-overview-content .cloud-section:first-child { margin-top:0; }
.cloud-overview-content .cloud-section :is(h2,h3,p) { margin-inline:0;max-width:72ch;letter-spacing:normal; }
.cloud-overview-content .cloud-section h2 { margin:0;font-size:30px;line-height:1.35;font-weight:650; }
.cloud-overview-content .cloud-section h3 { margin:0 0 16px;font-size:22px;line-height:1.4;font-weight:600; }
.cloud-overview-content .cloud-section p { margin:16px 0 0;font-size:16px;line-height:1.75;white-space:pre-line; }
.cloud-overview-content .cloud-section a { color:var(--cloud-accent);text-decoration:none; }
.cloud-overview-content .cloud-section a:hover { text-decoration:underline;text-underline-offset:4px; }
.cloud-overview-content .cloud-section :is(a,button,summary,[role="tabpanel"]):focus-visible { outline:2px solid #0088a9;outline-offset:4px; }
.cloud-overview-content .cloud-section [hidden] { display:none!important; }
.cloud-section-heading { display:flex;align-items:flex-start;gap:18px;margin-bottom:28px; }
.cloud-section-number { flex:none;margin-top:4px;color:#1688a1;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.08em; }
.cloud-section-intro { color:var(--cloud-muted); }
.cloud-anchor { position:absolute;top:0;scroll-margin-top:max(0px,calc(var(--source-header-space,80px) + 24px - var(--source-document-scroll-padding,120px))); }
.cloud-symbol { display:inline-flex;flex:none;color:#078cab; }
.cloud-symbol svg { width:56px;height:56px; }
.cloud-media { margin:24px 0 0;padding:0;min-width:0; }
.cloud-media img { display:block;width:100%;height:auto;max-width:100%;object-fit:contain; }
.cloud-overview-content .cloud-hero { display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:28px;min-height:410px;padding:40px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 88% 18%,#07556b 0%,transparent 57%),linear-gradient(135deg,#10263b,#081c30);border-color:#17394b;color:#fff; }
.cloud-hero::before { content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(#43c7db30 1px,transparent 1px),linear-gradient(90deg,#43c7db30 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none; }
.cloud-hero-copy { position:relative;min-width:0; }
.cloud-overview-content .cloud-hero .cloud-brand { display:flex;align-items:center;gap:10px;color:#a4dce7;font-size:13px;letter-spacing:.04em;margin:0 0 22px; }
.cloud-brand .cloud-symbol svg { width:28px;height:28px; }
.cloud-overview-content .cloud-hero h2 { font-size:42px;line-height:1.35;color:#fff;max-width:18ch; }
.cloud-overview-content .cloud-hero-copy > p:not(.cloud-brand) { margin-top:22px;color:#cbdde7; }
.cloud-hero-visual { position:relative;min-width:0;padding:28px 0; }
.cloud-hero-visual::before { content:"";position:absolute;width:85%;aspect-ratio:1;border:1px solid #4ac6d332;border-radius:50%;left:8%;top:50%;transform:translateY(-50%);box-shadow:0 0 0 26px #3cbbcf09,0 0 0 52px #3cbbcf06;pointer-events:none; }
.cloud-hero-visual .cloud-media { position:relative;margin:0;filter:drop-shadow(0 18px 24px #0005); }
.cloud-tabs { display:none; }
.cloud-tabs-ready > .cloud-tabs { display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #dce8ed;margin-bottom:28px;padding:4px 4px 16px; }
.cloud-tabs button { display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:11px 18px;border:1px solid #d8e7ed;border-radius:7px;background:#fff;color:#426171;font-size:14px;text-align:left; }
.cloud-tabs button[aria-selected="true"] { background:#e8f7fa;border-color:#79bacb;color:#006f8c; }
.cloud-tab-number { font-size:12px;color:#6f9aa8;font-variant-numeric:tabular-nums; }
.cloud-cap-panel { display:grid;grid-template-columns:70px minmax(0,1fr);align-items:start;gap:22px;padding-block:12px;min-height:280px; }
.cloud-cap-copy { min-width:0; }
.cloud-cap-copy > :first-child { margin-top:0!important; }
.cloud-cap-copy .cloud-media { max-width:440px;margin:24px auto 0; }
.cloud-cap-copy > p:has(a) { display:inline-flex;margin:18px 20px 0 0;min-height:44px;align-items:center;font-size:14px!important; }
.cloud-cap-copy > p:not(:has(a)):not(:first-child) { color:var(--cloud-muted); }
.cloud-cap-panel:has(> .cloud-hardware-content) { display:block; }
.cloud-hardware-content > :first-child { margin-top:0!important; }
.cloud-hardware-content > p { color:var(--cloud-muted); }
.cloud-hardware-workbench { display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:24px;margin-top:28px;border:1px solid #d4e6ed;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#f1fafc,#fff 74%); }
.cloud-hardware-visual { min-width:0;padding:12px 18px 20px; }
.cloud-hardware-stage { min-width:0; }
.cloud-hardware-stage > svg { width:100%;height:auto; }
.cloud-hardware-device { cursor:pointer;transition:stroke 180ms ease,filter 180ms ease; }
.cloud-hardware-device.is-selected { stroke:#0089a8;stroke-width:3;filter:drop-shadow(0 0 7px #31bdd34d); }
.cloud-hardware-link.is-selected { stroke:#81c5d5; }
.cloud-hardware-signal { opacity:.65; }
.cloud-hardware-signal.is-selected { opacity:1; }
.cloud-hardware-caption { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:4px;font-size:13px;color:var(--cloud-muted); }
.cloud-signal-control { display:none;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #acd6e0;border-radius:6px;background:#fff;color:#007b98;font-size:13px; }
.cloud-signal-state { width:10px;height:10px;background:#008eaa;border-radius:2px; }
.cloud-signal-control[aria-pressed="false"] .cloud-signal-state { width:0;height:0;background:transparent;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #008eaa;border-radius:0; }
.cloud-hardware-controls { min-width:0;padding:24px 24px 24px 0; }
.cloud-overview-content .cloud-control-kicker { margin:0 0 16px;font-size:13px;color:var(--cloud-muted); }
.cloud-hardware-workbench.cloud-tabs-ready .cloud-hardware-tabs { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 24px;padding:0;border:0; }
.cloud-hardware-tabs button { display:flex;align-items:center;gap:8px;min-width:0;width:100%;font-size:16px;line-height:1.5;padding:12px; }
.cloud-device-panel { padding:20px;background:#fff;border:1px solid #dceaf0;border-radius:10px; }
.cloud-device-panel > svg { width:40px;height:40px;color:#0089a8; }
.cloud-overview-content .cloud-device-panel p { margin:16px 0 0;font-size:16px;line-height:1.75; }
.cloud-hardware-actions { display:flex;flex-wrap:wrap;gap:16px;margin-top:20px; }
.cloud-overview-content .cloud-hardware-actions p { margin:0;font-size:14px; }
.cloud-hardware-actions a { display:inline-flex;align-items:center;min-height:44px; }
.cloud-hardware-role-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px; }
.cloud-hardware-role-grid article { min-width:0;padding:22px;border:1px solid #d7e8ee;border-radius:10px;background:#f6fbfd; }
.cloud-hardware-role-grid svg { width:40px;height:40px;color:#0089a8; }
.cloud-overview-content .cloud-role-label { font-size:18px;line-height:1.5;font-weight:600; }
.cloud-overview-content .cloud-hardware-role-grid .cloud-role-label+p { color:var(--cloud-muted); }
.cloud-overview-content .cloud-architecture { background:linear-gradient(125deg,#ecf8fb,#f8fcfd 60%,#fff); }
.cloud-foundations { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
.cloud-foundation { display:flex;flex-direction:column;min-width:0;padding:24px 20px;border:1px solid #cfe4ec;border-radius:10px;background:#ffffffc9; }
.cloud-foundation .cloud-symbol svg { width:112px;height:92px; }
.cloud-overview-content .cloud-foundation p { font-size:16px;font-weight:600;line-height:1.65;margin-top:18px; }
.cloud-foundation:last-child { border-top:3px solid #16a0b9; }
.cloud-overview-content .cloud-foundation .cloud-concept-kicker { display:flex;align-items:baseline;gap:10px;font-size:13px;font-weight:500;color:#397183;margin:0;line-height:1.5; }
.cloud-concept-kicker > span { color:#1694af;font-variant-numeric:tabular-nums; }
.cloud-concept-art { display:grid;place-items:center;min-height:190px;margin:8px 0; }
.cloud-concept-art svg { display:block;width:100%;height:auto;max-height:190px; }
.cloud-foundation-functions { background:linear-gradient(155deg,#fff,#eaf7fb); }
.cloud-foundation-availability { background:linear-gradient(155deg,#f5fbfd,#fff); }
.cloud-overview-content .cloud-workflow > .cloud-section-heading > div > h3 { margin-top:24px; }
.cloud-workflow .cloud-section-heading .cloud-media { max-width:600px; }
.cloud-original-actions { display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px; }
.cloud-original-actions p { margin:0!important;min-height:44px;display:flex;align-items:center;font-size:14px!important; }
.cloud-workflow[data-cloud-tabs] { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;background:#f2f8fb;border:1px solid #dae8ee;border-radius:10px;padding:20px; }
.cloud-workflow[data-cloud-tabs]:not(.cloud-tabs-ready) { display:block; }
.cloud-tabs-ready > .cloud-step-tabs { flex-direction:column;flex-wrap:nowrap;border:0;padding:4px;margin:0;gap:8px; }
.cloud-step-tabs button { width:100%;border-color:transparent;background:transparent;padding:14px;line-height:1.6; }
.cloud-step-number { display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #c8dce4;background:#fff;font-size:12px;flex:none; }
.cloud-step-tabs [aria-selected="true"] .cloud-step-number { color:#fff;background:#0587a4;border-color:#0587a4; }
.cloud-step-descriptions { align-self:center;min-width:0; }
.cloud-step-panel { padding:16px 8px; }
.cloud-overview-content .cloud-step-panel p { margin:0;font-size:16px;line-height:1.75; }
.cloud-manage-intro { padding:24px;background:#eef8fb;border-inline-start:2px solid #16a0b9;border-radius:0 8px 8px 0; }
.cloud-overview-content .cloud-manage-intro p { margin:0; }
.cloud-manage-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px; }
.cloud-manage-grid > article { min-width:0;padding-top:20px;border-top:1px solid #dce7ed; }
.cloud-manage-grid .cloud-media { max-height:180px;overflow:auto; }
.cloud-manage-grid .cloud-media img { max-height:180px; }
.cloud-auth-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.cloud-auth-grid article { padding:24px;background:#f7fafc;border:1px solid #dfebf0;border-radius:10px;min-width:0; }
.cloud-auth-grid .cloud-symbol svg { width:32px;height:32px; }
.cloud-overview-content .cloud-auth-grid h3 { margin-top:18px;font-size:18px; }
.cloud-overview-content .cloud-auth-grid p { color:var(--cloud-muted); }
.cloud-insight-workbench { display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:24px; }
.cloud-insight-workbench:not(.cloud-tabs-ready) { display:block; }
.cloud-insight-workbench.cloud-tabs-ready > .cloud-insight-tabs { display:block;margin:0;padding:20px 12px;border:1px solid #d9e9ef;border-radius:10px;background:#f4fafc; }
.cloud-overview-content .cloud-insight-category > p { margin:24px 10px 8px;font-size:13px;font-weight:600;color:#477889; }
.cloud-overview-content .cloud-insight-category:first-child > p { margin-top:0; }
.cloud-insight-tabs button { display:flex;width:100%;align-items:baseline;gap:10px;min-height:48px;padding:10px;border-color:transparent;background:transparent;font-size:16px;line-height:1.5; }
.cloud-insight-tabs button > span { flex:none;font-size:12px;color:#6395a4; }
.cloud-insight-panels { min-width:0; }
.cloud-insight-panel { padding:28px;border:1px solid #cde3eb;border-radius:12px;background:linear-gradient(145deg,#f4fbfd,#fff 55%); }
.cloud-insight-panel + .cloud-insight-panel { margin-top:20px; }
.cloud-tabs-ready .cloud-insight-panel { margin-top:0; }
.cloud-insight-topic { display:block;color:#408298;font-size:13px;margin-bottom:18px; }
.cloud-overview-content .cloud-insight-original h3 { margin:0; }
.cloud-overview-content .cloud-insight-original > p { margin-top:12px;color:var(--cloud-muted); }
.cloud-insight-guide { margin-top:24px; }
.cloud-insight-guide > div+div { margin-top:24px;padding-top:20px;border-top:1px solid #dceaf0; }
.cloud-insight-guide h4 { margin:0;font-size:13px;line-height:1.5;color:#087f9b;font-weight:600; }
.cloud-overview-content .cloud-insight-guide p { margin-top:8px;line-height:1.75; }
.cloud-insight-more { display:inline-flex;align-items:center;min-height:44px;margin-top:20px;font-size:14px; }
.cloud-insight-select-control { display:none; }
.cloud-resources-grid { display:grid;grid-template-columns:1.25fr 1fr;gap:24px; }
.cloud-resource { position:relative;min-width:0;border:1px solid #d9e7ed;border-radius:10px;padding:24px;background:linear-gradient(145deg,#f3f9fb,#fff); }
.cloud-whitepaper .cloud-media { max-width:180px;float:right;margin:0 0 20px 20px; }
.cloud-whitepaper .cloud-media:last-child { max-width:48px;float:none;margin-top:20px; }
.cloud-overview-content .cloud-resource > p:has(a) { font-size:14px;min-height:44px;padding-block:10px; }
.cloud-overview-content .cloud-resource > p:has(a) a { display:inline-flex;align-items:center;min-height:24px; }
.cloud-app .cloud-media { max-width:110px;float:right;margin:12px 0 16px 16px; }
.cloud-app .cloud-media img { max-height:180px; }
.cloud-resource::after { content:"";display:block;clear:both; }
.cloud-trial { display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin-top:28px;padding:24px;border-top:1px solid #d7e7ee; }
.cloud-overview-content .cloud-trial :is(h3,p) { margin:0; }
.cloud-trial .cloud-media { width:80px;margin:0; }
.cloud-trial a { display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:6px;background:#e8f7fa;font-size:14px; }
.cloud-source-remainder { padding-block:24px; }
.cloud-destination { margin-inline-start:8px;font-size:12px;color:#6a8795; }
@keyframes cloud-signal-travel { to { stroke-dashoffset:-100; } }
@media (prefers-reduced-motion:no-preference) {
 .cloud-tabs button { transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease; }
 .cloud-signal-ready .cloud-signal-control { display:inline-flex; }
 .cloud-signal-ready .cloud-hardware-signal { animation:cloud-signal-travel 4s linear infinite;animation-delay:calc(var(--cloud-signal-index)*-1s);animation-play-state:paused; }
 .cloud-signal-ready.cloud-signal-in-view[data-cloud-signal-state="playing"] .cloud-hardware-signal { animation-play-state:running; }
}
@media (prefers-reduced-motion:reduce) { .cloud-hardware-device { transition:none;filter:none; } }
@media (max-width:1000px) {
 .cloud-overview-content .cloud-hero { padding:32px; }
 .cloud-manage-grid { grid-template-columns:minmax(0,1fr); }
 .cloud-manage-grid .cloud-media { max-width:560px;max-height:none; }
 .cloud-manage-grid .cloud-media img { max-height:280px; }
 .cloud-hardware-role-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
 .cloud-overview-content .cloud-section { padding:24px 20px;margin-block:24px; }
 .cloud-overview-content .cloud-section h2 { font-size:26px; }
 .cloud-overview-content .cloud-hero { grid-template-columns:minmax(0,1fr);gap:0;padding:28px 24px; }
 .cloud-overview-content .cloud-hero h2 { font-size:28px;max-width:none; }
 .cloud-hero-visual { padding:28px 0 12px; }
 .cloud-section-heading { gap:12px;margin-bottom:24px; }
 .cloud-foundations,.cloud-auth-grid,.cloud-resources-grid { grid-template-columns:minmax(0,1fr); }
 .cloud-foundation { display:block;padding:20px; }
 .cloud-foundation .cloud-symbol svg { width:80px;height:68px; }
 .cloud-overview-content .cloud-foundation > p:last-child { margin:12px 0 0; }
 .cloud-concept-art { min-height:160px;max-width:260px;margin:8px auto; }
 .cloud-concept-art svg { max-height:160px; }
 .cloud-tabs-ready > .cloud-tabs { flex-wrap:nowrap;overflow-x:auto;padding:4px 4px 14px; }
 .cloud-tabs button { flex:none;padding:10px 14px; }
 .cloud-cap-panel { grid-template-columns:minmax(0,1fr);gap:16px; }
 .cloud-cap-panel > .cloud-symbol svg { width:40px;height:40px; }
 .cloud-workflow[data-cloud-tabs] { grid-template-columns:minmax(0,1fr);padding:12px;gap:8px; }
 .cloud-tabs-ready > .cloud-step-tabs { flex-direction:column; }
 .cloud-step-tabs button { flex:initial;padding:12px; }
 .cloud-overview-content .cloud-step-panel p { font-size:16px; }
 .cloud-hardware-workbench { grid-template-columns:minmax(0,1fr);gap:0; }
 .cloud-hardware-visual { padding:8px 12px 16px; }
 .cloud-hardware-controls { padding:8px 16px 20px; }
 .cloud-hardware-label { display:none; }
 .cloud-hardware-tabs button { flex:initial; }
 .cloud-hardware-workbench.cloud-tabs-ready .cloud-hardware-tabs { padding:0;margin-bottom:16px;overflow:visible; }
 .cloud-hardware-role-grid { grid-template-columns:minmax(0,1fr); }
 .cloud-insight-workbench { display:block; }
 .cloud-insight-workbench.cloud-tabs-ready > .cloud-insight-tabs { display:none; }
 .cloud-tabs-ready .cloud-insight-select-control { display:flex;flex-direction:column;gap:8px;margin-bottom:20px;font-size:13px;color:#477889; }
 .cloud-insight-select-control select { width:100%;min-height:48px;border:1px solid #acd4e0;border-radius:6px;padding:10px 12px;background:#fff;color:var(--cloud-ink);font-size:16px; }
 .cloud-insight-panel { padding:22px 20px; }
 .cloud-whitepaper .cloud-media { max-width:115px; }
 .cloud-trial { padding:24px 0 0;align-items:flex-start;flex-direction:column; }
}