/* Codergo enhancements */
:root {
  --cg-navy:#0a2640;
  --cg-navy-2:#1c3d5b;
  --cg-green:#65e4a3;
  --cg-text:#102f45;
  --cg-muted:#51666d;
  --cg-soft:#f3f5f7;
  --cg-line:rgba(10,38,64,.14);
}

body,button,input,select,textarea,.form-control,.form-select,.btn,.navbar,.dropdown-menu {
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
}

body {
  color:var(--cg-text);
  font-weight:500;
  letter-spacing:.002em
}

.navbar-brand {
  align-items:center;
  display:inline-flex;
  min-height:44px
}
.cg-site-logo {
  display:block;
  height:auto;
  max-width:100%;
  width:190px
}
.cg-footer-logo {
  display:block;
  height:auto;
  max-width:100%;
  width:220px
}

.cg-footer-policy-link {
  color:inherit;
  text-decoration:underline;
  text-underline-offset:.18em
}
@media (max-width:575.98px) {
  .cg-site-logo {
    width:165px
  }
  .cg-footer-logo {
    width:190px
  }
}

h1,h2,h3,h4,h5,h6,.navbar-brand span,.btn,.cg-kicker,.cg-kicker-light,.cg-service-tag,.cg-package-tag,.cg-tile-cta,.cg-offer-price,.cg-main-form .form-label,.cg-register-list strong {
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:-.012em
}

p,li,.form-control,.form-select,.form-control::placeholder,textarea::placeholder,input::placeholder {
  line-height:1.65
}

.form-control,.form-select,input,textarea,select {
  font-family:inherit;
  font-weight:500
}

.form-control::placeholder,textarea::placeholder,input::placeholder {
  color:rgba(10,38,64,.5);
  font-weight:500
}

.navbar,.cg-tile-cta,.cg-package-tag,.cg-service-tag,.btn {
  font-weight:800
}

.navbar .cg-navbar-dropdown {
  border:1px solid rgba(10,38,64,.12);
  border-radius:18px;
  box-shadow:0 20px 55px rgba(10,38,64,.18);
  min-width:270px;
  padding:.65rem
}
.navbar .cg-navbar-dropdown .dropdown-item {
  border-radius:12px;
  color:var(--cg-navy);
  font-weight:800;
  padding:.56rem .9rem
}
.navbar .cg-navbar-dropdown .cg-dropdown-header {
  color:rgba(10,38,64,.58);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.09em;
  padding:.35rem .9rem .18rem;
  text-transform:uppercase
}
.navbar .cg-navbar-dropdown .dropdown-item:hover,
.navbar .cg-navbar-dropdown .dropdown-item:focus,
.navbar .cg-navbar-dropdown .dropdown-item.active {
  background:rgba(101,228,163,.18);
  color:var(--cg-navy)
}
.navbar .cg-navbar-dropdown .dropdown-divider {
  border-color:rgba(10,38,64,.1);
  margin:.45rem 0
}
.navbar .dropdown-toggle::after {
  margin-left:.45rem;
  vertical-align:.16em
}
@media (min-width:992px) {
  .navbar .dropdown:hover > .cg-navbar-dropdown,
  .navbar .dropdown:focus-within > .cg-navbar-dropdown {
    display:block
  }
}
@media (max-width:991.98px) {
  .navbar .cg-navbar-dropdown {
    background:rgba(255,255,255,.96);
    box-shadow:none;
    display:block;
    margin:.25rem 0 .8rem;
    position:static;
    width:100%
  }
}

.cg-reveal {
  opacity:0;
  transform:translateY(22px);
  transition:opacity .6s ease,transform .6s ease
}

.cg-reveal.is-visible {
  opacity:1;
  transform:none
}

.cg-reveal-delay-1 {
  transition-delay:.08s
}
.cg-reveal-delay-2 {
  transition-delay:.16s
}
.cg-reveal-delay-3 {
  transition-delay:.24s
}

.cg-hover-lift {
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease
}
.cg-hover-lift:hover {
  transform:translateY(-6px)
}

.cg-soft-bg {
  background-color:rgba(10,38,64,.04)
}

.cg-promo-bg {
  background-image:url(../img/promo/promo-bg.png)
}

.cg-kicker,.cg-kicker-light {
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase
}
.cg-kicker {
  color:var(--cg-navy)
}
.cg-kicker-light {
  color:var(--cg-green)
}


.cg-hero-strip {
  display:grid;
  gap:.75rem;
  grid-template-columns:repeat(4,1fr);
  max-width:560px
}
.cg-hero-chip {
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  color:#fff;
  font-weight:800;
  padding:.72rem 1rem;
  text-align:center
}
.cg-hero-chip strong {
  color:var(--cg-green)
}

