/* Showcase — alleen knikkerbaan */
.showcase{--sc-h:min(62vh,560px);--sc-copy-ch:38ch;padding-top:calc(var(--sec-y) * .55);padding-bottom:calc(var(--sec-y) * .55)}
.sc-block{padding-top:calc(var(--sec-y) * .45);padding-bottom:calc(var(--sec-y) * .45)}
.sc-marble.glass:hover,.sc-marble.glass:hover::before,.sc-marble.glass:hover::after{transform:none}

.sc-marble__copy{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:0;min-width:0;max-width:min(100%,var(--sc-copy-ch));width:100%;
  overflow-wrap:break-word;word-break:normal;hyphens:manual;-webkit-hyphens:manual;
  text-wrap:pretty;text-rendering:geometricPrecision;font-kerning:normal;
  font-feature-settings:"kern" 1,"liga" 1;text-shadow:none;-webkit-font-smoothing:antialiased;
}
.sc-marble__copy > *{max-width:100%}
.sc-cloud-tag{
  display:inline-flex;align-items:center;gap:.35rem;
  margin:0 0 .85rem;padding:.35rem .85rem;
  border-radius:var(--pill,999px);
  border:1px solid rgba(6,217,250,.4);background:rgba(6,217,250,.1);
  font:600 .7rem/1.35 var(--font-body);letter-spacing:.07em;text-transform:uppercase;
  color:var(--cyan,#06D9FA);white-space:nowrap;
  text-shadow:none;-webkit-text-stroke:0;-webkit-text-fill-color:currentColor;
}
.sc-marble__copy .sc-cloud-tag{color:var(--cyan,#06D9FA);margin:0 0 .85rem}
.sc-marble__copy h3{
  margin:0 0 .9rem;
  font:700 clamp(1.3rem,.95rem + 1.3vw,1.95rem)/1.22 var(--font-head);
  letter-spacing:0;color:#fff;text-shadow:none;-webkit-text-stroke:0;-webkit-text-fill-color:#fff;
  max-width:none;overflow-wrap:break-word;word-break:normal;hyphens:manual;
}
.sc-marble__copy .sc-lead{
  margin:0 0 1.35rem;color:var(--muted);font:400 1rem/1.55 var(--font-body);
  letter-spacing:0;max-width:none;overflow-wrap:break-word;word-break:normal;hyphens:manual;
  text-shadow:none;-webkit-text-stroke:0;-webkit-text-fill-color:currentColor;
}
.sc-nowrap{white-space:nowrap}

.sc-marble{
  display:grid;grid-template-columns:minmax(18rem,1fr) minmax(0,1.15fr);
  gap:clamp(1.25rem,3vw,2rem);align-items:center;
  min-height:var(--sc-h);padding:clamp(1.25rem,3vw,2rem);
  border-radius:var(--radius-lg,1.25rem);overflow:hidden;isolation:isolate;
  background:var(--bg-3);
}
.sc-marble__stage{
  position:relative;min-height:280px;aspect-ratio:5/4;border-radius:1rem;overflow:hidden;
  background:radial-gradient(ellipse at 50% 40%,#0f1c38 0%,#060d1f 75%);
  box-shadow:inset 0 0 0 1px var(--line);
}
.sc-marble__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.sc-marble__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}
.sc-marble__fallback[hidden]{display:none!important}
.sc-marble__fallback img{width:100%;height:100%;object-fit:contain}
.sc-marble__bubbles{position:absolute;inset:0;margin:0;padding:0;list-style:none;pointer-events:none;z-index:2}
.sc-bubble{
  position:absolute;max-width:11rem;padding:.45rem .7rem;border-radius:999px;
  background:rgba(8,16,36,.72);border:1px solid rgba(255,255,255,.14);
  color:#e8eefc;font:500 .72rem/1.35 var(--font-body);backdrop-filter:blur(6px);
  opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease;
}
.sc-block--marble.is-inview .sc-bubble{opacity:1;transform:translateY(0)}
.sc-bubble--1{left:6%;top:10%}
.sc-bubble--2{right:8%;top:22%}
.sc-bubble--3{left:10%;bottom:28%}
.sc-bubble--4{right:10%;bottom:12%;border-color:rgba(255,122,24,.45);color:#ffd7b8}

@media (max-width:860px){
  .sc-marble{grid-template-columns:1fr;min-height:0}
  .sc-marble__stage{order:-1;aspect-ratio:4/3;min-height:220px}
  .sc-marble__copy{max-width:none}
}