/* Bounded service illustrations. Explanatory copy and controls never parallax. */
.gcp-depth-page { --depth-blue:#79a9ff; --depth-green:#91ddb6; --depth-amber:#f3ca7c; --depth-red:#ff938e; background:#050b12; }
.gcp-depth-page .hero { position:relative; padding-block:clamp(3.5rem,7vw,6rem)!important; background:radial-gradient(ellipse at 85% 28%,#102c3b88,transparent 55%); }
.gcp-depth-page .hero > .container { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:2.5rem; align-items:center; }
.gcp-depth-page .hero .hero-headline { min-width:0; }
.gcp-depth-page .hero h1 { font-family:'Space Grotesk',system-ui,sans-serif!important; font-size:clamp(2.35rem,3.55vw,3.6rem); line-height:1.08; letter-spacing:-.045em; text-wrap:balance; }
.gcp-depth-page .hero .hero-headline > p { font-size:1rem; line-height:1.65; max-width:58ch; color:#afc3cf; }
.gcp-depth-page .hero > .container > .hero-card,
.gcp-depth-page .hero > .container > .proof-strip { grid-column:1/-1; }
.gcp-depth-page .hero .pill-row { font-size:.8rem; }
.gcp-depth-page .hero .pill-row .pill { padding:.5rem 0; border:0; background:none; color:#8fa8b9; font-size:.78rem; line-height:1.6; }
.gcp-depth-page .hero-badge,.gcp-depth-page .bp-eyebrow { color:#9bdff2; }
.gcp-depth-page .bp-button:not(.bp-button--secondary) { color:#06121b!important; background:#8deaff; border-color:#8deaff; }
.gcp-depth-page .bp-button:not(.bp-button--secondary):hover { background:#c0f5ff; border-color:#c0f5ff; }
.gcp-depth-page .agent-hero__grid { grid-column:1/-1; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:2.5rem; }
.gcp-depth-page .header .navbar { min-height:5.9rem; }
@media (min-width:901px) {
  .gcp-depth-page .nav-links > li:has(> a[href*='store.cloudpeakify.com']),
  .gcp-depth-page .nav-links > li:has(> a[href*='/finance.html']) { display:none; }
}
.gcp-depth { position:relative; isolation:isolate; min-width:0; margin:0; padding:1.5rem; border:0; border-radius:1rem; background:linear-gradient(145deg,#101f2daa,#060c1400); }
.gcp-depth__art { position:relative; height:clamp(12rem,20vw,19rem); overflow:hidden; isolation:isolate; }
.gcp-depth__grid { position:absolute; inset:12% 3% 5%; opacity:.6; background-image:linear-gradient(#6fabc325 1px,transparent 1px),linear-gradient(90deg,#6fabc325 1px,transparent 1px); background-size:30px 30px; mask-image:radial-gradient(ellipse,#000 25%,transparent 72%); }
.gcp-depth__routes { position:absolute; inset:0; width:100%; height:100%; overflow:visible; fill:none; stroke:#8cd8f25e; stroke-width:1.5; vector-effect:non-scaling-stroke; }
.gcp-depth__cloud { position:absolute; inset:18% 20% 12%; display:grid; place-items:center; filter:drop-shadow(0 14px 16px #0007); }
.gcp-depth__cloud::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse,#69bbdf1f,transparent 70%); }
.gcp-depth__cloud svg { width:80%; max-height:100%; overflow:visible; fill:#0d2130; stroke:#8deaff; stroke-width:1.15; }
.gcp-depth__cloud::after { content:''; position:absolute; bottom:22%; width:35%; height:3px; border-radius:1px; background:linear-gradient(90deg,var(--depth-blue) 0 25%,var(--depth-green) 25% 50%,var(--depth-amber) 50% 75%,var(--depth-red) 75%); }
.gcp-depth__caption { position:relative; color:#e1edf4; font-size:.8rem; line-height:1.5; font-weight:600; letter-spacing:.02em; padding:.75rem 0 1rem; border-bottom:1px solid #759dbb2b; }
.gcp-depth__steps { position:relative; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem 1.25rem; padding:1rem 0 0; margin:0; }
.gcp-depth__steps li { --step-color:var(--depth-blue); position:relative; min-width:0; padding:.75rem 0 .75rem 1rem; border-left:2px solid var(--step-color); }
.gcp-depth__steps li:nth-child(2),.gcp-depth-page [data-gcp-color-cards] > :nth-child(2) { --step-color:var(--depth-green); }
.gcp-depth__steps li:nth-child(3),.gcp-depth-page [data-gcp-color-cards] > :nth-child(3) { --step-color:var(--depth-amber); }
.gcp-depth__steps li:nth-child(4),.gcp-depth-page [data-gcp-color-cards] > :nth-child(4) { --step-color:var(--depth-red); }
.gcp-depth__steps li > span { display:block; color:var(--step-color); font:500 .6rem/1.4 ui-monospace,monospace; margin-bottom:.35rem; }
.gcp-depth__steps strong { display:block; color:#e4eff4; font:600 .93rem/1.4 'Space Grotesk',system-ui,sans-serif; overflow-wrap:anywhere; }
.gcp-depth__steps small { display:block; color:#91a9b9; font-size:.75rem; line-height:1.5; margin-top:.35rem; }
.gcp-depth-page [data-gcp-color-cards] > * { --step-color:var(--depth-blue); border-top:2px solid var(--step-color); }
.gcp-depth-page .motion-process__orbit::before { border-color:#91ddb63d; }
.gcp-depth-page .motion-process__orbit::after { border-color:#f3ca7c26; }
.gcp-depth-page:not([data-gcp-depth-ready]) .motion-process__state,
.gcp-depth-page[data-gcp-depth-reason='reduced-motion'] .motion-process__state,
.gcp-depth-page[data-gcp-depth-reason='save-data'] .motion-process__state,
.gcp-depth-page:not([data-gcp-depth-ready]) .motion-process__meter,
.gcp-depth-page[data-gcp-depth-reason='reduced-motion'] .motion-process__meter,
.gcp-depth-page[data-gcp-depth-reason='save-data'] .motion-process__meter { display:none; }
.gcp-depth-page:not([data-gcp-depth-ready]) .motion-process__node { color:#dff8ff; }
.gcp-depth-page:not([data-gcp-depth-ready]) .motion-process__node::before { background:#142736; border-color:#7b9cae; box-shadow:none; }
/* The shared legacy motion tier is sampled once. This page's live preference
   owns the native process, including a reduced-motion -> normal transition. */
.gcp-depth-page[data-gcp-depth-ready]:is([data-gcp-depth-reason='desktop'],[data-gcp-depth-reason='mobile']) .motion-process__state { display:block; }
@media (min-width:1100px) {
  .gcp-depth-page[data-gcp-depth-ready][data-gcp-depth-reason='desktop'] .motion-process__orbit { display:grid; }
}
@media (max-width:1099px) {
  .gcp-depth-page .hero > .container,.gcp-depth-page .agent-hero__grid { grid-template-columns:1fr; gap:2rem; }
  .gcp-depth-page .hero .hero-headline { max-width:54rem; }
  .gcp-depth { width:100%; max-width:46rem; justify-self:center; box-sizing:border-box; }
  .gcp-depth__art { height:15rem; }
}
@media (max-width:900px) {
  .gcp-depth-page .header .navbar { min-height:4.3rem; }
  .gcp-depth-page .hero { padding-block:3rem!important; }
  .gcp-depth-page .hero h1 { font-size:clamp(2.1rem,7.5vw,3rem); }
  .gcp-depth-page .hero > .container { width:calc(100% - 2rem); }
  .gcp-depth { padding:1rem 0; }
  .gcp-depth__art { height:11rem; }
  .gcp-depth__steps { gap:.4rem 1rem; }
  .gcp-depth__steps li { padding-left:.7rem; }
  .gcp-depth__steps strong { font-size:.85rem; }
  .gcp-depth__steps small { font-size:.73rem; }
  .gcp-depth-page .hero .hero-actions { gap:.75rem; }
}
@media (prefers-reduced-motion:reduce) {
  .gcp-depth [data-depth-layer] { transform:none!important; }
  .gcp-depth-page .motion-process__visual { position:relative; top:auto; }
}