.cg-hero-free {
  background:var(--cg-navy);
  color:#fff;
  overflow:hidden;
  padding:8rem 0 5rem;
  position:relative
}
.cg-hero-free:after {
  background:var(--cg-navy-2);
  border-radius:50%;
  content:"";
  height:520px;
  opacity:.85;
  position:absolute;
  right:-150px;
  top:-250px;
  width:520px;
  z-index:0
}
.cg-hero-free .container {
  position:relative;
  z-index:2
}
.cg-hero-liquid-enabled {
  --cg-water-x:72%;
  --cg-water-y:32%;
}
.cg-hero-liquid {
  inset:0;
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  z-index:1
}
.cg-hero-liquid:before {
  background:
    radial-gradient(circle at var(--cg-water-x) var(--cg-water-y),rgba(101,228,163,.12),transparent 16%),
    repeating-radial-gradient(circle at 78% 22%,rgba(101,228,163,.08) 0 1px,transparent 1px 42px),
    repeating-radial-gradient(circle at 18% 82%,rgba(77,197,255,.06) 0 1px,transparent 1px 54px);
  content:"";
  inset:-18%;
  opacity:.32;
  position:absolute;
  transition:opacity .2s ease
}
.cg-hero-liquid__canvas {
  display:block;
  height:100%;
  inset:0;
  mix-blend-mode:screen;
  opacity:.95;
  position:absolute;
  width:100%
}
.cg-hero-liquid__blob {
  aspect-ratio:1;
  background:repeating-radial-gradient(circle,transparent 0 22px,rgba(101,228,163,.12) 23px,transparent 25px);
  border:1px solid rgba(101,228,163,.26);
  border-radius:50%;
  box-shadow:inset 0 0 26px rgba(101,228,163,.08),0 0 24px rgba(101,228,163,.08);
  left:var(--cg-water-x);
  opacity:.24;
  position:absolute;
  top:var(--cg-water-y);
  transform:translate(-50%,-50%);
  width:min(24vw,270px)
}
.cg-hero-liquid__blob:after {
  border:1px solid rgba(77,197,255,.18);
  border-radius:50%;
  content:"";
  inset:18%;
  position:absolute
}
.cg-hero-liquid__blob--main {
  animation:cg-water-pulse 3.4s ease-in-out infinite
}
.cg-hero-liquid__blob--trail {
  background:repeating-radial-gradient(circle,transparent 0 18px,rgba(77,197,255,.10) 19px,transparent 21px);
  border-color:rgba(77,197,255,.20);
  left:calc(var(--cg-water-x) - 6%);
  opacity:.16;
  top:calc(var(--cg-water-y) + 5%);
  width:min(18vw,210px)
}
.cg-hero-liquid-enabled.is-water-active .cg-hero-liquid:before {
  opacity:.44
}
.cg-hero-liquid-enabled.is-water-active .cg-hero-liquid__blob--main {
  opacity:.32
}
@keyframes cg-water-pulse {
  0% { transform:translate(-50%,-50%) scale(.94); opacity:.18 }
  52% { transform:translate(-50%,-50%) scale(1.06); opacity:.31 }
  100% { transform:translate(-50%,-50%) scale(.98); opacity:.2 }
}
@media (prefers-reduced-motion:reduce),(pointer:coarse) {
  .cg-hero-liquid {
    display:none
  }
}
.cg-hero-lead {
  color:rgba(255,255,255,.82);
  font-size:1.15rem;
  max-width:650px
}
.cg-hero-points {
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.5rem
}
.cg-hero-points span {
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  color:#fff;
  font-weight:800;
  padding:.7rem 1rem
}

.cg-signal-grid {
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(3,1fr);
  margin-top:2rem
}
.cg-signal {
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  border-radius:20px;
  padding:1rem
}
.cg-signal strong {
  color:var(--cg-green);
  display:block;
  font-size:1.4rem
}
.cg-signal span {
  color:rgba(255,255,255,.76);
  font-size:.95rem
}

.cg-contact-box {
  background:#fff;
  border-radius:24px;
  box-shadow:0 30px 90px rgba(0,0,0,.22);
  color:var(--cg-navy);
  padding:2rem
}
.cg-contact-box h3 {
  font-size:2rem;
  line-height:1.15
}
.cg-contact-box p {
  color:var(--cg-muted)
}


