/* ── Seite: Digitale Stempelkarte ─────────────────────────── */
.sk-checks{list-style:none;margin:24px 0 30px;padding:0;display:flex;flex-direction:column;gap:12px;}
.sk-checks li{display:flex;align-items:center;gap:12px;font-size:clamp(1rem,1.1vw,1.08rem);font-weight:600;line-height:1.35;color:var(--ink);}
.sk-checks .icb{flex-shrink:0;}

/* Stepper-Bühne · Stempelkarte */
.gs-stepper-dark .sb-steps{counter-reset:none;}
.skc-dev{width:min(440px,100%);margin-inline:auto;display:flex;flex-direction:column;gap:14px;font-family:var(--head);}
.skc-pass{border-radius:22px;padding:clamp(20px,2.4vw,28px);background:linear-gradient(150deg,#3d5a4a,#24382e);color:#f4efe6;box-shadow:0 40px 80px -34px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:18px;}
.skc-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.skc-logo{font-family:Georgia,serif;font-weight:700;font-size:clamp(1.3rem,2vw,1.6rem);}
.skc-kind{font-size:.76rem;font-weight:700;letter-spacing:.04em;color:rgba(244,239,230,.75);}
.skc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1vw,12px);}
.skc-st{aspect-ratio:1;border-radius:50%;border:2px dashed rgba(244,239,230,.35);display:grid;place-items:center;transition:background .4s,border-color .4s,transform .45s cubic-bezier(.34,1.56,.64,1);}
.skc-st svg{width:48%;height:48%;stroke:#24382e;opacity:0;transition:opacity .3s;}
.is-s2 .skc-st:nth-child(-n+3),.is-s3 .skc-st:nth-child(-n+8),.is-s4 .st,.is-s5 .skc-st:nth-child(1){background:#f4efe6;border:2px solid #f4efe6;transform:scale(1.04);}
.is-s2 .skc-st:nth-child(-n+3) svg,.is-s3 .skc-st:nth-child(-n+8) svg,.is-s4 .skc-st svg,.is-s5 .skc-st:nth-child(1) svg{opacity:1;}
.skc-prog{height:6px;border-radius:999px;background:rgba(244,239,230,.18);overflow:hidden;}
.skc-prog i{display:block;height:100%;width:0;background:#5ec9ec;border-radius:inherit;transition:width .6s cubic-bezier(.4,0,.2,1);}
.is-s2 .skc-prog i{width:30%;} .is-s3 .skc-prog i{width:80%;} .is-s4 .skc-prog i{width:100%;} .is-s5 .skc-prog i{width:10%;}
.skc-meta{display:flex;justify-content:space-between;gap:12px;font-size:.84rem;font-weight:700;color:rgba(244,239,230,.85);}
.skc-note{display:flex;align-items:center;gap:12px;}
.skc-note > div{display:flex;flex-direction:column;gap:2px;}
.skc-note b{font-size:1rem;color:var(--ink);line-height:1.25;}
[data-s]{display:none;}
.is-s1 [data-s="1"],.is-s2 [data-s="2"],.is-s3 [data-s="3"],.is-s4 [data-s="4"],.is-s5 [data-s="5"]{display:inline;}
.skc-note[data-s]{display:none;}
.is-s1 .skc-note[data-s="1"],.is-s2 .skc-note[data-s="2"],.is-s3 .skc-note[data-s="3"],.is-s4 .skc-note[data-s="4"],.is-s5 .skc-note[data-s="5"]{display:flex;animation:skc-in .45s cubic-bezier(.2,.8,.2,1);}
@keyframes skc-in{from{opacity:0;transform:translateY(8px);}}
.skc-dev .sb-chip{top:20px;}
@media(max-width:980px){.skc-dev .sb-chip{top:auto;}}

/* Wallet & App */
.sk-wallet{padding:clamp(50px,6vw,98px) 0;background:var(--surface);}
.sk-wallet-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(30px,4.5vw,80px);align-items:center;}
.sk-wallet .sk-checks{margin:26px 0 26px;}
.sk-badges{display:flex;gap:12px;flex-wrap:wrap;}
.sk-wallet-vis img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:22px;box-shadow:var(--shadow-m);display:block;}
@media(max-width:900px){.sk-wallet-in{grid-template-columns:1fr;}}

/* Regeln */
.sk-rules .ogs-adv-side h2 .hl{background:var(--cyan);}
.sk-rule-grid .ogs-row:last-child{grid-column:1 / -1;}
.sk-rule-grid .ogs-row a{color:var(--cyan-deep);font-weight:700;text-decoration:none;box-shadow:inset 0 -1px 0 0 color-mix(in srgb,var(--cyan) 45%,transparent);}
.sk-rule-grid .ogs-row a:hover{color:var(--ink);box-shadow:inset 0 -1px 0 0 var(--ink);}
.sk-rule-list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--rl,30px);box-shadow:var(--shadow-s);overflow:hidden;}
.sk-rule-list li{display:flex;align-items:center;gap:clamp(16px,1.8vw,24px);padding:clamp(20px,2.2vw,28px) clamp(22px,2.6vw,36px);border-bottom:1px solid var(--line);font-size:clamp(1.04rem,1.2vw,1.18rem);font-weight:600;line-height:1.45;color:var(--ink);text-wrap:pretty;}
.sk-rule-list li:last-child{border-bottom:0;}
.sk-rule-list .icb{flex-shrink:0;}
.sk-rule-list a{color:var(--cyan-deep);text-decoration:none;box-shadow:inset 0 -1px 0 0 color-mix(in srgb,var(--cyan) 45%,transparent);}
.sk-rule-list a:hover{color:var(--ink);box-shadow:inset 0 -1px 0 0 var(--ink);}

