.internet-hero {
  position: relative;
  overflow: hidden;
  min-height: 650px;
  display: grid;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(6,20,37,.99) 0%, rgba(6,20,37,.92) 40%, rgba(6,20,37,.26) 72%, rgba(6,20,37,.18) 100%),
    url('/media/internet-polska-hero.webp') 64% center / cover no-repeat;
}
.internet-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 180px;
  background: linear-gradient(transparent, var(--seo-bg));
  pointer-events: none;
}
.internet-hero .seo-shell { position: relative; z-index: 1; }
.internet-hero-copy { max-width: 680px; padding: 84px 0 112px; }
.internet-hero h1 { max-width: 680px; }
.internet-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.internet-badges span, .internet-badges a { padding: 8px 12px; border: 1px solid rgba(126,216,237,.3); border-radius: 999px; color: #d8f6fb; background: rgba(6,20,37,.68); font-size: .85rem; font-weight: 750; text-decoration: none; backdrop-filter: blur(8px); }
.internet-badges a:hover, .internet-badges a:focus-visible { border-color: rgba(126,216,237,.7); color: #fff; }

.internet-split { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 52px; }
.internet-media { overflow: hidden; border: 1px solid var(--seo-line); border-radius: 24px; box-shadow: var(--seo-shadow); }
.internet-media img { display: block; width: 100%; min-height: 420px; object-fit: cover; }
.internet-copy h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.08; letter-spacing: -.035em; }
.internet-copy > p { color: var(--seo-muted); }
.internet-note { padding: 16px 18px; border-left: 3px solid var(--seo-cyan); border-radius: 0 12px 12px 0; color: #d7e7f6; background: rgba(32,216,234,.07); }

.availability-wrap { display: grid; grid-template-columns: .78fr 1.22fr; gap: 42px; align-items: start; }
.availability-intro { position: sticky; top: 112px; }
.availability-intro h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.08; letter-spacing: -.035em; }
.availability-intro p { color: var(--seo-muted); }
.internet-uke-proof { margin-top: 24px; padding: 16px 18px; border: 1px solid rgba(32,216,234,.24); border-radius: 14px; background: rgba(32,216,234,.07); }
.internet-uke-proof p { margin: 0; color: var(--seo-muted); }
.internet-uke-proof p + p { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(32,216,234,.18); }
.internet-uke-proof strong { display: block; margin-bottom: 5px; color: #eafcff; }
.internet-uke-proof a { color: var(--seo-cyan); font-weight: 800; text-decoration: none; }
.internet-uke-proof a:hover, .internet-uke-proof a:focus-visible { text-decoration: underline; }
.availability-form { padding: 30px; border: 1px solid var(--seo-line); border-radius: 22px; background: linear-gradient(145deg, rgba(16,42,69,.82), rgba(7,23,41,.94)); box-shadow: var(--seo-shadow); }
.availability-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.availability-field { display: grid; gap: 8px; }
.availability-field-wide { grid-column: 1 / -1; }
.availability-field span, .availability-consent { color: #d8e7f5; font-size: .9rem; font-weight: 750; }
.availability-field input, .availability-field select, .availability-field textarea {
  width: 100%;
  min-height: 49px;
  padding: 12px 14px;
  border: 1px solid rgba(170,207,244,.24);
  border-radius: 11px;
  color: var(--seo-text);
  background: rgba(4,16,29,.76);
  font: inherit;
}
.availability-field textarea { min-height: 120px; resize: vertical; }
.availability-field select option { color: #061425; background: #fff; }
.availability-field input:focus, .availability-field select:focus, .availability-field textarea:focus { outline: 2px solid rgba(32,216,234,.55); outline-offset: 2px; }
.availability-consent { display: grid; grid-template-columns: 20px 1fr; gap: 11px; align-items: start; margin-top: 20px; font-weight: 500; }
.availability-consent input { width: 18px; height: 18px; margin-top: 3px; accent-color: var(--seo-cyan); }
.availability-consent a { color: var(--seo-cyan); }
.availability-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.internet-turnstile { min-height: 72px; margin-top: 19px; }
.internet-turnstile p { margin: 8px 0 0; color: var(--seo-muted); font-size: .84rem; }
.availability-submit { width: 100%; margin-top: 18px; border: 0; cursor: pointer; }
.availability-submit:disabled { cursor: wait; opacity: .55; }
.availability-status { display: none; margin: 0 0 18px; padding: 13px 15px; border-radius: 11px; font-weight: 700; }
.availability-status.is-visible { display: block; }
.availability-status.is-success { color: #c9ffe6; background: rgba(40,190,125,.16); border: 1px solid rgba(83,226,161,.35); }
.availability-status.is-error { color: #ffe0e0; background: rgba(214,70,70,.14); border: 1px solid rgba(240,109,109,.34); }
.availability-small { margin: 14px 0 0; color: #8fa8c0; font-size: .82rem; }

@media (max-width: 900px) {
  .internet-hero { min-height: 590px; background-position: 59% center; }
  .internet-split, .availability-wrap { grid-template-columns: 1fr; }
  .availability-intro { position: static; }
}

@media (max-width: 620px) {
  .internet-hero { min-height: auto; background-position: 64% center; }
  .internet-hero::before { content: ""; position: absolute; inset: 0; background: rgba(6,20,37,.36); }
  .internet-hero-copy { padding: 66px 0 100px; }
  .internet-media img { min-height: 300px; }
  .availability-form { padding: 22px 18px; }
  .availability-grid { grid-template-columns: 1fr; }
  .availability-field-wide { grid-column: auto; }
}