.cg-contact-direct-cards {
  display:grid;
  gap:.85rem;
  max-width:560px;
}
.cg-cd-card {
  align-items:center;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  color:#fff;
  display:flex;
  gap:.9rem;
  min-height:82px;
  padding:.9rem 1rem;
  text-decoration:none;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.cg-cd-card:hover {
  background:rgba(255,255,255,.11);
  border-color:rgba(101,228,163,.5);
  color:#fff;
  text-decoration:none;
  transform:translateY(-2px);
}
.cg-cd-card--static:hover {
  transform:none;
}
.cg-cd-icon {
  align-items:center;
  background:rgba(101,228,163,.16);
  border:1px solid rgba(101,228,163,.4);
  border-radius:14px;
  color:var(--cg-green);
  display:inline-flex;
  flex:0 0 46px;
  font-size:1.15rem;
  height:46px;
  justify-content:center;
  width:46px;
}
.cg-cd-copy {
  display:flex;
  flex-direction:column;
  min-width:0;
}
.cg-cd-copy strong {
  color:#fff;
  font-family:"Manrope",system-ui,sans-serif;
  font-size:.9rem;
  font-weight:900;
  letter-spacing:.03em;
  line-height:1.25;
}
.cg-cd-copy span {
  color:#fff;
  font-size:.98rem;
  font-weight:800;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.cg-cd-copy small {
  color:rgba(255,255,255,.72);
  font-size:.82rem;
  font-weight:700;
  line-height:1.35;
}

.cg-mini-form {
  display:grid;
  gap:.85rem
}
.cg-mini-form .form-control {
  border:1px solid rgba(10,38,64,.2);
  border-radius:999px;
  font-weight:700;
  min-height:54px;
  padding-left:1.25rem
}
.cg-mini-form .btn {
  border-radius:999px;
  min-height:54px
}
.cg-form-note {
  color:var(--cg-muted);
  display:block;
  font-size:.86rem;
  margin-top:.8rem
}

.cg-contact-symbol {
  align-items:center;
  display:flex;
  justify-content:center;
  min-height:320px;
  position:relative
}
.cg-contact-symbol:before {
  background:var(--cg-navy-2);
  border-radius:50%;
  content:"";
  height:300px;
  opacity:.52;
  position:absolute;
  width:300px
}
.cg-contact-symbol svg {
  display:block;
  filter:drop-shadow(0 24px 50px rgba(0,0,0,.24));
  max-width:260px;
  position:relative;
  width:74%;
  z-index:1
}
.cg-contact-symbol__arc,.cg-contact-symbol__line {
  fill:none;
  stroke:#fff;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:16
}
.cg-contact-symbol__piece {
  fill:#fff
}

.cg-main-form,.cg-register-card {
  background:#fff;
  border:1px solid var(--cg-line);
  border-radius:28px;
  box-shadow:0 18px 55px rgba(10,38,64,.08);
  height:100%;
  padding:2rem
}
.cg-main-form .form-label {
  font-family:"Manrope",system-ui,sans-serif;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase
}
.cg-main-form .form-control,.cg-main-form .form-select {
  border:1px solid rgba(10,38,64,.18);
  border-radius:16px;
  min-height:54px
}
.cg-main-form textarea.form-control {
  min-height:150px
}
.cg-main-form .btn {
  border-radius:999px;
  min-height:56px
}
.cg-register-list {
  list-style:none;
  margin:1.5rem 0 0;
  padding:0
}
.cg-register-list li {
  border-bottom:1px solid rgba(10,38,64,.1);
  display:flex;
  gap:1rem;
  justify-content:space-between;
  padding:.85rem 0
}
.cg-register-list strong {
  font-family:"Manrope",system-ui,sans-serif
}
.cg-register-list span {
  text-align:right;
  color:var(--cg-muted)
}
.cg-register-note {
  background:rgba(101,228,163,.18);
  border-radius:18px;
  color:var(--cg-navy);
  font-weight:700;
  margin-top:1.25rem;
  padding:1rem
}

.cg-service-tile,.cg-package-card,.cg-offer-card,.cg-result-card,.cg-proof {
  position:relative;
  text-decoration:none
}
.cg-service-tile,.cg-package-card {
  border:1px solid var(--cg-line);
  border-radius:26px;
  color:var(--cg-navy);
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
  padding:2rem
}
.cg-service-tile {
  background:#fff;
  min-height:470px
}
.cg-service-tile:after {
  background:var(--cg-green);
  border-radius:999px;
  content:"";
  height:170px;
  opacity:.08;
  position:absolute;
  right:-70px;
  top:-70px;
  width:170px
}
.cg-service-tile>* {
  position:relative;
  z-index:1
}
.cg-service-tile:hover,.cg-package-card:hover,.cg-offer-card:hover,.cg-result-card:hover,.cg-proof:hover {
  border-color:var(--cg-navy);
  box-shadow:0 24px 60px rgba(10,38,64,.12);
  text-decoration:none
}
.cg-service-tile.is-dark,.cg-package-card.is-dark,.cg-offer-card.is-dark {
  background:var(--cg-navy);
  border-color:var(--cg-navy);
  color:#fff
}
.cg-service-tile.is-green,.cg-package-card.is-green,.cg-offer-card.is-green {
  background:var(--cg-green);
  border-color:var(--cg-green);
  color:var(--cg-navy)
}
.is-dark h1,.is-dark h2,.is-dark h3,.is-dark h4,.is-dark strong {
  color:#fff
}

.cg-service-tag,.cg-package-tag {
  align-self:flex-start;
  background:rgba(101,228,163,.22);
  border-radius:999px;
  color:var(--cg-navy);
  font-size:.82rem;
  font-weight:800;
  padding:.55rem .9rem
}
.is-dark .cg-service-tag,.is-dark .cg-package-tag {
  background:var(--cg-green);
  color:var(--cg-navy)
}
.is-green .cg-service-tag,.is-green .cg-package-tag {
  background:rgba(10,38,64,.08)
}

.cg-service-icon {
  align-items:center;
  background:var(--cg-navy);
  border-radius:19px;
  color:var(--cg-green);
  display:inline-flex;
  font-size:1.45rem;
  height:64px;
  justify-content:center;
  margin:1.5rem 0;
  width:64px
}
.is-dark .cg-service-icon {
  background:rgba(255,255,255,.12)
}
.is-green .cg-service-icon {
  background:var(--cg-navy);
  color:var(--cg-green)
}

.cg-service-tile h3,.cg-package-card h3 {
  font-size:1.7rem;
  line-height:1.12;
  margin-bottom:1rem
}
.cg-service-tile p,.cg-package-card p,.cg-offer-card p,.cg-result-card p {
  color:var(--cg-muted)
}
.is-dark p,.is-dark .cg-tile-list li,.is-dark .cg-package-list li,.cg-offer-card.is-dark p,.cg-offer-card.is-dark li {
  color:rgba(255,255,255,.78)
}
.is-green p,.is-green .cg-tile-list li,.is-green .cg-package-list li {
  color:rgba(10,38,64,.78)
}

.cg-tile-list,.cg-package-list {
  background:rgba(10,38,64,.04);
  border:1px solid rgba(10,38,64,.08);
  border-radius:20px;
  list-style:none;
  margin:1rem 0 1.5rem;
  padding:1rem
}
.is-dark .cg-tile-list,.is-dark .cg-package-list {
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12)
}
.is-green .cg-tile-list,.is-green .cg-package-list {
  background:rgba(10,38,64,.06);
  border-color:rgba(10,38,64,.1)
}
.cg-tile-list:before,.cg-package-list:before {
  content:"DOSTAJESZ";
  display:block;
  font-family:"Manrope",system-ui,sans-serif;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.12em;
  margin-bottom:.75rem;
  opacity:.7
}
.cg-tile-list li,.cg-package-list li {
  font-size:.98rem;
  margin-bottom:.55rem;
  padding-left:1.45rem;
  position:relative
}
.cg-tile-list li:before,.cg-package-list li:before {
  color:var(--cg-green);
  content:"✓";
  font-weight:900;
  left:0;
  position:absolute
}
.is-green .cg-tile-list li:before,.is-green .cg-package-list li:before {
  color:var(--cg-navy)
}

.cg-tile-cta {
  align-items:center;
  background:var(--cg-navy);
  border-radius:999px;
  color:#fff;
  display:flex;
  font-weight:900;
  gap:.5rem;
  justify-content:space-between;
  margin-top:auto;
  padding:.9rem 1.1rem
}
.is-dark .cg-tile-cta {
  background:var(--cg-green);
  color:var(--cg-navy)
}
.is-green .cg-tile-cta {
  background:var(--cg-navy);
  color:#fff
}

.cg-package-card {
  background:#fff;
  min-height:100%;
  padding:2.25rem
}
.cg-package-card.is-dark {
  transform:translateY(-12px)
}
.cg-package-meta {
  color:var(--cg-navy);
  display:block;
  font-size:2.15rem;
  font-weight:900;
  line-height:1.05;
  margin:1rem 0
}
.is-dark .cg-package-meta {
  color:var(--cg-green)
}

.cg-offer-card {
  background:#fff;
  border:1px solid var(--cg-line);
  border-radius:28px;
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
  padding:2.1rem
}
.cg-offer-card h3 {
  font-size:1.85rem;
  line-height:1.12
}
.cg-offer-price {
  background:rgba(101,228,163,.22);
  border-radius:18px;
  color:var(--cg-navy);
  display:block;
  font-size:1.85rem;
  font-weight:900;
  line-height:1.08;
  margin:1rem 0;
  padding:1rem
}
.cg-offer-card.is-dark .cg-offer-price {
  background:rgba(101,228,163,.16);
  color:var(--cg-green)
}
.cg-offer-card.is-green .cg-offer-price {
  background:rgba(10,38,64,.08)
}
.cg-offer-list {
  background:rgba(10,38,64,.035);
  border-radius:20px;
  list-style:none;
  margin:1.25rem 0;
  padding:1rem
}
.cg-offer-card.is-dark .cg-offer-list {
  background:rgba(255,255,255,.08)
}
.cg-offer-list li {
  color:var(--cg-muted);
  margin-bottom:.7rem;
  padding-left:1.55rem;
  position:relative
}
.cg-offer-list li:before {
  color:var(--cg-green);
  content:"✓";
  font-weight:900;
  left:0;
  position:absolute
}
.cg-offer-card.is-green .cg-offer-list li:before {
  color:var(--cg-navy)
}

.cg-band {
  background:var(--cg-navy);
  border-radius:24px;
  color:#fff;
  overflow:hidden;
  padding:2.5rem;
  position:relative
}
.cg-band:after {
  background:var(--cg-green);
  border-radius:999px;
  content:"";
  height:220px;
  opacity:.12;
  position:absolute;
  right:-90px;
  top:-90px;
  width:220px
}
.cg-band>* {
  position:relative;
  z-index:1
}
.cg-band p {
  color:rgba(255,255,255,.78)
}
.cg-band .btn {
  white-space:nowrap
}
.cg-step-number {
  align-items:center;
  background:var(--cg-navy);
  border-radius:50%;
  color:var(--cg-green);
  display:inline-flex;
  flex:0 0 auto;
  font-weight:900;
  height:3.5rem;
  justify-content:center;
  width:3.5rem
}

.cg-result-card {
  background:var(--cg-navy);
  border-radius:28px;
  color:#fff;
  height:100%;
  overflow:hidden;
  padding:2rem
}
.cg-result-card:after {
  background:var(--cg-green);
  border-radius:999px;
  content:"";
  height:150px;
  opacity:.14;
  position:absolute;
  right:-60px;
  top:-60px;
  width:150px
}
.cg-result-card>* {
  position:relative;
  z-index:1
}
.cg-result-card.is-green {
  background:var(--cg-green);
  color:var(--cg-navy)
}
.cg-result-card.is-light {
  background:#fff;
  border:1px solid var(--cg-line);
  color:var(--cg-navy)
}
.cg-result-card h3 {
  font-size:1.8rem
}
.cg-result-card:not(.is-green):not(.is-light) h3,
.cg-result-card:not(.is-green):not(.is-light) .cg-big-word {
  color:#fff
}
.cg-big-word {
  display:block;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.14em;
  margin-bottom:1rem;
  text-transform:uppercase
}
.cg-result-card p {
  color:rgba(255,255,255,.78)
}
.cg-result-card.is-green p,.cg-result-card.is-light p {
  color:var(--cg-muted)
}

.cg-proof-row {
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(4,1fr)
}
.cg-proof {
  background:#fff;
  border:1px solid var(--cg-line);
  border-radius:22px;
  color:var(--cg-navy);
  padding:1.45rem
}
.cg-proof i {
  align-items:center;
  background:rgba(101,228,163,.18);
  border-radius:14px;
  color:var(--cg-navy);
  display:inline-flex;
  font-size:1.35rem;
  height:46px;
  justify-content:center;
  margin-bottom:1rem;
  width:46px
}
.cg-proof strong {
  display:block;
  font-size:1.08rem
}
.cg-proof span {
  color:var(--cg-muted);
  display:block;
  font-size:.95rem;
  margin-top:.45rem
}

@media(max-width:991.98px) {
  .cg-hero-strip {
    grid-template-columns:repeat(2,1fr);
    margin-left:auto;
    margin-right:auto
  }
  .cg-package-card.is-dark {
    transform:none
  }
  .cg-signal-grid,.cg-proof-row {
    grid-template-columns:repeat(2,1fr)
  }

}

@media(max-width:575.98px) {
  .cg-hero-strip,.cg-signal-grid,.cg-proof-row {
    grid-template-columns:1fr
  }
  .cg-service-tile,.cg-package-card,.cg-band,.cg-contact-box,.cg-result-card,.cg-offer-card,.cg-main-form,.cg-register-card {
    padding:1.5rem
  }
  .cg-hero-free {
    padding-top:7rem
  }
  .cg-hero-points span {
    width:100%;
    text-align:center
  }
  .cg-register-list li {
    display:block
  }
  .cg-register-list span {
    display:block;
    text-align:left;
    margin-top:.25rem
  }

}

@media(prefers-reduced-motion:reduce) {
  .cg-reveal,.cg-reveal.is-visible,.cg-hover-lift,.cg-hover-lift:hover {
    opacity:1;
    transform:none;
    transition:none
  }

}



/* Korekty: brief, osobna administracja i mniej zaokrąglone kafle końcowe */
.cg-band-home {
  background:#212529;
  border-radius:.25rem;
}
.cg-band-home:after {
  opacity:.1;
}
.cg-proof {
  border-radius:.25rem;
  overflow:hidden;
}
.cg-brief-check-grid {
  display:grid;
  gap:.75rem;
  grid-template-columns:repeat(2,1fr);
}
.cg-brief-option {
  align-items:center;
  background:rgba(10,38,64,.035);
  border:1px solid rgba(10,38,64,.12);
  border-radius:16px;
  cursor:pointer;
  display:flex;
  font-weight:600;
  gap:.65rem;
  min-height:54px;
  padding:.85rem 1rem;
}
.cg-brief-option input {
  accent-color:var(--cg-green);
  flex:0 0 auto;
}
@media(max-width:575.98px) {
  .cg-brief-check-grid {
    grid-template-columns:1fr;
  }
}


/* Korekta formularzy: pola i opcje briefu używają tej samej typografii co reszta strony. */
.cg-main-form,
.cg-main-form label,
.cg-main-form input,
.cg-main-form select,
.cg-main-form textarea,
.cg-main-form button,
.cg-brief-option {
  font-family:inherit;
}
.cg-main-form .form-control,
.cg-main-form .form-select {
  font-weight:500;
}
.cg-brief-option {
  font-weight:600;
}


.cg-brief-symbol .cg-contact-symbol__piece {
  fill:rgba(255,255,255,.96);
}
.cg-brief-symbol .cg-brief-symbol__cut {
  fill:none;
  stroke:#102b3f;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:8;
}
.cg-brief-next-col {
  align-self:flex-start;
}
.cg-brief-next-card {
  height:auto;
}


/* Referencje / opinie klientów */
.cg-testimonials-section {
  overflow:hidden;
}
.cg-testimonial-slider {
  overflow:visible;
}
.cg-testimonial-nav {
  display:flex;
  gap:.75rem;
  justify-content:flex-start;
}
@media(min-width:992px) {
  .cg-testimonial-nav {
    justify-content:flex-end;
  }
}
.cg-testimonial-nav button {
  align-items:center;
  background:var(--cg-navy);
  border:1px solid var(--cg-navy);
  border-radius:999px;
  color:#fff;
  display:inline-flex;
  font-size:1rem;
  height:52px;
  justify-content:center;
  transition:background .2s ease,color .2s ease,transform .2s ease;
  width:52px;
}
.cg-testimonial-nav button:hover,
.cg-testimonial-nav button:focus {
  background:var(--cg-green);
  color:var(--cg-navy);
  transform:translateY(-2px);
}
.cg-testimonial-card {
  background:#fff;
  border:1px solid var(--cg-line);
  border-radius:26px;
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:330px;
  overflow:hidden;
  padding:2rem;
  position:relative;
}
.cg-testimonial-card:after {
  background:var(--cg-green);
  border-radius:999px;
  content:"";
  height:150px;
  opacity:.08;
  position:absolute;
  right:-62px;
  top:-62px;
  width:150px;
}
.cg-testimonial-card>* {
  position:relative;
  z-index:1;
}
.cg-testimonial-card.is-dark {
  background:var(--cg-navy);
  border-color:var(--cg-navy);
  color:#fff;
}
.cg-testimonial-card.is-dark:after {
  opacity:.16;
}
.cg-testimonial-quote {
  color:var(--cg-green);
  font-size:4rem;
  font-weight:900;
  height:2.5rem;
  line-height:.8;
  margin-bottom:1.25rem;
}
.cg-testimonial-rating {
  align-items:center;
  color:#f5b301;
  display:flex;
  font-size:.98rem;
  gap:.18rem;
  letter-spacing:.02em;
  margin-bottom:1.1rem;
}
.cg-testimonial-card.is-dark .cg-testimonial-rating {
  color:#ffd166;
}
.cg-testimonial-card p {
  color:var(--cg-muted);
  font-size:1.04rem;
  margin-bottom:1.5rem;
}
.cg-testimonial-card.is-dark p {
  color:rgba(255,255,255,.78);
}
.cg-testimonial-card footer {
  border-top:1px solid rgba(10,38,64,.12);
  margin-top:auto;
  padding-top:1.25rem;
}
.cg-testimonial-card.is-dark footer {
  border-color:rgba(255,255,255,.16);
}
.cg-testimonial-card footer strong {
  color:var(--cg-navy);
  display:block;
  font-size:1.08rem;
  font-weight:900;
}
.cg-testimonial-card.is-dark footer strong {
  color:#fff;
}
.cg-testimonial-card footer span {
  color:var(--cg-muted);
  display:block;
  font-size:.95rem;
  margin-top:.25rem;
}
.cg-testimonial-card.is-dark footer span {
  color:rgba(255,255,255,.7);
}
.cg-testimonial-card--compact {
  min-height:285px;
}
/* Usunięcie cienkiej kreski/seamu przed sekcją referencji na stronie kontaktu. */
.cg-contact-testimonials {
  border-top:0;
  margin-top:0;
}
.cg-contact-testimonials::before {
  background:#f5f6f7;
  content:"";
  height:3px;
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:-2px;
  z-index:0;
}
.cg-contact-testimonials > .container {
  position:relative;
  z-index:1;
}
@media(max-width:575.98px) {
  .cg-testimonial-card {
    border-radius:20px;
    min-height:0;
    padding:1.5rem;
  }
  .cg-testimonial-nav button {
    height:46px;
    width:46px;
  }
}


/* Privacy policy */
.cg-policy-card {
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 20px 70px rgba(8, 32, 50, 0.08);
  padding: clamp(1.5rem, 4vw, 3rem);
}

.cg-policy-card h3 {
  color: #0d2b45;
  font-size: 1.35rem;
  font-weight: 800;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

.cg-policy-card p,
.cg-policy-card li {
  color: #53616d;
  line-height: 1.75;
}

.cg-policy-list {
  margin: 1.25rem 0 0;
  padding-left: 1.25rem;
}


.cg-policy-card a {
  color: #0d2b45;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.cg-policy-ordered {
  margin: 1.25rem 0 0;
  padding-left: 1.25rem;
}

.cg-policy-ordered > li + li,
.cg-policy-list > li + li {
  margin-top: 0.45rem;
}

.cg-policy-ordered--nested {
  margin-top: 0.75rem;
}

.cg-form-privacy-note a {
  color: inherit;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

textarea.form-control {
  border-radius:16px;
  line-height:1.55;
  min-height:140px;
  padding:1rem 1.25rem;
  resize:vertical;
}
.cg-main-form textarea.form-control {
  border-radius:16px;
  min-height:150px;
}
textarea.form-control:focus {
  border-color:rgba(101,228,163,.85);
  box-shadow:0 0 0 .25rem rgba(101,228,163,.18);
}



.cg-hp-field {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.cg-form-status {
  min-height: 1.4rem;
  margin-top: 0.75rem;
  font-size: 0.95rem;
  font-weight: 600;
}

.cg-form-status.is-success {
  color: #146c43;
}

.cg-form-status.is-error {
  color: #b02a37;
}

.cg-form-status.is-loading {
  color: #495057;
}


/* Zdalny Informatyk */
.cg-zi-logo-wrap {
  align-items:center;
  background:#fff;
  border:1px solid rgba(10,38,64,.1);
  border-radius:18px;
  display:inline-flex;
  justify-content:center;
  max-width:100%;
  padding:.75rem 1rem;
}
.cg-zi-logo {
  display:block;
  height:auto;
  max-width:100%;
  width:210px;
}
.cg-zi-card .cg-zi-logo-wrap {
  margin-bottom:.25rem;
}
.cg-zi-hero-card {
  background:#fff;
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  box-shadow:0 28px 80px rgba(0,0,0,.18);
  color:var(--cg-navy);
  padding:2rem;
}
.cg-zi-hero-card p {
  color:var(--cg-muted);
}
.cg-zi-badge-row {
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin-top:1.25rem;
}
.cg-zi-badge-row span {
  background:rgba(101,228,163,.2);
  border-radius:999px;
  color:var(--cg-navy);
  font-weight:800;
  padding:.55rem .85rem;
}
.cg-package-card .cg-package-meta small {
  display:block;
  font-size:.85rem;
  font-weight:800;
  margin-top:.2rem;
  opacity:.75;
}
.cg-zi-note {
  background:rgba(101,228,163,.18);
  border:1px solid rgba(101,228,163,.38);
  border-radius:24px;
  color:var(--cg-navy);
  font-weight:800;
  padding:1.25rem 1.5rem;
}
@media(max-width:575.98px) {
  .cg-zi-logo {
    width:190px;
  }
}


/* Zdalny dział IT - korekta układu kafli i logo */
.cg-zi-home-frame {
  background:#fff;
  border:1px solid var(--cg-line);
  border-radius:28px;
  color:var(--cg-navy);
  overflow:hidden;
  padding:2.25rem;
  position:relative;
}
.cg-zi-home-frame:after {
  background:var(--cg-green);
  border-radius:999px;
  content:"";
  height:220px;
  opacity:.12;
  position:absolute;
  right:-90px;
  top:-90px;
  width:220px;
}
.cg-zi-home-frame > * {
  position:relative;
  z-index:1;
}
.cg-zi-home-frame h3 {
  font-size:2.15rem;
  line-height:1.08;
}
.cg-zi-home-frame p {
  color:var(--cg-muted);
  max-width:720px;
}
.cg-zi-home-list {
  background:rgba(10,38,64,.035);
  border:1px solid rgba(10,38,64,.08);
  border-radius:20px;
  list-style:none;
  margin:0 0 1rem;
  padding:1rem;
}
.cg-zi-home-list li {
  color:var(--cg-muted);
  margin-bottom:.55rem;
  padding-left:1.45rem;
  position:relative;
}
.cg-zi-home-list li:before {
  color:var(--cg-green);
  content:"✓";
  font-weight:900;
  left:0;
  position:absolute;
}
.cg-zi-home-brand,
.cg-card-brand,
.cg-zi-hero-brand {
  align-items:center;
  background:rgba(10,38,64,.035);
  border:1px solid rgba(10,38,64,.08);
  border-radius:18px;
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  padding:1rem;
}
.cg-zi-home-brand span,
.cg-card-brand span,
.cg-zi-hero-brand span {
  color:var(--cg-muted);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.01em;
}
.cg-zi-home-brand .cg-zi-logo-wrap,
.cg-card-brand .cg-zi-logo-wrap,
.cg-zi-hero-brand .cg-zi-logo-wrap {
  padding:.5rem .75rem;
}
.cg-zi-home-brand .cg-zi-logo,
.cg-card-brand .cg-zi-logo {
  width:165px;
}
.cg-zi-result-card {
  display:flex;
  flex-direction:column;
}
.cg-zi-result-card > i,
.cg-zi-result-card > .svg-inline--fa {
  align-self:flex-start;
  margin-left:0;
  margin-right:0;
}
.cg-zi-result-card .cg-card-brand {
  margin-top:auto;
}
.cg-zi-hero-brand {
  margin-top:1.25rem;
}
.cg-zi-hero-brand .cg-zi-logo {
  width:185px;
}
@media(max-width:575.98px) {
  .cg-zi-home-frame {
    padding:1.5rem;
  }
  .cg-zi-home-frame h3 {
    font-size:1.75rem;
  }
}

/* Zdalny Informatyk - subtelne oznaczenie powered by */
.cg-powered-by {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  gap:.4rem;
  margin-top:1rem;
}
.cg-powered-by span {
  color:var(--cg-muted);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.cg-powered-by .cg-zi-logo-wrap {
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
}
.cg-powered-by .cg-zi-logo {
  width:165px;
}
.cg-powered-by-hero {
  margin-top:1.2rem;
}

.cg-powered-by-section {
  justify-content:flex-start;
}
@media(min-width:992px) {
  .cg-powered-by-section {
    justify-content:flex-start;
    padding-top:2.25rem;
  }
}


/* Portfolio / przykładowe realizacje */
.cg-portfolio-section {
  background:#fff;
  overflow:hidden;
}
.cg-portfolio-card {
  background:#fff;
  border:1px solid var(--cg-line);
  border-radius:28px;
  color:var(--cg-navy);
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
  position:relative;
  text-decoration:none;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.cg-portfolio-card:hover {
  border-color:var(--cg-navy);
  box-shadow:0 24px 60px rgba(10,38,64,.12);
  color:var(--cg-navy);
  text-decoration:none;
  transform:translateY(-6px);
}
.cg-portfolio-card__visual {
  background:
    radial-gradient(circle at 78% 18%,rgba(101,228,163,.58),transparent 0 18%,transparent 19%),
    linear-gradient(135deg,rgba(10,38,64,.98),rgba(28,61,91,.94));
  min-height:190px;
  overflow:hidden;
  padding:1.15rem;
  position:relative;
}
.cg-portfolio-card__visual:before {
  background:rgba(255,255,255,.92);
  border-radius:18px;
  bottom:-18px;
  box-shadow:0 20px 50px rgba(0,0,0,.18);
  content:"";
  left:1.15rem;
  position:absolute;
  right:1.15rem;
  top:2.7rem;
}
.cg-portfolio-card__visual:after {
  background:linear-gradient(90deg,rgba(10,38,64,.22),rgba(101,228,163,.55),rgba(10,38,64,.16));
  border-radius:999px;
  content:"";
  height:12px;
  left:2.1rem;
  position:absolute;
  right:35%;
  top:4.05rem;
}
.cg-portfolio-card__browser {
  background:rgba(255,255,255,.28);
  border-radius:999px;
  display:flex;
  gap:.35rem;
  height:1rem;
  left:1.75rem;
  padding:.25rem .35rem;
  position:absolute;
  right:1.75rem;
  top:1.25rem;
}
.cg-portfolio-card__browser span {
  background:rgba(255,255,255,.7);
  border-radius:50%;
  display:block;
  height:.5rem;
  width:.5rem;
}
.cg-portfolio-card__lines {
  bottom:2rem;
  display:grid;
  gap:.55rem;
  left:2.1rem;
  position:absolute;
  right:2.1rem;
  z-index:1;
}
.cg-portfolio-card__lines span {
  background:rgba(10,38,64,.1);
  border-radius:999px;
  display:block;
  height:10px;
}
.cg-portfolio-card__lines span:nth-child(1) { width:78%; }
.cg-portfolio-card__lines span:nth-child(2) { width:58%; }
.cg-portfolio-card__lines span:nth-child(3) { width:88%; }
.cg-portfolio-card__body {
  display:flex;
  flex:1;
  flex-direction:column;
  padding:1.65rem;
}
.cg-portfolio-card__tag {
  align-self:flex-start;
  background:rgba(101,228,163,.22);
  border-radius:999px;
  color:var(--cg-navy);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.06em;
  padding:.48rem .8rem;
  text-transform:uppercase;
}
.cg-portfolio-card h3 {
  font-size:1.55rem;
  line-height:1.15;
  margin:1rem 0 .65rem;
}
.cg-portfolio-card p {
  color:var(--cg-muted);
  margin-bottom:1rem;
}
.cg-portfolio-list {
  background:rgba(10,38,64,.035);
  border-radius:18px;
  list-style:none;
  margin:0 0 1.15rem;
  padding:.95rem;
}
.cg-portfolio-list li {
  color:var(--cg-muted);
  font-size:.96rem;
  margin-bottom:.5rem;
  padding-left:1.35rem;
  position:relative;
}
.cg-portfolio-list li:last-child {
  margin-bottom:0;
}
.cg-portfolio-list li:before {
  color:var(--cg-green);
  content:"✓";
  font-weight:900;
  left:0;
  position:absolute;
}
.cg-portfolio-cta {
  align-items:center;
  color:var(--cg-navy);
  display:flex;
  font-weight:900;
  gap:.5rem;
  margin-top:auto;
}
.cg-portfolio-card.is-green .cg-portfolio-card__visual {
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.38),transparent 0 18%,transparent 19%),
    linear-gradient(135deg,var(--cg-green),rgba(101,228,163,.68));
}
.cg-portfolio-card.is-green .cg-portfolio-card__tag {
  background:rgba(10,38,64,.08);
}
.cg-portfolio-card.is-dark {
  background:var(--cg-navy);
  border-color:var(--cg-navy);
  color:#fff;
}
.cg-portfolio-card.is-dark:hover {
  border-color:var(--cg-green);
  color:#fff;
}
.cg-portfolio-card.is-dark .cg-portfolio-card__visual {
  background:
    radial-gradient(circle at 78% 18%,rgba(77,197,255,.36),transparent 0 18%,transparent 19%),
    linear-gradient(135deg,#061f35,#0a2640);
}
.cg-portfolio-card.is-dark h3,
.cg-portfolio-card.is-dark .cg-portfolio-cta {
  color:#fff;
}
.cg-portfolio-card.is-dark p,
.cg-portfolio-card.is-dark .cg-portfolio-list li {
  color:rgba(255,255,255,.76);
}
.cg-portfolio-card.is-dark .cg-portfolio-list {
  background:rgba(255,255,255,.08);
}
.cg-portfolio-card.is-dark .cg-portfolio-card__tag {
  background:var(--cg-green);
  color:var(--cg-navy);
}
@media(max-width:575.98px) {
  .cg-portfolio-card,
  .cg-portfolio-card__visual:before {
    border-radius:20px;
  }
  .cg-portfolio-card__visual {
    min-height:165px;
  }
  .cg-portfolio-card__body {
    padding:1.35rem;
  }
}

/* Case studies / portfolio przewijane jak opinie */
.cg-case-studies-section {
  overflow:hidden;
}
.cg-case-slider {
  overflow:visible;
}
.cg-case-nav {
  justify-content:flex-start;
}
@media(min-width:992px) {
  .cg-case-nav {
    justify-content:flex-end;
  }
}
.cg-case-card {
  background:#fff;
  border:1px solid var(--cg-line);
  border-radius:28px;
  box-shadow:0 24px 70px rgba(10,38,64,.08);
  color:var(--cg-navy);
  display:grid;
  gap:1.5rem;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  height:100%;
  overflow:hidden;
  padding:1.5rem;
  position:relative;
}
.cg-case-card:after {
  background:var(--cg-green);
  border-radius:999px;
  content:"";
  height:210px;
  opacity:.08;
  position:absolute;
  right:-85px;
  top:-85px;
  width:210px;
}
.cg-case-card > * {
  position:relative;
  z-index:1;
}
.cg-case-card.is-dark {
  background:var(--cg-navy);
  border-color:var(--cg-navy);
  color:#fff;
}
.cg-case-card.is-dark:after {
  opacity:.16;
}
.cg-case-shot {
  align-self:start;
  background:rgba(10,38,64,.035);
  border:1px solid rgba(10,38,64,.08);
  border-radius:22px;
  overflow:hidden;
}
.cg-case-card.is-dark .cg-case-shot {
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.14);
}
.cg-case-shot img {
  display:block;
  height:auto;
  width:100%;
}
.cg-case-body {
  align-self:center;
  padding:.35rem .5rem;
}
.cg-case-tag {
  background:rgba(101,228,163,.22);
  border-radius:999px;
  color:var(--cg-navy);
  display:inline-flex;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  margin-bottom:1rem;
  padding:.55rem .9rem;
  text-transform:uppercase;
}
.cg-case-card.is-dark .cg-case-tag {
  background:var(--cg-green);
  color:var(--cg-navy);
}
.cg-case-body h3 {
  font-size:2rem;
  line-height:1.12;
  margin-bottom:.9rem;
}
.cg-case-card.is-dark .cg-case-body h3 {
  color:#fff;
}
.cg-case-body p {
  color:var(--cg-muted);
  margin-bottom:1rem;
}
.cg-case-card.is-dark .cg-case-body p {
  color:rgba(255,255,255,.78);
}
.cg-case-meta {
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  list-style:none;
  margin:0;
  padding:0;
}
.cg-case-meta li {
  background:rgba(10,38,64,.055);
  border-radius:999px;
  color:var(--cg-navy);
  font-size:.9rem;
  font-weight:800;
  padding:.5rem .75rem;
}
.cg-case-card.is-dark .cg-case-meta li {
  background:rgba(255,255,255,.10);
  color:rgba(255,255,255,.86);
}
.cg-case-quote {
  background:transparent;
  border:0;
  border-radius:0;
  grid-column:1/-1;
  margin:.1rem 0 0;
  padding:1.2rem 0 .15rem 3.45rem;
  position:relative;
}
.cg-case-quote:before {
  color:var(--cg-green);
  content:"\201C";
  font-family:Georgia, 'Times New Roman', serif;
  font-size:4.9rem;
  font-weight:700;
  left:0;
  line-height:.75;
  opacity:.92;
  position:absolute;
  top:1.05rem;
}
.cg-case-card.is-dark .cg-case-quote {
  background:transparent;
  border:0;
}
.cg-case-quote .cg-testimonial-rating {
  margin-bottom:.55rem;
}
.cg-case-quote p {
  color:var(--cg-navy);
  font-size:1.08rem;
  font-weight:700;
  line-height:1.55;
  margin-bottom:.65rem;
}
.cg-case-card.is-dark .cg-case-quote p {
  color:rgba(255,255,255,.86);
}
.cg-case-quote footer {
  color:var(--cg-muted);
  font-size:.95rem;
  font-weight:900;
}
.cg-case-card.is-dark .cg-case-quote footer {
  color:rgba(255,255,255,.72);
}
@media(max-width:991.98px) {
  .cg-case-card {
    grid-template-columns:1fr;
  }
}
@media(max-width:575.98px) {
  .cg-case-card {
    border-radius:22px;
    padding:1.1rem;
  }
  .cg-case-body h3 {
    font-size:1.55rem;
  }
  .cg-case-quote {
    margin-top:.25rem;
    padding:1.05rem 0 0 2.55rem;
  }
  .cg-case-quote:before {
    font-size:3.7rem;
    top:1rem;
  }
}

.cg-case-slider .swiper-container {
  overflow:visible;
}
.cg-case-slider .swiper-slide {
  height:auto;
}
.cg-case-card {
  box-shadow:0 18px 54px rgba(10,38,64,.07);
  transform:translateZ(0);
}
.cg-case-shot {
  box-shadow:inset 0 0 0 1px rgba(10,38,64,.02);
}
.cg-case-card.is-dark .cg-case-shot {
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

.cg-capability-card {
  background:#fff;
  border:1px solid var(--cg-line);
  border-radius:28px;
  color:var(--cg-navy);
  height:100%;
  overflow:hidden;
  padding:2rem;
  position:relative;
}
.cg-capability-card:after {
  background:var(--cg-green);
  border-radius:999px;
  content:"";
  height:160px;
  opacity:.08;
  position:absolute;
  right:-64px;
  top:-64px;
  width:160px;
}
.cg-capability-card > * {
  position:relative;
  z-index:1;
}
.cg-capability-card.is-dark {
  background:var(--cg-navy);
  border-color:var(--cg-navy);
  color:#fff;
}
.cg-capability-card.is-green {
  background:var(--cg-green);
  border-color:var(--cg-green);
  color:var(--cg-navy);
}
.cg-capability-card h3 {
  font-size:1.85rem;
  line-height:1.12;
  margin-top:1.25rem;
}
.cg-capability-card p {
  color:var(--cg-muted);
  margin-bottom:0;
}
.cg-capability-card.is-dark p {
  color:rgba(255,255,255,.78);
}
.cg-capability-card.is-green p {
  color:rgba(10,38,64,.78);
}
@media(max-width:575.98px) {
  .cg-capability-card {
    border-radius:22px;
    padding:1.5rem;
  }
}

.cg-case-slider {
  overflow:visible;
  padding:1.1rem 0 1.6rem;
}
.cg-case-slider .swiper-container {
  margin:-1.1rem;
  overflow:hidden;
  padding:1.1rem;
}
.cg-case-slider .swiper-wrapper {
  align-items:stretch;
}
.cg-case-slider .swiper-slide {
  display:flex;
  height:auto !important;
}
.cg-case-slider .swiper-slide > .cg-case-card,
.cg-case-card {
  width:100%;
}
.cg-case-card {
  align-content:start;
  box-shadow:0 18px 54px rgba(10,38,64,.07);
  grid-template-rows:auto minmax(150px,auto);
  min-height:620px;
  transform:translateZ(0);
}
.cg-case-quote {
  align-self:end;
}
@media(max-width:1199.98px) {
  .cg-case-card {
    min-height:600px;
  }
}
@media(max-width:991.98px) {
  .cg-case-card {
    min-height:0;
  }
  .cg-case-slider .swiper-container {
    margin:-.75rem;
    padding:.75rem;
  }
}


.cg-pricing-toolbar {
  align-items:center;
  background:#fff;
  border:1px solid var(--cg-line);
  border-radius:18px;
  display:flex;
  justify-content:space-between;
  padding:.8rem 1rem
}
.cg-pricing-label { color:var(--cg-muted); margin-right:.35rem }
.cg-pricing-mode-label { color:var(--cg-navy); text-transform:uppercase }
.cg-vat-switch { background:rgba(10,38,64,.07); border-radius:999px; display:inline-flex; padding:.25rem }
.cg-vat-switch button { background:transparent; border:0; border-radius:999px; color:var(--cg-muted); font-size:.82rem; font-weight:800; padding:.45rem .85rem }
.cg-vat-switch button.is-active { background:var(--cg-navy); color:#fff }
.cg-hosting-space { color:var(--cg-navy); display:block; font-size:1.75rem; font-weight:900; line-height:1.1; margin-top:.8rem }
.cg-hosting-space small { color:var(--cg-muted); font-size:.72rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase }
.cg-hosting-price { background:rgba(101,228,163,.22); border-radius:18px; margin:1rem 0 .7rem; padding:1rem }
.cg-offer-card.is-dark .cg-hosting-price { background:rgba(101,228,163,.16) }
.cg-offer-card.is-green .cg-hosting-price { background:rgba(10,38,64,.08) }
.cg-price-eyebrow { color:var(--cg-muted); display:block; font-size:.72rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase }
.cg-hosting-price .cg-package-meta { margin:.25rem 0 .1rem }
.cg-hosting-price .cg-package-meta small { display:block; font-size:.72rem; font-weight:700; margin-top:.3rem }
.cg-price-monthly { color:var(--cg-muted); display:block; font-size:.72rem; line-height:1.35 }
.cg-renewal-price { color:var(--cg-muted); font-size:.86rem; margin-bottom:1.2rem }
.cg-renewal-price strong { color:inherit }
.cg-offer-card.is-dark .cg-hosting-space, .cg-offer-card.is-dark .cg-renewal-price strong { color:var(--cg-green) }
@media (max-width:575.98px) { .cg-pricing-toolbar { align-items:flex-start; flex-direction:column; gap:.75rem } }