/* Erfolge messen */
.sk-measure::before{background:linear-gradient(180deg,rgba(9,10,12,.66) 0%,rgba(9,10,12,.52) 40%,rgba(9,10,12,.7) 72%,rgba(9,10,12,.9) 100%),url("/uploads/high-angle-view-smiling-entrepreneur-analyzing-business-progress-while-using-computer-office.webp") center 30%/cover no-repeat;}
.sk-measure h2 span{color:#5ec9ec;}
.sk-measure .ogs-ways{grid-template-columns:repeat(4,minmax(0,1fr));width:min(1280px,100%);}
.sk-measure .ogs-way p{color:#fff;font-weight:600;font-size:clamp(1rem,1.1vw,1.08rem);}
@media(max-width:1100px){.sk-measure .ogs-ways{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:900px){.sk-measure .ogs-ways{grid-template-columns:1fr;}}

/* Zwischen-CTA */
.sk-mid{position:relative;background:transparent;}
.sk-mid::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:0;}
.sk-mid .wrap{position:relative;z-index:1;}
.sk-mid .eh-intro-side h2 span{color:var(--cyan);}
.sk-mid .eh-intro-side p{margin:0;max-width:36em;font-size:clamp(1.04rem,1.25vw,1.22rem);font-weight:600;line-height:1.5;color:var(--text);text-wrap:pretty;}
.faq-a a{color:#fff;font-weight:700;}

/* Referenzen-Slider ragt 90px in die Folgesektion → Platz schaffen */
#gurado-referenzen ~ .gs-integ-dark{padding-top:calc(clamp(50px,6vw,98px) + 90px);}
/* Schnittstellen (1:1 von der Loyalty-Seite) */
.gs-integ-dark{position:relative;overflow:hidden;}
.gs-integ-dark::before{content:"";position:absolute;z-index:0;left:calc(50% - 50vw);top:0;bottom:0;width:100vw;pointer-events:none;
  background:linear-gradient(180deg,rgba(9,10,12,.55) 0%,rgba(9,10,12,.42) 40%,rgba(9,10,12,.6) 68%,rgba(9,10,12,.55) 100%),
    url("/uploads/integ-bg-blur.webp") center 40%/cover no-repeat;}
.gs-integ-dark .wrap{position:relative;z-index:1;}
.gs-integ-dark .gs-h2,.gs-integ-dark .gs-integ-col .lead,.gs-integ-dark .gs-logo-chip.txt{text-shadow:0 2px 16px rgba(0,0,0,.55);}
.gs-integ-dark .gs-h2{color:#fff;}
.gs-integ-dark .gs-integ-col .lead{color:rgba(255,255,255,.7);}
.gs-integ-dark .gs-integ-col--secondary .gs-eyebrow{color:rgba(255,255,255,.55);}
.gs-integ-dark .gs-logo-chip.txt{color:rgba(255,255,255,.85);}
.gs-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.gs-logo-chip{display:flex;align-items:center;justify-content:center;height:64px;padding:0 14px;
  border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.07);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:none;}
.gs-logo-chip img{max-height:26px;max-width:100%;width:auto;object-fit:contain;filter:brightness(0);opacity:.5;transition:opacity .2s;}
.gs-logo-chip:hover img{opacity:.85;}
.gs-logo-chip.txt{font-family:var(--head);font-weight:700;color:var(--ink);font-size:.98rem;letter-spacing:-.01em;}
.gs-logo-chip.payic{border:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;}
.gs-logo-chip.dashed{border-style:dashed;border-color:var(--line-2);background:transparent;color:var(--muted);
  font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.gs-logo-plate{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:9px;padding:7px 12px;}
.gs-logo-chip.payic .gs-logo-plate{width:100%;height:100%;border-radius:12px;box-shadow:0 6px 16px -6px rgba(0,0,0,.4);}
.gs-logo-chip.payic .gs-logo-plate img{filter:none;opacity:1;mix-blend-mode:multiply;max-height:clamp(24px,2.8vw,32px)!important;}
.gs-integ-dark.gs-widget-bg-b .gs-logo-chip{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--line);box-shadow:var(--shadow-s);}
.gs-integ-dark.gs-widget-bg-b .gs-logo-chip.payic{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-s);}
.gs-integ-dark.gs-widget-bg-b .gs-logo-plate{background:transparent;padding:0;}
.gs-integ-dark.gs-widget-bg-b .gs-logo-chip.payic .gs-logo-plate{box-shadow:none;}
.gs-integ-cta{margin-top:22px;}
@media (max-width:820px){.gs-integ-in{grid-template-columns:1fr;gap:44px;}}
/* Schnittstellen-Kachel im Startseiten-Stil, verkleinert auf halbe Spaltenbreite */
.gs-lw-compact{width:100%;background:rgba(255,255,255,.07);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.16);border-radius:18px;overflow:hidden;box-shadow:none;}
.gs-lw-compact .lw-head{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.16);}
.gs-lw-compact .lw-head .t{font-size:clamp(.98rem,1.2vw,1.15rem);white-space:normal;color:#fff;}
.gs-lw-compact .lw-grid{grid-template-columns:repeat(3,1fr);}
.gs-lw-compact .lw-cell{min-height:clamp(56px,6vw,76px);padding:clamp(10px,1.3vw,16px);border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);}
.gs-lw-compact .lw-cell img{max-height:clamp(22px,2.4vw,30px);filter:brightness(0) invert(1);opacity:.55;}
.gs-lw-compact .lw-cell:hover img{opacity:.9;}
.gs-lw-compact .lw-cell img.lw-logo-lg{max-height:clamp(34px,3.8vw,46px);}
.gs-lw-compact .lw-cell:nth-child(3n){border-right:0;}
.gs-lw-compact .lw-cell:nth-last-child(-n+3){border-bottom:0;}
.gs-integ-dark.gs-widget-bg-b .gs-lw-compact{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--line);box-shadow:var(--shadow-s);}
.gs-integ-dark.gs-widget-bg-b .gs-lw-compact .lw-head{border-bottom-color:var(--line);}
.gs-integ-dark.gs-widget-bg-b .gs-lw-compact .lw-head .t{color:var(--ink);}
.gs-integ-dark.gs-widget-bg-b .gs-lw-compact .lw-cell{border-right-color:var(--line);border-bottom-color:var(--line);}
.gs-integ-dark.gs-widget-bg-b .gs-lw-compact .lw-cell img{filter:brightness(0);opacity:.48;}
.gs-integ-dark.gs-widget-bg-b .gs-lw-compact .lw-cell:hover img{opacity:.85;}

