.gc-wrap{max-width:1100px;margin:0 auto;display:grid;gap:22px}
.gc-head h1{margin:6px 0 6px;font-size:clamp(1.8rem,3.4vw,2.6rem);letter-spacing:-.02em}.gc-head p{margin:0;color:var(--muted,#9ba6b8);max-width:60ch}
.gc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:900px){.gc-grid{grid-template-columns:1fr}}
.gc{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#0f1726;color:inherit;text-decoration:none;box-shadow:0 30px 60px -34px rgba(0,0,0,.9);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
a.gc:hover{transform:translateY(-8px);box-shadow:0 40px 80px -30px rgba(0,0,0,.95)}
.gc-1:hover{border-color:#5fb8ff}.gc-2:hover{border-color:#ff9a3c}.gc-3:hover{border-color:#6bd6a0}
.gc-art{aspect-ratio:320/170;overflow:hidden}.gc-art svg{display:block;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}a.gc:hover .gc-art svg{transform:scale(1.06)}
.gc-body{display:grid;gap:8px;padding:18px 20px 20px;flex:1}.gc-eyebrow{margin:0;font:700 .72rem ui-monospace,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}
.gc-1 .gc-eyebrow{color:#7cc4ff}.gc-2 .gc-eyebrow{color:#ffb35c}.gc-3 .gc-eyebrow{color:#7fe0b0}
.gc h3{margin:0;font-size:1.35rem;letter-spacing:-.01em}.gc ul{margin:0;padding:0;list-style:none;display:grid;gap:4px;color:var(--muted,#9ba6b8);font-size:.92rem}.gc li::before{content:"› ";opacity:.6}
.gc footer{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:10px;color:var(--muted,#9ba6b8);font-size:.85rem}.gc footer b{margin-left:auto;color:#fff;font-weight:700;transition:transform .3s}a.gc:hover footer b{transform:translateX(4px)}
.gc-bar{flex:1;height:6px;border-radius:9px;background:rgba(255,255,255,.12);overflow:hidden}.gc-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#5fb8ff,#8f7bff)}
.gc-soon{opacity:.72}.gc-soon-note{margin:6px 0 0;color:var(--muted,#9ba6b8)}
.gc-needle{transform-origin:0 0;animation:gcneedle 6s ease-in-out infinite}@keyframes gcneedle{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(22deg)}}
.gc-route{stroke-dashoffset:0;animation:gcroute 3s linear infinite}@keyframes gcroute{to{stroke-dashoffset:-30}}
.gc-gear{transform-origin:0 0;animation:gcspin 9s linear infinite}@keyframes gcspin{to{transform:translate(150px,70px) rotate(360deg)}}
.gc-smoke{animation:gcsmoke 5s ease-in-out infinite}@keyframes gcsmoke{0%{transform:translateY(8px);opacity:.2}50%{opacity:1}100%{transform:translateY(-14px);opacity:.1}}
.gc-truck{animation:gctruck 6s ease-in-out infinite alternate}@keyframes gctruck{to{transform:translateX(-120px)}}
.gc-cloud{animation:gccloud 14s ease-in-out infinite alternate}@keyframes gccloud{to{transform:translateX(70px)}}
.gc-contours{animation:gccontour 12s ease-in-out infinite alternate}@keyframes gccontour{to{transform:translateY(5px)}}
@media(prefers-reduced-motion:reduce){.gc *,.gc{animation:none!important;transition:none!important}}
.gc-back{display:inline-flex;gap:8px;align-items:center;margin:0 0 12px;padding:7px 14px;border-radius:99px;border:1px solid var(--line,#263247);color:var(--muted,#9ba6b8);text-decoration:none;font-size:.88rem}.gc-back:hover{color:var(--accent,#36e4ac);border-color:var(--accent,#36e4ac)}

/* Realistyczne kadry zamiast ilustracji klas. */
.gc-art .gc-photo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}a.gc:hover .gc-photo{transform:scale(1.035)}
.gc{border-radius:9px}a.gc:focus-visible{outline:3px solid #80c9bd;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.gc-art .gc-photo{transition:none}a.gc:hover .gc-photo{transform:none}}
/* Taki sam zintegrowany obraz także przy wyborze klasy. */
.gc{isolation:isolate;background:#09131c;color:#f1f5f6;min-height:250px;border-color:#61797d77}
.gc .gc-art{position:absolute;inset:0;aspect-ratio:auto;z-index:-1}.gc .gc-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08131cf2 0%,#08131cd4 36%,#08131c24 100%),linear-gradient(0deg,#08131c 0%,#08131ce0 30%,transparent 100%)}
.gc .gc-body{position:relative;display:flex;flex-direction:column;padding:82px 20px 20px;gap:9px}.gc .gc-eyebrow{font-size:.63rem}.gc h3{max-width:85%;font-size:1.2rem;line-height:1.3}.gc ul{font-size:.8rem;color:#b8c7cd;max-width:90%;line-height:1.5}.gc footer{font-size:.75rem;color:#b8c7cd;padding-top:16px}.gc footer b{color:#a3d7ca}
.gc-photo-icon{position:absolute;left:20px;top:19px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #77c0af99;border-radius:8px;background:#0b1d27b8;color:#89cfbc}.gc-photo-icon svg{width:26px;height:26px}