/* ── Getabbte Schnittstellen-Section (Web / Kasse / Payment) ── */
.gs-tabs-wrap{max-width:1120px;margin:0 auto;text-align:center;}
.gs-tabs-wrap .lead{color:rgba(255,255,255,.8);text-shadow:0 2px 16px rgba(0,0,0,.55);}
.gs-tab-nav{display:inline-flex;gap:6px;padding:6px;margin:clamp(24px,3vw,40px) 0 clamp(22px,2.6vw,34px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-s);}
.gs-tab-btn{font-family:var(--head);font-weight:700;font-size:1.02rem;line-height:1;color:#fff;background:transparent;border:0;border-radius:999px;padding:12px 30px;cursor:pointer;transition:background .18s,color .18s;}
.gs-tab-btn:hover{background:rgba(255,255,255,.14);}
.gs-tab-btn.active{background:var(--amber);color:#fff;box-shadow:var(--shadow-s);}
.gs-tab-card{background:rgba(255,255,255,.07);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.16);border-radius:22px;overflow:hidden;text-align:left;box-shadow:var(--shadow-m);}
.gs-tab-panels{position:relative;}
.gs-tab-panel{display:none;}
.gs-tab-panel.active{display:grid;grid-template-columns:minmax(260px,.85fr) 1.15fr;animation:gs-tab-in .45s cubic-bezier(.22,.8,.36,1) both;}
@keyframes gs-tab-in{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
.gs-tab-info{padding:clamp(26px,3vw,44px);display:flex;flex-direction:column;align-items:flex-start;gap:14px;border-right:1px solid rgba(255,255,255,.16);}
.gs-tab-info .gs-eyebrow{color:var(--amber);}
.gs-integ-dark .gs-tab-btn.active{background:var(--cyan);}
.gs-integ-dark .gs-tab-cta{background:var(--cyan)!important;}
.gs-integ-dark .gs-tab-cta:hover{background:var(--cyan-deep)!important;}
.gs-integ-dark .gs-tab-info .gs-eyebrow{color:var(--cyan);}
.gs-tab-info h3{font-family:var(--head);font-weight:700;font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-.025em;line-height:1.08;color:#fff;margin:0;}
.gs-tab-info p{font-size:1rem;line-height:1.55;color:rgba(255,255,255,.72);margin:0;}
.gs-tab-cta{margin-top:4px;}
.gs-tab-grid{display:grid;}
.gs-tab-cell{display:flex;align-items:center;justify-content:center;min-height:clamp(84px,9vw,116px);padding:clamp(12px,1.6vw,22px);border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);}
.gs-tab-cell img{max-height:clamp(28px,3.2vw,42px);max-width:100%;width:auto;height:auto;object-fit:contain;display:block;filter:brightness(0) invert(1);opacity:.6;transition:opacity .25s;}
.gs-tab-cell:hover img{opacity:.95;}
.gs-tab-grid--web{grid-template-columns:repeat(4,1fr);}
.gs-tab-grid--web .gs-tab-cell:nth-child(4n){border-right:0;}
.gs-tab-grid--web .gs-tab-cell:nth-last-child(-n+4){border-bottom:0;}
.gs-tab-grid--kasse{grid-template-columns:repeat(3,1fr);}
.gs-tab-grid--kasse .gs-tab-cell:nth-child(3n){border-right:0;}
.gs-tab-grid--kasse .gs-tab-cell:nth-last-child(-n+3){border-bottom:0;}
.gs-tab-pay{padding:clamp(20px,2.4vw,32px);}
.gs-tab-pay .gs-logo-grid{gap:10px;}
.gs-tab-globalcta{margin-top:clamp(24px,3vw,38px);text-align:center;}
@media (max-width:820px){
  .gs-tab-panel.active{grid-template-columns:1fr;}
  .gs-tab-info{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);}
  .gs-tab-grid--web,.gs-tab-grid--kasse{grid-template-columns:repeat(2,1fr);}
  .gs-tab-grid--web .gs-tab-cell,.gs-tab-grid--kasse .gs-tab-cell{border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);}
  .gs-tab-grid--web .gs-tab-cell:nth-child(2n),.gs-tab-grid--kasse .gs-tab-cell:nth-child(2n){border-right:0;}
}
@media (max-width:460px){
  .gs-tab-btn{padding:11px 20px;font-size:.96rem;}
  .gs-tab-nav{gap:4px;padding:5px;}
}