/* Goedkoopste Blocks — all selectors scoped to .gk-*.
   Tokens come from the child theme; redeclared here as fallbacks so widgets
   also render correctly in the Elementor editor canvas. */
:root {
	--gk-blue: #3A8488;
	--gk-blue-ink: #2E6A6D;
	--gk-blue-dark: #24585B;
	--gk-gold: #D7BF95;
	--gk-ink: #0D1F2C;
	--gk-black: #081019;
	--gk-paper: #F2F9F9;
	--gk-white: #fff;
	--gk-muted: #5B6472;
	--gk-muted-dark: rgba(255, 255, 255, .72);
	--gk-line: #DCE6E6;
	--gk-line-dark: rgba(255, 255, 255, .12);
	--gk-container: 1240px;
	--gk-radius: 8px;
	--gk-header-h: 112px;
}

/* ---- primitives ---------------------------------------------------------- */
.gk-section { position: relative; width: 100%; box-sizing: border-box; }
.gk-section * { box-sizing: border-box; }

.gk-container { width: 100%; max-width: var(--gk-container); margin-inline: auto; padding-inline: 24px; }

.gk-eyebrow { margin: 0 0 18px; font: 700 12px/1 'Inter', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--gk-blue); }
.gk-eyebrow--rule { display: inline-flex; align-items: center; }
.gk-eyebrow--rule::after { content: ''; width: 40px; height: 2px; background: var(--gk-gold); margin-left: 14px; border-radius: 2px; }
.gk-h2 { margin: 0; font-family: 'Inter', sans-serif; font-weight: 900; font-size: clamp(32px, 4.2vw, 52px); line-height: 1.02; letter-spacing: -.02em; color: var(--gk-ink); }
.gk-lead { margin: 14px 0 0; font-size: 17px; line-height: 1.6; color: var(--gk-muted); max-width: 48ch; }

.gk-svgi { width: 24px; height: 24px; display: block; }

.gk-btn { display: inline-flex; align-items: center; gap: .5em; font: 600 15px/1 'Inter', sans-serif; padding: 14px 24px; border-radius: var(--gk-radius); text-decoration: none; border: 1px solid transparent; transition: background-color .18s ease, color .18s ease, border-color .18s ease; cursor: pointer; white-space: nowrap; }
.gk-btn--primary { background: var(--gk-blue); color: #fff; }
.gk-btn--primary:hover, .gk-btn--primary:focus-visible { background: var(--gk-blue-ink); color: #fff; }
.gk-btn--ghost { background: transparent; color: #fff; border-color: rgba(58, 132, 136, .55); }
.gk-btn--ghost:hover, .gk-btn--ghost:focus-visible { border-color: var(--gk-blue); color: #fff; }
.gk-btn--outline { background: transparent; color: var(--gk-blue); border-color: var(--gk-blue); }
.gk-btn--outline:hover, .gk-btn--outline:focus-visible { background: var(--gk-blue); color: #fff; }
.gk-btn--sm { padding: 10px 18px; font-size: 14px; }

/* ---- gk-header ----------------------------------------------------------- */
.gk-header { width: 100%; }
.gk-header:not(.gk-header--overlay) { background: var(--gk-ink); border-bottom: 1px solid var(--gk-line-dark); }
.gk-header--overlay { position: absolute; top: 0; left: 0; right: 0; z-index: 20; }
/* The overlay header is absolute (out of flow); zero Elementor's default widget
   spacing below it so the hero starts at the very top with no white gap. */
.elementor-widget.elementor-widget-gk-header { margin-bottom: 0; }
.gk-topbar { border-bottom: 1px solid var(--gk-line-dark); font-size: 13px; color: var(--gk-muted-dark); }
.gk-topbar__row { display: flex; align-items: center; justify-content: space-between; min-height: 40px; gap: 16px; }
.gk-topbar__left { display: flex; align-items: center; gap: 16px; min-width: 0; }
.gk-topbar__country { color: #fff; font-weight: 600; white-space: nowrap; display: inline-flex; align-items: center; }
.gk-topbar__caret { margin-left: 5px; opacity: .75; }
.gk-topbar__tag { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gk-topbar__links { display: flex; gap: 20px; }
.gk-topbar a { color: var(--gk-muted-dark); text-decoration: none; white-space: nowrap; }
.gk-topbar a:hover { color: #fff; }

.gk-nav__row { display: flex; align-items: center; gap: 24px; min-height: 72px; }
.gk-brand { display: inline-flex; align-items: center; text-decoration: none; font: 900 24px/1 'Inter', sans-serif; letter-spacing: -.02em; color: #fff; }
.gk-brand__accent { color: var(--gk-blue); }
.gk-brand .gk-brand__logo { display: block; height: 30px; width: auto; }
.gk-nav__menu { display: flex; align-items: center; gap: 28px; margin-left: 44px; }
.gk-nav__menu > a { color: #fff; text-decoration: none; font: 500 15px/1 'Inter', sans-serif; transition: color .15s ease; }
.gk-nav__menu > a:hover, .gk-nav__menu > a:focus-visible { color: var(--gk-blue); }
.gk-nav__actions { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.gk-nav__ic { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .22); color: #fff; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: border-color .15s ease, color .15s ease; }
.gk-nav__ic:hover, .gk-nav__ic:focus-visible { border-color: #fff; color: var(--gk-blue); }
.gk-nav__cta { color: #fff; }

/* ---- sticky CTA bar (reveals on scroll past hero) ----------------------- */
.gk-stickycta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; display: flex; justify-content: center; padding: 12px 16px; padding-bottom: max(12px, env(safe-area-inset-bottom)); pointer-events: none; transform: translateY(130%); opacity: 0; transition: transform .32s cubic-bezier(.4, 0, .2, 1), opacity .32s ease; }
.gk-stickycta.is-visible { transform: translateY(0); opacity: 1; }
.gk-stickycta__inner { pointer-events: auto; display: flex; align-items: center; gap: 18px; width: 100%; max-width: 660px; background: var(--gk-ink); color: #fff; border: 1px solid var(--gk-line-dark); border-radius: 15px; padding: 11px 12px 11px 22px; box-shadow: 0 22px 54px -18px rgba(0, 0, 0, .55); }
.gk-stickycta__text { font: 700 15px/1.25 'Inter', sans-serif; }
.gk-stickycta__text small { display: block; font-weight: 500; font-size: 12.5px; color: rgba(255, 255, 255, .62); margin-top: 2px; }
.gk-stickycta .gk-btn { margin-left: auto; white-space: nowrap; }
@media (max-width: 520px) {
	.gk-stickycta { padding: 10px 12px; padding-bottom: max(10px, env(safe-area-inset-bottom)); }
	.gk-stickycta__inner { gap: 12px; padding: 9px 10px 9px 16px; }
	.gk-stickycta__text { font-size: 14px; }
	.gk-stickycta__text small { display: none; }
}
@media (prefers-reduced-motion: reduce) { .gk-stickycta { transition: opacity .2s ease; transform: none; } }
.gk-nav__toggle { display: none; width: 44px; height: 44px; border: 0; background: transparent; cursor: pointer; flex-direction: column; justify-content: center; gap: 5px; margin-left: auto; }
.gk-nav__toggle span { display: block; height: 2px; width: 24px; background: #fff; margin-inline: auto; transition: transform .2s ease, opacity .2s ease; }

/* ---- gk-404 (branded not-found page) ------------------------------------ */
.gk-404-body { margin: 0; background: var(--gk-ink); }
.gk-404 { min-height: 100vh; background: var(--gk-ink); color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; padding: 56px 0; }
.gk-404__inner { max-width: 640px; }
.gk-404__brand { display: inline-block; margin-bottom: 30px; font: 900 22px/1 'Inter', sans-serif; letter-spacing: -.01em; text-decoration: none; }
.gk-404__brand .gk-brand__main { color: #fff; }
.gk-404__brand .gk-brand__accent { color: var(--gk-blue); }
.gk-404__code { margin: 0; font: 900 clamp(84px, 18vw, 150px)/0.9 'Inter', sans-serif; letter-spacing: -.04em; color: rgba(58, 132, 136, .28); }
.gk-404 .gk-eyebrow { margin: 10px 0 14px; }
.gk-404__title { margin: 0; font: 900 clamp(28px, 5vw, 44px)/1.1 'Inter', sans-serif; letter-spacing: -.02em; color: #fff; }
.gk-404__sub { margin: 16px auto 0; max-width: 46ch; font-size: 16.5px; line-height: 1.6; color: var(--gk-muted-dark); }
.gk-404__cta { margin-top: 30px; display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.gk-404__links { margin: 34px 0 0; display: flex; gap: 10px 26px; justify-content: center; flex-wrap: wrap; }
.gk-404__links a { color: rgba(255, 255, 255, .72); font-weight: 600; font-size: 14px; text-decoration: none; }
.gk-404__links a:hover, .gk-404__links a:focus-visible { color: #fff; }

/* ---- gk-legal (prose / legal pages) ------------------------------------- */
.gk-legal { background: #fff; padding: 72px 0 80px; }
.gk-legal__wrap { max-width: 800px; }
.gk-legal .gk-eyebrow { margin-bottom: 14px; }
.gk-legal__title { margin: 0; font: 900 clamp(30px, 4.5vw, 44px)/1.1 'Inter', sans-serif; letter-spacing: -.02em; color: var(--gk-ink); }
.gk-legal__meta { margin: 14px 0 0; font-size: 14px; color: var(--gk-muted); }
.gk-legal__prose { margin-top: 36px; font-size: 16px; line-height: 1.75; color: var(--gk-ink-soft, #33444f); }
.gk-legal__prose > :first-child { margin-top: 0; }
.gk-legal__prose h2 { margin: 40px 0 14px; font: 800 24px/1.3 'Inter', sans-serif; color: var(--gk-ink); }
.gk-legal__prose h3 { margin: 28px 0 10px; font: 700 18px/1.4 'Inter', sans-serif; color: var(--gk-ink); }
.gk-legal__prose p { margin: 0 0 16px; }
.gk-legal__prose ul, .gk-legal__prose ol { margin: 0 0 18px; padding-left: 22px; }
.gk-legal__prose li { margin: 0 0 8px; }
.gk-legal__prose a { color: var(--gk-blue-ink); text-decoration: underline; }
.gk-legal__prose a:hover { color: var(--gk-blue); }
.gk-legal__prose strong { color: var(--gk-ink); }

/* ---- gk-contact ---------------------------------------------------------- */
.gk-contact { background: var(--gk-paper); padding: 80px 0; }
.gk-contact__row { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 56px; align-items: start; }
.gk-contact__ititle { margin: 0 0 10px; font: 700 13px/1.3 'Inter', sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--gk-blue); }
.gk-contact__email { font: 800 24px/1.2 'Inter', sans-serif; color: var(--gk-ink); text-decoration: none; word-break: break-word; }
.gk-contact__email:hover { color: var(--gk-blue-ink); }
.gk-contact__wa, .gk-contact__phone { display: inline-flex; align-items: center; gap: 9px; margin-top: 14px; font: 700 15px/1.2 'Inter', sans-serif; color: var(--gk-blue-ink); text-decoration: none; }
.gk-contact__wa { display: flex; }
.gk-contact__phone { display: flex; }
.gk-contact__wa:hover, .gk-contact__phone:hover { color: var(--gk-blue); }
.gk-contact--infoonly .gk-contact__row { grid-template-columns: 1fr; max-width: 680px; }
.gk-contact--infoonly .gk-contact__links { margin-top: 24px; }
.gk-contact__biz { margin: 22px 0 0; padding-top: 18px; border-top: 1px solid var(--gk-line); font-size: 13px; line-height: 1.6; color: var(--gk-muted); }
.gk-contact__resp { margin: 16px 0 24px; font-size: 15px; line-height: 1.6; color: var(--gk-muted); max-width: 40ch; }
.gk-contact__privacy { margin: 2px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--gk-muted); max-width: 48ch; }
.gk-contact__privacy a { color: var(--gk-blue-ink); text-decoration: underline; }
.gk-contact__links { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.gk-contact__links a { color: var(--gk-blue-ink); font-weight: 600; font-size: 15px; text-decoration: none; }
.gk-contact__links a:hover { color: var(--gk-blue); }
.gk-contact__formwrap .gk-h2 { margin: 0 0 20px; }
.gk-contact__notice { margin: 0 0 18px; padding: 13px 16px; border-radius: 11px; font-size: 14.5px; font-weight: 500; }
.gk-contact__notice--ok { background: rgba(58, 132, 136, .12); color: var(--gk-blue-ink); border: 1px solid rgba(58, 132, 136, .3); }
.gk-contact__notice--err { background: rgba(200, 70, 70, .1); color: #a33; border: 1px solid rgba(200, 70, 70, .3); }
.gk-contact__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.gk-contact__form { display: grid; gap: 16px; }
.gk-contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.gk-field { display: grid; gap: 7px; }
.gk-field > span { font: 600 13.5px/1 'Inter', sans-serif; color: var(--gk-ink); }
.gk-field input, .gk-field select, .gk-field textarea { width: 100%; font: 400 15px/1.4 'Inter', sans-serif; color: var(--gk-ink); background: #fff; border: 1px solid var(--gk-line); border-radius: 11px; padding: 12px 14px; transition: border-color .15s ease, box-shadow .15s ease; }
.gk-field input:focus, .gk-field select:focus, .gk-field textarea:focus { outline: none; border-color: var(--gk-blue); box-shadow: 0 0 0 3px rgba(58, 132, 136, .18); }
.gk-field textarea { resize: vertical; min-height: 120px; }
.gk-contact__form .gk-btn { justify-self: start; margin-top: 4px; }
@media (max-width: 768px) {
	.gk-contact__row { grid-template-columns: 1fr; gap: 36px; }
	.gk-contact__grid { grid-template-columns: 1fr; }
}

/* ---- gk-pagehead (inner-page header) ------------------------------------ */
.gk-pagehead { background: var(--gk-ink); color: #fff; padding: 72px 0 64px; text-align: center; }
.gk-pagehead__inner { max-width: 760px; }
.gk-pagehead .gk-eyebrow { margin-bottom: 16px; }
.gk-pagehead__title { margin: 0; font: 900 clamp(32px, 5vw, 52px)/1.06 'Inter', sans-serif; letter-spacing: -.02em; color: #fff; }
.gk-pagehead__sub { margin: 18px auto 0; max-width: 60ch; font-size: 17px; line-height: 1.6; color: var(--gk-muted-dark); }
.gk-pagehead__chips { list-style: none; margin: 26px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 18px; }
.gk-pagehead__chips li { display: inline-flex; align-items: center; gap: 8px; font: 600 14px/1 'Inter', sans-serif; color: rgba(255, 255, 255, .88); }
.gk-pagehead__ck { color: var(--gk-blue); display: inline-flex; }
.gk-pagehead__ck .gk-svgi { width: 17px; height: 17px; }
.gk-pagehead__cta { margin-top: 32px; }
.gk-pagehead__pay { margin-top: 22px; display: inline-flex; align-items: center; gap: 12px; font-size: 13.5px; color: var(--gk-muted-dark); }
.gk-pagehead__pay .gk-pay-logo { height: 30px; width: auto; display: block; }

/* ---- gk-hero ------------------------------------------------------------- */
.gk-hero { position: relative; background: var(--gk-ink); color: #fff; overflow: hidden; min-height: clamp(640px, 94vh, 940px); display: flex; align-items: center; padding: calc(var(--gk-header-h) + 32px) 0 80px; }
.gk-hero__media { position: absolute; inset: 0; z-index: 0; }
.gk-hero__media .gk-hero__img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.gk-hero__fade { position: absolute; inset: 0; background:
	linear-gradient(90deg, rgba(13, 31, 44, .96) 0%, rgba(13, 31, 44, .88) 26%, rgba(13, 31, 44, .45) 52%, rgba(13, 31, 44, 0) 82%),
	linear-gradient(180deg, rgba(13, 31, 44, .8) 0%, rgba(13, 31, 44, 0) 22%),
	linear-gradient(0deg, rgba(13, 31, 44, .45) 0%, rgba(13, 31, 44, 0) 28%); }
.gk-hero__inner { position: relative; z-index: 1; width: 100%; }
.gk-hero__copy { max-width: 552px; }
.gk-hero__title { margin: 0 0 18px; font-family: 'Inter', sans-serif; font-weight: 900; font-size: clamp(40px, 6vw, 84px); line-height: 1.0; letter-spacing: -.02em; }
.gk-hero__sub { margin: 0 0 24px; font-size: 18px; line-height: 1.6; color: var(--gk-muted-dark); max-width: 46ch; }
.gk-hero__feats { list-style: none; margin: 0 0 30px; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 22px; }
.gk-hero__feats li { display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 500; color: #fff; }
.gk-hero__fck { color: var(--gk-blue); display: inline-flex; flex: none; }
.gk-hero__fck .gk-svgi { width: 18px; height: 18px; }
.gk-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; }
.gk-hero__pay { display: flex; align-items: center; gap: 12px; margin-top: 32px; font-size: 14px; color: var(--gk-muted-dark); }
.gk-hero__pay .gk-pay-logo { height: 34px; width: auto; display: block; }

/* ---- gk-stats ------------------------------------------------------------ */
.gk-stats { background: var(--gk-paper); border-top: 1px solid var(--gk-line); border-bottom: 1px solid var(--gk-line); }
.gk-stats__row { display: flex; }
.gk-stat { flex: 1; display: flex; align-items: center; justify-content: center; gap: 14px; padding: 34px 16px; }
.gk-stat + .gk-stat { border-left: 1px solid var(--gk-line); }
.gk-stat__icon { color: var(--gk-blue); flex: none; }
.gk-stat__icon .gk-svgi { width: 34px; height: 34px; }
.gk-stat__body { display: flex; flex-direction: column; }
.gk-stat__num { font: 800 28px/1 'Inter', sans-serif; color: var(--gk-ink); letter-spacing: -.01em; }
.gk-stat__label { margin-top: 5px; font-size: 14px; color: var(--gk-muted); }

/* ---- gk-plans ------------------------------------------------------------ */
.gk-plans { background: var(--gk-paper); padding: 88px 0; }
.gk-plans__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: 40px; }
.gk-plans__intro { max-width: 620px; }
.gk-plans__intro .gk-h2 { margin-top: 6px; }
.gk-plans__controls { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.gk-plans__trial { color: var(--gk-blue); font-weight: 600; font-size: 15px; text-decoration: none; white-space: nowrap; }
.gk-plans__trial:hover, .gk-plans__trial:focus-visible { color: var(--gk-blue-ink); text-decoration: underline; }
.gk-plans__tabs { display: inline-flex; background: #fff; border: 1px solid var(--gk-line); border-radius: 10px; padding: 4px; gap: 2px; }
.gk-tab { border: 0; background: transparent; padding: 9px 16px; border-radius: 7px; font: 600 14px/1 'Inter', sans-serif; color: var(--gk-muted); cursor: pointer; transition: background .15s ease, color .15s ease; }
.gk-tab.is-active { background: var(--gk-blue); color: #fff; }

.gk-plans__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: start; }
.gk-plans__foot { margin: 28px auto 0; max-width: 70ch; text-align: center; font-size: 14px; line-height: 1.6; color: var(--gk-muted); }
.gk-plan { background: #fff; border: 1px solid var(--gk-line); border-radius: 14px; position: relative; }
.gk-plan--featured { background: var(--gk-ink); color: #fff; border-color: var(--gk-ink); box-shadow: 0 30px 60px -28px rgba(13, 31, 44, .4); }
.gk-plan__banner { background: var(--gk-gold); color: #1b2e38; text-align: center; font: 700 13px/1 'Inter', sans-serif; padding: 10px; border-radius: 14px 14px 0 0; letter-spacing: .01em; }
.gk-plan__inner { padding: 26px 24px; }
.gk-plan__server { margin: 0 0 14px; font-size: 13px; color: var(--gk-muted); }
.gk-plan--featured .gk-plan__server { color: var(--gk-muted-dark); }
.gk-plan__dur { margin: 0 0 4px; font: 700 17px/1.2 'Inter', sans-serif; }
.gk-plan__tag { margin: 0 0 10px; font-size: 12.5px; font-weight: 600; color: var(--gk-blue); }
.gk-plan--featured .gk-plan__tag { color: var(--gk-gold); }
.gk-plan__price { margin: 0; display: flex; align-items: baseline; gap: 4px; }
.gk-plan__cur { font-size: 20px; font-weight: 700; }
.gk-plan__amt { font: 900 48px/1 'Inter', sans-serif; letter-spacing: -.02em; }
.gk-plan__total { margin: 8px 0 18px; font-size: 14px; color: var(--gk-muted); }
.gk-plan--featured .gk-plan__total { color: var(--gk-muted-dark); }
.gk-plan__feats { list-style: none; margin: 0 0 22px; padding: 0; display: grid; gap: 11px; }
.gk-plan__feats li { display: flex; align-items: center; gap: 10px; font-size: 14.5px; color: #30363d; }
.gk-plan--featured .gk-plan__feats li { color: rgba(255, 255, 255, .9); }
.gk-plan__ck { color: var(--gk-blue); display: inline-flex; flex: none; }
.gk-plan__ck .gk-svgi { width: 18px; height: 18px; }
.gk-plan__cta { width: 100%; justify-content: center; }

/* ---- gk-devices ---------------------------------------------------------- */
.gk-devices { background: var(--gk-paper); padding: 88px 0; }
.gk-devices__head { max-width: 660px; margin: 0 auto 48px; text-align: center; }
.gk-devices__head .gk-eyebrow { margin-bottom: 14px; }
.gk-devices__sub { margin-inline: auto; }
.gk-devices__foot { margin: 30px auto 0; max-width: 72ch; text-align: center; font-size: 14px; line-height: 1.6; color: var(--gk-muted); }
.gk-devices__cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch; }
.gk-dcat { background: #fff; border: 1px solid var(--gk-line); border-radius: 18px; padding: 30px 28px; box-shadow: 0 1px 2px rgba(13, 31, 44, .04); transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.gk-dcat:hover { border-color: var(--gk-blue); transform: translateY(-3px); box-shadow: 0 18px 36px -18px rgba(13, 31, 44, .22); }
.gk-dcat__icon { width: 46px; height: 46px; border-radius: 12px; background: rgba(58, 132, 136, .1); color: var(--gk-blue); display: inline-flex; align-items: center; justify-content: center; }
.gk-dcat__icon .gk-svgi { width: 24px; height: 24px; }
.gk-dcat__title { margin: 16px 0 8px; font: 700 20px/1.2 'Inter', sans-serif; color: var(--gk-ink); }
.gk-dcat__desc { margin: 0 0 20px; font-size: 14.5px; line-height: 1.55; color: var(--gk-muted); }
.gk-dcat__devices { display: flex; flex-wrap: wrap; gap: 8px; }
.gk-dchip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px 7px 10px; border: 1px solid var(--gk-line); border-radius: 999px; background: var(--gk-paper); transition: border-color .15s ease, background .15s ease; }
.gk-dchip:hover { border-color: var(--gk-blue); background: #fff; }
.gk-dchip__logo { color: #7a8491; display: inline-flex; align-items: center; }
.gk-dchip__logo .gk-svgi { width: 18px; height: 18px; }
.gk-dchip__logo .gk-dchip__svg { height: 15px; width: auto; max-width: 46px; fill: currentColor; display: block; }
.gk-dchip:hover .gk-dchip__logo { color: var(--gk-ink); }
.gk-dchip__name { font-size: 13px; font-weight: 600; color: var(--gk-ink); white-space: nowrap; }

/* ---- gk-steps ------------------------------------------------------------ */
.gk-steps { background: #E4F0F0; padding: 88px 0; }
.gk-steps__head { max-width: 660px; margin: 0 auto 56px; text-align: center; }
.gk-steps__head .gk-eyebrow { margin-bottom: 14px; }
.gk-steps__head .gk-h2 { margin: 0 0 14px; }
.gk-steps__sub { margin: 0 auto; max-width: 56ch; }
.gk-steps__flow { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; position: relative; }
.gk-steps__flow::before { content: ""; position: absolute; top: 34px; left: 16.66%; right: 16.66%; height: 2px; background: repeating-linear-gradient(90deg, var(--gk-blue) 0 7px, transparent 7px 15px); opacity: .4; z-index: 0; }
.gk-step { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; }
.gk-step__dot { width: 68px; height: 68px; border-radius: 50%; background: #fff; border: 2px solid var(--gk-blue); color: var(--gk-blue); display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px -12px rgba(58, 132, 136, .55); }
.gk-step__icon { display: inline-flex; }
.gk-step__dot .gk-svgi { width: 28px; height: 28px; }
.gk-step__num { margin-top: 16px; font: 700 12px/1 'Inter', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--gk-blue); }
.gk-step__title { margin: 8px 0 6px; font: 700 19px/1.3 'Inter', sans-serif; color: var(--gk-ink); }
.gk-step__desc { margin: 0; font-size: 14.5px; color: var(--gk-muted); line-height: 1.6; max-width: 32ch; }
.gk-steps__cta { text-align: center; margin-top: 52px; }

/* ---- gk-difference ------------------------------------------------------- */
.gk-diff { background: var(--gk-ink); color: #fff; padding: 88px 0; }
.gk-h2--light { color: #fff; }
.gk-diff__topr { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 44px; }
.gk-diff__intro { max-width: 560px; }
.gk-diff__intro .gk-h2 { margin-top: 6px; }
.gk-diff__lead { color: var(--gk-muted-dark); max-width: 42ch; font-size: 16px; line-height: 1.6; margin: 0; }

/* comparison table: feature rows, IPTVV.NL column highlighted as a continuous rail */
.gk-cmp { --cmp: minmax(150px, 1.3fr) 1fr 1.25fr 1fr; border: 1px solid var(--gk-line-dark); border-radius: 18px; overflow: hidden; background: rgba(255, 255, 255, .02); }
.gk-cmp__legend { display: grid; grid-template-columns: var(--cmp); align-items: end; }
.gk-cmp__lspacer { padding: 16px; }
.gk-cmp__lcol { padding: 16px 18px; font: 700 12px/1.3 'Inter', sans-serif; letter-spacing: .06em; text-transform: uppercase; color: rgba(255, 255, 255, .55); }
.gk-cmp__lcol--us { display: flex; align-items: center; gap: 9px; color: #fff; background: var(--gk-blue); border-radius: 14px 14px 0 0; padding: 15px 18px; }
.gk-cmp__lname { font-size: 15px; letter-spacing: .02em; text-transform: none; }
.gk-cmp__badge { font: 700 9px/1 'Inter', sans-serif; letter-spacing: .1em; text-transform: uppercase; background: rgba(255, 255, 255, .22); color: #fff; padding: 4px 8px; border-radius: 999px; white-space: nowrap; }
.gk-cmp__row { display: grid; grid-template-columns: var(--cmp); align-items: stretch; border-top: 1px solid var(--gk-line-dark); }
.gk-cmp__feature { display: flex; align-items: center; gap: 13px; padding: 17px 18px; font-weight: 700; font-size: 14px; color: #fff; }
.gk-cmp__ic { width: 36px; height: 36px; border-radius: 10px; background: rgba(58, 132, 136, .16); color: var(--gk-blue); display: inline-flex; align-items: center; justify-content: center; flex: none; }
.gk-cmp__ic .gk-svgi { width: 18px; height: 18px; }
.gk-cmp__cell { display: flex; flex-direction: column; justify-content: center; padding: 17px 18px; font-size: 13.5px; line-height: 1.4; color: var(--gk-muted-dark); }
.gk-cmp__cell--us { background: rgba(58, 132, 136, .13); border-left: 1px solid rgba(58, 132, 136, .4); border-right: 1px solid rgba(58, 132, 136, .4); color: #fff; font-weight: 600; }
.gk-cmp__row:last-child .gk-cmp__cell--us { border-bottom: 1px solid rgba(58, 132, 136, .4); border-radius: 0 0 14px 14px; }
.gk-cmp__who { display: none; }
.gk-cmp__val { display: flex; align-items: center; gap: 8px; }
.gk-cmp__chk { color: var(--gk-blue); display: inline-flex; flex: none; }
.gk-cmp__cell--us .gk-cmp__chk { color: #fff; }
.gk-cmp__chk .gk-svgi { width: 15px; height: 15px; }
.gk-diff__cta { text-align: center; margin-top: 36px; }

/* ---- gk-cta -------------------------------------------------------------- */
.gk-cta { background: var(--gk-ink); color: #fff; padding: 72px 0; }
.gk-cta__row { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.gk-cta__copy { max-width: 620px; }
.gk-cta__rule { display: block; width: 48px; height: 3px; background: var(--gk-blue); border-radius: 2px; margin-bottom: 20px; }
.gk-cta__sub { margin: 14px 0 0; color: var(--gk-muted-dark); font-size: 17px; line-height: 1.6; }
.gk-cta__actions { display: flex; gap: 14px; flex-wrap: wrap; }

/* ---- gk-reviews ---------------------------------------------------------- */
.gk-reviews { background: var(--gk-paper); padding: 88px 0; }
.gk-reviews__row { display: grid; grid-template-columns: 360px 1fr; gap: 48px; align-items: center; }
.gk-reviews__intro .gk-h2 { margin-top: 6px; }
.gk-reviews__carousel { position: relative; display: flex; align-items: center; gap: 12px; min-width: 0; }
.gk-rev__viewport { overflow: hidden; flex: 1; min-width: 0; }
.gk-rev__track { display: flex; transition: transform .35s ease; }
.gk-rev__card { flex: 0 0 100%; box-sizing: border-box; background: #fff; border: 1px solid var(--gk-line); border-radius: 16px; padding: 30px; }
.gk-rev__head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.gk-rev__avatar { width: 46px; height: 46px; border-radius: 50%; background: rgba(58, 132, 136, .12); color: var(--gk-blue-ink); font: 700 15px/1 'Inter', sans-serif; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.gk-rev__who { display: flex; flex-direction: column; min-width: 0; }
.gk-rev__label { font: 700 12px/1 'Inter', sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--gk-blue); }
.gk-rev__meta { margin-top: 4px; font-size: 13px; color: var(--gk-muted); }
.gk-rev__stars { display: flex; gap: 2px; margin-bottom: 12px; }
.gk-star { color: var(--gk-line); display: inline-flex; }
.gk-star.is-on { color: var(--gk-blue); }
.gk-star .gk-svgi { width: 18px; height: 18px; }
.gk-rev__quote { margin: 0; font-size: 17px; line-height: 1.6; color: var(--gk-ink); }
.gk-rev__nav { width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--gk-line); background: #fff; color: var(--gk-ink); font-size: 22px; line-height: 1; cursor: pointer; flex: none; display: inline-flex; align-items: center; justify-content: center; transition: border-color .15s ease, color .15s ease; }
.gk-rev__nav:hover, .gk-rev__nav:focus-visible { border-color: var(--gk-blue); color: var(--gk-blue); }
.gk-rev__dots { position: absolute; bottom: -28px; left: 0; right: 0; display: flex; justify-content: center; gap: 7px; }
.gk-rev__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gk-line); border: 0; padding: 0; cursor: pointer; transition: width .2s ease, background .2s ease; }
.gk-rev__dot.is-on { background: var(--gk-blue); width: 22px; border-radius: 4px; }

/* ---- gk-footer ----------------------------------------------------------- */
.gk-footer { background: #0A1A24; color: var(--gk-muted-dark); padding: 72px 0 32px; }
.gk-footer__top { display: grid; grid-template-columns: 1.4fr 2.6fr; gap: 48px; }
.gk-footer__word { font: 900 24px/1 'Inter', sans-serif; letter-spacing: -.02em; color: #fff; }
.gk-footer__tag { margin: 16px 0 14px; font-size: 14.5px; line-height: 1.6; max-width: 36ch; }
.gk-footer__contact a { color: #fff; text-decoration: none; }
.gk-footer__contact a:hover { color: var(--gk-blue); }
.gk-footer__phone { display: block; margin-top: 4px; }
.gk-footer__cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.gk-footer__ctitle { margin: 0 0 14px; font: 700 13px/1 'Inter', sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.gk-footer__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.gk-footer__col a { color: var(--gk-muted-dark); text-decoration: none; font-size: 14px; }
.gk-footer__col a:hover { color: #fff; }
.gk-footer__hr { border: 0; border-top: 1px solid var(--gk-line-dark); margin: 40px 0 24px; }
.gk-footer__bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 13px; }
.gk-footer__legal { display: flex; gap: 18px; }
.gk-footer__legal a { color: var(--gk-muted-dark); text-decoration: none; }
.gk-footer__legal a:hover { color: #fff; }
.gk-totop { position: absolute; right: 24px; bottom: 24px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--gk-blue); color: #fff; font-size: 20px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px -6px rgba(58, 132, 136, .6); transition: background .15s ease; }
.gk-totop:hover, .gk-totop:focus-visible { background: var(--gk-blue-ink); }

/* ---- gk-explainer -------------------------------------------------------- */
.gk-explainer { background: #fff; padding: 88px 0; }
.gk-explainer__row { display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 60px; align-items: center; }
.gk-explainer__intro .gk-eyebrow { margin-bottom: 14px; }
.gk-explainer__intro .gk-h2 { margin: 0 0 16px; }
.gk-explainer__intro .gk-lead { margin: 0; max-width: 46ch; }
.gk-explainer__p2 { margin: 14px 0 0; max-width: 46ch; font-size: 15px; line-height: 1.6; color: var(--gk-muted); }
.gk-explainer__checks { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 12px; }
.gk-explainer__check { display: flex; align-items: center; gap: 11px; font-size: 15px; font-weight: 500; color: var(--gk-ink); }
.gk-explainer__check .gk-chk { width: 23px; height: 23px; border-radius: 50%; background: rgba(58, 132, 136, .12); color: var(--gk-blue); display: inline-flex; align-items: center; justify-content: center; flex: none; }
.gk-explainer__check .gk-svgi { width: 13px; height: 13px; }
.gk-explainer__btn { margin-top: 28px; }
.gk-explainer__cards { display: flex; flex-direction: column; gap: 16px; }
.gk-xcard { display: flex; align-items: flex-start; gap: 18px; padding: 20px 22px; background: var(--gk-paper); border: 1px solid var(--gk-line); border-radius: 14px; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.gk-xcard:hover { border-color: rgba(58, 132, 136, .45); box-shadow: 0 16px 40px -28px rgba(13, 31, 44, .4); transform: translateY(-2px); }
.gk-xcard__icon { width: 48px; height: 48px; border-radius: 12px; background: rgba(58, 132, 136, .1); color: var(--gk-blue); display: inline-flex; align-items: center; justify-content: center; flex: none; }
.gk-xcard__icon .gk-svgi { width: 24px; height: 24px; }
.gk-xcard__body { min-width: 0; }
.gk-xcard__title { margin: 2px 0 6px; font: 700 17px/1.3 'Inter', sans-serif; color: var(--gk-ink); }
.gk-xcard__desc { margin: 0; font-size: 14.5px; color: var(--gk-muted); line-height: 1.55; }

/* ---- gk-content-cards ---------------------------------------------------- */
.gk-ccards { background: var(--gk-ink); color: #fff; padding: 88px 0; }
.gk-ccards__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 40px; }
.gk-ccards__intro { color: var(--gk-muted-dark); max-width: 40ch; font-size: 16px; line-height: 1.6; margin: 0; }
.gk-ccards__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.gk-ccard { background: rgba(255, 255, 255, .03); border: 1px solid var(--gk-line-dark); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; }
.gk-ccard__media { position: relative; aspect-ratio: 3 / 2; background: #0f2430; }
.gk-ccard__media .gk-ccard__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gk-ccard__ph { position: absolute; inset: 0; background: linear-gradient(135deg, #15303d, #0d1f2c); }
.gk-ccard__badge { position: absolute; left: 16px; bottom: -18px; width: 44px; height: 44px; border-radius: 12px; background: var(--gk-blue); color: #fff; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px -6px rgba(58, 132, 136, .7); }
.gk-ccard__badge .gk-svgi { width: 22px; height: 22px; }
.gk-ccard__body { padding: 30px 22px 24px; }
.gk-ccard__title { margin: 0 0 8px; font: 700 18px/1.3 'Inter', sans-serif; color: #fff; }
.gk-ccard__desc { margin: 0 0 14px; font-size: 14px; color: var(--gk-muted-dark); line-height: 1.55; }
.gk-ccard__link { color: var(--gk-blue); font-weight: 600; font-size: 14px; text-decoration: none; }
.gk-ccard__link:hover, .gk-ccard__link:focus-visible { color: #fff; }
.gk-ccard { transition: transform .18s ease, border-color .18s ease; }
.gk-ccard:hover { transform: translateY(-3px); border-color: rgba(58, 132, 136, .55); }
/* featured first card: large hero spanning 2x2 on desktop */
.gk-ccards__grid > .gk-ccard:first-child { grid-column: span 2; grid-row: span 2; }
.gk-ccards__grid > .gk-ccard:first-child .gk-ccard__media { aspect-ratio: auto; flex: 1 1 auto; min-height: 300px; }
.gk-ccards__grid > .gk-ccard:first-child .gk-ccard__body { padding: 34px 30px 30px; }
.gk-ccards__grid > .gk-ccard:first-child .gk-ccard__title { font-size: 25px; margin-bottom: 10px; }
.gk-ccards__grid > .gk-ccard:first-child .gk-ccard__desc { font-size: 15px; max-width: 48ch; }

/* ---- gk-faq -------------------------------------------------------------- */
.gk-faq { background: var(--gk-paper); padding: 88px 0; }
.gk-faq__head { max-width: 720px; margin: 0 auto 44px; text-align: center; }
.gk-faq__head .gk-eyebrow { margin-bottom: 14px; }
.gk-faq__head .gk-h2 { margin: 0 0 14px; }
.gk-faq__sub { margin: 0 auto; max-width: 56ch; }
.gk-faq__list { max-width: 860px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.gk-faq__item { background: #fff; border: 1px solid var(--gk-line); border-radius: 14px; overflow: hidden; transition: border-color .15s ease, box-shadow .15s ease; }
.gk-faq__item.is-open { border-color: rgba(58, 132, 136, .45); box-shadow: 0 18px 44px -30px rgba(13, 31, 44, .45); }
.gk-faq__q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 18px; background: none; border: 0; padding: 20px 22px; text-align: left; font: 700 16px/1.4 'Inter', sans-serif; color: var(--gk-ink); cursor: pointer; }
.gk-faq__plus { position: relative; width: 30px; height: 30px; border-radius: 50%; background: rgba(58, 132, 136, .1); flex: none; transition: background .15s ease; }
.gk-faq__plus::before, .gk-faq__plus::after { content: ''; position: absolute; background: var(--gk-blue); border-radius: 2px; transition: transform .2s ease, background .15s ease; }
.gk-faq__plus::before { top: 50%; left: 8px; right: 8px; height: 2px; transform: translateY(-50%); }
.gk-faq__plus::after { left: 50%; top: 8px; bottom: 8px; width: 2px; transform: translateX(-50%); }
.gk-faq__item.is-open .gk-faq__plus { background: var(--gk-blue); }
.gk-faq__item.is-open .gk-faq__plus::before, .gk-faq__item.is-open .gk-faq__plus::after { background: #fff; }
.gk-faq__item.is-open .gk-faq__plus::after { transform: translateX(-50%) scaleY(0); }
.gk-faq__a { padding: 0 22px 20px; }
.gk-faq__a p { margin: 0; font-size: 15px; color: var(--gk-muted); line-height: 1.65; max-width: 70ch; }

/* ---- gk-why-choose ------------------------------------------------------- */
.gk-why { background: var(--gk-ink); color: #fff; overflow: hidden; padding: 96px 0; }
.gk-why__media { position: absolute; inset: 0; z-index: 0; }
.gk-why__media .gk-why__bg { width: 100%; height: 100%; object-fit: cover; display: block; }
.gk-why__scrim { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(13, 31, 44, .96) 28%, rgba(13, 31, 44, .82) 58%, rgba(13, 31, 44, .7)); }
.gk-why__inner { position: relative; z-index: 1; display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 52px; align-items: center; }
.gk-why__body { color: var(--gk-muted-dark); font-size: 16px; line-height: 1.65; max-width: 46ch; margin: 16px 0 0; }
.gk-why__checks { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 12px; }
.gk-why__checks li { display: flex; align-items: flex-start; gap: 11px; font-size: 15px; color: rgba(255, 255, 255, .9); line-height: 1.45; }
.gk-why__tick { flex: none; display: inline-flex; width: 22px; height: 22px; border-radius: 6px; background: rgba(58, 132, 136, .2); color: var(--gk-blue); align-items: center; justify-content: center; margin-top: 1px; }
.gk-why__tick .gk-svgi { width: 14px; height: 14px; }
.gk-why__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.gk-why__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.gk-why__card { background: rgba(255, 255, 255, .055); border: 1px solid var(--gk-line-dark); border-radius: 14px; padding: 24px 22px; backdrop-filter: blur(3px); transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.gk-why__card:hover { transform: translateY(-3px); border-color: rgba(58, 132, 136, .5); background: rgba(255, 255, 255, .085); }
.gk-why__icon { display: inline-flex; width: 46px; height: 46px; border-radius: 12px; background: rgba(58, 132, 136, .16); color: var(--gk-blue); align-items: center; justify-content: center; }
.gk-why__icon .gk-svgi { width: 24px; height: 24px; }
.gk-why__ctitle { margin: 14px 0 6px; font: 700 17px/1.3 'Inter', sans-serif; color: #fff; }
.gk-why__cdesc { margin: 0; font-size: 14px; color: var(--gk-muted-dark); line-height: 1.5; }

/* ---- gk-livesport -------------------------------------------------------- */
.gk-livesport { background: var(--gk-paper); padding: 88px 0; overflow: hidden; }
.gk-livesport__row { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.gk-livesport__chips { list-style: none; margin: 22px 0 8px; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.gk-lschip { display: inline-flex; align-items: center; gap: 8px; font: 600 13px/1 'Inter', sans-serif; color: var(--gk-blue-ink); background: #fff; border: 1px solid rgba(58, 132, 136, .22); border-radius: 999px; padding: 8px 14px 8px 11px; box-shadow: 0 2px 8px rgba(13, 31, 44, .05); transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.gk-lschip:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(13, 31, 44, .1); border-color: rgba(58, 132, 136, .42); }
.gk-lschip__ic { display: inline-flex; width: 18px; height: 18px; color: var(--gk-blue); flex: none; }
.gk-lschip__ic svg { width: 100%; height: 100%; display: block; }
.gk-livesport__feats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 24px 0 28px; }
.gk-lsfeat { display: flex; flex-direction: column; gap: 9px; align-content: start; }
.gk-lsfeat__icon { width: 42px; height: 42px; border-radius: 11px; background: rgba(58, 132, 136, .1); color: var(--gk-blue); display: inline-flex; align-items: center; justify-content: center; }
.gk-lsfeat__icon .gk-svgi, .gk-lsfeat__icon svg { width: 22px; height: 22px; display: block; }
.gk-lsfeat__title { font: 700 15px/1.3 'Inter', sans-serif; color: var(--gk-ink); }
.gk-lsfeat__desc { font-size: 13px; color: var(--gk-muted); line-height: 1.45; }
.gk-livesport__price { display: inline-flex; align-items: center; gap: 20px; background: #fff; border: 1px solid var(--gk-line); border-radius: 14px; padding: 16px 20px; flex-wrap: wrap; }
.gk-livesport__priceinfo { display: flex; flex-direction: column; }
.gk-livesport__plabel { font-size: 13px; color: var(--gk-muted); }
.gk-livesport__pamt { font: 800 24px/1 'Inter', sans-serif; color: var(--gk-ink); }
.gk-livesport__pamt small { font-size: 13px; font-weight: 500; color: var(--gk-muted); }
.gk-livesport__media { position: relative; border-radius: 18px; overflow: hidden; aspect-ratio: 4 / 3; background: #0f2430; }
.gk-livesport__media .gk-livesport__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gk-livesport__ph { position: absolute; inset: 0; background: linear-gradient(135deg, #15303d, #0d1f2c); }
.gk-livesport__badge { position: absolute; top: 16px; left: 16px; background: var(--gk-blue); color: #fff; font: 700 12px/1 'Inter', sans-serif; letter-spacing: .08em; padding: 7px 12px; border-radius: 6px; box-shadow: 0 6px 16px -4px rgba(58, 132, 136, .6); }

/* ---- gk-map -------------------------------------------------------------- */
.gk-map { background: var(--gk-ink); color: #fff; padding: 88px 0; }
.gk-map__row { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 48px; align-items: center; }
.gk-map__body { color: var(--gk-muted-dark); font-size: 16px; line-height: 1.6; max-width: 44ch; margin: 16px 0 0; }
.gk-map__citieslbl { margin: 26px 0 12px; font: 700 12px/1.3 'Inter', sans-serif; letter-spacing: .05em; text-transform: uppercase; color: rgba(255, 255, 255, .5); }
.gk-map__cities { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; max-width: 46ch; }
.gk-map__city { font: 600 12.5px/1 'Inter', sans-serif; color: rgba(255, 255, 255, .85); background: rgba(58, 132, 136, .14); border: 1px solid rgba(58, 132, 136, .32); border-radius: 999px; padding: 6px 12px; }
.gk-map__canvas { position: relative; width: 100%; max-width: 560px; margin-inline: auto; aspect-ratio: 1 / 1; }
.gk-map__shape { position: absolute; inset: 0; color: #1d3744; }
.gk-map__shape svg { width: 100%; height: 100%; display: block; }
.gk-map__dot { position: absolute; width: 12px; height: 12px; transform: translate(-50%, -50%); }
.gk-map__dot::before { content: ''; position: absolute; inset: 0; border-radius: 50%; background: var(--gk-blue); box-shadow: 0 0 0 4px rgba(58, 132, 136, .22), 0 0 14px 2px rgba(58, 132, 136, .7); }
.gk-map__label { position: absolute; left: 50%; top: 15px; transform: translateX(-50%); white-space: nowrap; font: 600 12px/1 'Inter', sans-serif; color: rgba(255, 255, 255, .82); }

/* ---- gk-reseller --------------------------------------------------------- */
.gk-reseller { background: #fff; padding: 88px 0; }
.gk-reseller__row { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.gk-reseller__label { font: 700 12px/1 'Inter', sans-serif; letter-spacing: .12em; color: var(--gk-muted); margin: 14px 0 0; }
.gk-reseller__tags { list-style: none; margin: 22px 0 26px; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.gk-reseller__tags li { border: 1px solid var(--gk-line); border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 600; color: var(--gk-ink); }
.gk-reseller__media { border-radius: 18px; overflow: hidden; aspect-ratio: 4 / 3; background: #eee; }
.gk-reseller__media .gk-reseller__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gk-reseller__ph { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #e9edf5, #dfe5ef); }
/* reseller branded media panel (logo + value props, replaces the empty photo slot) */
.gk-reseller__brand { position: relative; width: 100%; height: 100%; min-height: 320px; padding: 44px 42px; display: flex; flex-direction: column; justify-content: center; gap: 12px; background: linear-gradient(150deg, #0D1F2C 0%, #153a44 55%, #0D1F2C 100%); color: #fff; overflow: hidden; }
.gk-reseller__brandglow { position: absolute; right: -70px; top: -70px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle, rgba(58, 132, 136, .5), transparent 70%); pointer-events: none; }
.gk-reseller__mark { position: relative; font: 800 40px/1 'Inter', sans-serif; letter-spacing: -.02em; }
.gk-reseller__markacc { color: var(--gk-blue); }
.gk-reseller__brandtag { position: relative; font: 700 12px/1 'Inter', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--gk-gold); margin-top: 6px; }
.gk-reseller__brandline { position: relative; font: 700 24px/1.22 'Inter', sans-serif; margin: 2px 0 10px; max-width: 20ch; }
.gk-reseller__brandlist { position: relative; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.gk-reseller__brandlist li { display: flex; align-items: center; gap: 11px; font-size: 15px; line-height: 1.3; color: rgba(255, 255, 255, .9); }
.gk-reseller__brandlist svg, .gk-reseller__brandlist .gk-svgi { width: 19px; height: 19px; color: var(--gk-blue); flex: none; }

/* ---- gk-blog ------------------------------------------------------------- */
.gk-blog { background: var(--gk-paper); padding: 88px 0; }
.gk-blog__head { margin-bottom: 36px; }
.gk-blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.gk-bcard { background: #fff; border: 1px solid var(--gk-line); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; }
.gk-bcard__media { display: block; background: #0f2430; }
.gk-bcard__media .gk-bcard__img { width: 100%; height: auto; display: block; }
.gk-bcard__ph { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #15303d, #0d1f2c); }
.gk-bcard__body { padding: 22px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.gk-bcard__cat { margin: 0; font: 700 11px/1 'Inter', sans-serif; letter-spacing: .1em; color: var(--gk-blue); }
.gk-bcard__title { margin: 0; font: 700 18px/1.3 'Inter', sans-serif; }
.gk-bcard__title a { color: var(--gk-ink); text-decoration: none; }
.gk-bcard__title a:hover { color: var(--gk-blue-ink); }
.gk-bcard__desc { margin: 0; font-size: 14px; color: var(--gk-muted); line-height: 1.5; flex: 1; }
.gk-bcard__link { color: var(--gk-blue); font-weight: 600; font-size: 14px; text-decoration: none; margin-top: 4px; }
.gk-bcard__link:hover { color: var(--gk-blue-ink); }
.gk-blog__more { text-align: center; margin-top: 36px; }

/* ---- responsive ---------------------------------------------------------- */
@media (max-width: 1024px) {
	.gk-plans__grid { grid-template-columns: repeat(2, 1fr); }
	.gk-devices__cats { grid-template-columns: 1fr; gap: 18px; }
	.gk-explainer__row { grid-template-columns: 1fr; gap: 32px; }
	.gk-ccards__grid { grid-template-columns: repeat(2, 1fr); }
	.gk-ccards__grid > .gk-ccard:first-child { grid-column: 1 / -1; grid-row: auto; }
	.gk-ccards__grid > .gk-ccard:first-child .gk-ccard__media { aspect-ratio: 21 / 9; flex: none; min-height: 0; }
	.gk-why__inner, .gk-livesport__row, .gk-map__row, .gk-reseller__row { grid-template-columns: 1fr; gap: 36px; }
	.gk-blog__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
	.gk-header { position: relative; z-index: 60; }
	.gk-header--overlay { position: relative; background: var(--gk-ink); }
	.gk-topbar { display: none; }
	.gk-plans { overflow: hidden; }
	.gk-plans__head { margin-bottom: 28px; }
	.gk-plans__tabs { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; margin-top: 18px; }
	.gk-tab { padding: 9px 6px; font-size: 13px; text-align: center; }
	.gk-nav__toggle { display: flex; }
	.gk-nav__menu { position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 0; margin: 0; background: var(--gk-ink); border-top: 1px solid var(--gk-line-dark); padding: 8px 24px 20px; display: none; }
	.gk-header.is-open .gk-nav__menu { display: flex; }
	.gk-nav__menu > a { padding: 13px 0; border-bottom: 1px solid var(--gk-line-dark); }
	.gk-nav__row { position: relative; }
	.gk-brand { margin-right: auto; order: 1; }
	.gk-nav__actions { order: 2; margin-left: 0; gap: 8px; }
	.gk-nav__ic { display: none; }
	.gk-nav__cta { display: none; }
	.gk-nav__toggle { order: 3; margin-left: 8px; }

	.gk-hero { align-items: flex-end; min-height: clamp(540px, 86vh, 760px); padding-top: 0; }
	.gk-hero__media { width: 100%; }
	.gk-hero__fade { background: linear-gradient(0deg, var(--gk-ink) 18%, rgba(13, 31, 44, .78) 52%, rgba(13, 31, 44, .35) 100%); }
	.gk-hero__inner { padding-block: 56px 64px; }
	.gk-hero__copy { max-width: 620px; }

	.gk-stats__row { flex-wrap: wrap; }
	.gk-stat { flex: 1 1 50%; padding: 26px 14px; }
	.gk-stat:nth-child(3) { border-left: 0; }
	.gk-stat:nth-child(n+3) { border-top: 1px solid var(--gk-line); }

	.gk-devices__grid { grid-template-columns: repeat(4, 1fr); }
	.gk-steps__flow { grid-template-columns: 1fr; gap: 34px; }
	.gk-steps__flow::before { display: none; }
	.gk-step__desc { max-width: 40ch; }
	.gk-cmp { border: 0; border-radius: 0; background: none; display: flex; flex-direction: column; gap: 14px; }
	.gk-cmp__legend { display: none; }
	.gk-cmp__row { grid-template-columns: 1fr; border: 1px solid var(--gk-line-dark); border-radius: 14px; overflow: hidden; }
	.gk-cmp__feature { background: rgba(255, 255, 255, .04); border-bottom: 1px solid var(--gk-line-dark); }
	.gk-cmp__cell { flex-direction: row; align-items: center; justify-content: space-between; gap: 14px; border-top: 1px solid rgba(255, 255, 255, .07); }
	.gk-cmp__cell--us { border-left: 0; border-right: 0; }
	.gk-cmp__row:last-child .gk-cmp__cell--us { border-radius: 0; }
	.gk-cmp__who { display: block; font: 700 12px/1.3 'Inter', sans-serif; color: rgba(255, 255, 255, .5); flex: none; }
	.gk-cmp__cell--us .gk-cmp__who { color: rgba(255, 255, 255, .8); }
	.gk-cmp__val { text-align: right; justify-content: flex-end; }
	.gk-diff__topr { flex-direction: column; align-items: flex-start; }

	.gk-cta__row { align-items: flex-start; }
	.gk-reviews__row { grid-template-columns: 1fr; gap: 28px; }
	.gk-footer__top { grid-template-columns: 1fr; gap: 32px; }
	.gk-footer__cols { grid-template-columns: repeat(2, 1fr); gap: 24px; }
	.gk-blog__grid { grid-template-columns: 1fr; }
	.gk-map__canvas { max-width: 420px; }
}
@media (max-width: 560px) {
	.gk-plans__grid { grid-template-columns: 1fr; }
	.gk-stat:nth-child(even) { border-left: 1px solid var(--gk-line); }
	.gk-devices__grid { grid-template-columns: repeat(3, 1fr); }
	.gk-ccards__grid { grid-template-columns: 1fr; }
	.gk-ccards__grid > .gk-ccard:first-child { grid-column: auto; grid-row: auto; }
	.gk-ccards__grid > .gk-ccard:first-child .gk-ccard__media { aspect-ratio: 3 / 2; }
	.gk-why__grid { grid-template-columns: 1fr; }
	.gk-livesport__feats { grid-template-columns: 1fr; }
}

/* ---- gk-guide (content cluster / gids) ---------------------------------- */
.gk-guide { background: #fff; padding: clamp(52px, 8vw, 84px) 0 clamp(60px, 9vw, 92px); }
.gk-container.gk-guide__wrap { max-width: 820px; }

.gk-guide__crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 26px; font-size: 13.5px; color: var(--gk-muted); }
.gk-guide__crumbs a { color: var(--gk-blue-ink); text-decoration: none; }
.gk-guide__crumbs a:hover, .gk-guide__crumbs a:focus-visible { text-decoration: underline; }
.gk-guide__crumbs span[aria-hidden] { color: var(--gk-line); }
.gk-guide__crumbs span[aria-current] { color: var(--gk-muted); }

.gk-guide__head { margin: 0 0 34px; }
.gk-guide__head .gk-eyebrow { margin-bottom: 12px; }
.gk-guide__title { margin: 0; font: 900 clamp(31px, 5vw, 46px)/1.08 'Inter', sans-serif; letter-spacing: -.02em; color: var(--gk-ink); }
.gk-guide__intro { margin: 18px 0 0; font-size: 19px; line-height: 1.6; color: var(--gk-ink-soft, #33444f); }
.gk-guide__meta { margin: 16px 0 0; font-size: 13.5px; color: var(--gk-muted); }

.gk-guide__toc { margin: 0 0 40px; padding: 20px 24px; background: var(--gk-paper); border: 1px solid var(--gk-line); border-radius: 14px; }
.gk-guide__toc-title { margin: 0; font: 700 12px/1 'Inter', sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--gk-muted); }
.gk-guide__toc ol { margin: 14px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 9px; }
.gk-guide__toc li { color: var(--gk-blue); }
.gk-guide__toc a { color: var(--gk-blue-ink); text-decoration: none; font-size: 15.5px; line-height: 1.4; }
.gk-guide__toc a:hover, .gk-guide__toc a:focus-visible { text-decoration: underline; color: var(--gk-blue); }

.gk-guide__prose { font-size: 17px; line-height: 1.75; color: var(--gk-ink-soft, #33444f); }
.gk-guide__prose > :first-child { margin-top: 0; }
.gk-guide__prose h2 { margin: 46px 0 14px; font: 800 clamp(23px, 3vw, 28px)/1.3 'Inter', sans-serif; color: var(--gk-ink); letter-spacing: -.01em; scroll-margin-top: 92px; }
.gk-guide__prose h3 { margin: 30px 0 10px; font: 700 19px/1.4 'Inter', sans-serif; color: var(--gk-ink); }
.gk-guide__prose p { margin: 0 0 17px; }
.gk-guide__prose ul, .gk-guide__prose ol { margin: 0 0 18px; padding-left: 22px; }
.gk-guide__prose li { margin: 0 0 9px; }
.gk-guide__prose a { color: var(--gk-blue-ink); text-decoration: underline; }
.gk-guide__prose a:hover, .gk-guide__prose a:focus-visible { color: var(--gk-blue); }
.gk-guide__prose strong { color: var(--gk-ink); }
.gk-guide__prose img { max-width: 100%; height: auto; border-radius: 12px; margin: 10px 0; }
.gk-guide__prose blockquote { margin: 24px 0; padding: 16px 22px; background: rgba(58, 132, 136, .07); border-left: 3px solid var(--gk-blue); border-radius: 0 10px 10px 0; color: var(--gk-ink); }
.gk-guide__prose blockquote p:last-child { margin-bottom: 0; }

.gk-guide__h2 { margin: 0; font: 800 clamp(23px, 3vw, 28px)/1.3 'Inter', sans-serif; color: var(--gk-ink); letter-spacing: -.01em; }

.gk-guide__howto { margin-top: 48px; scroll-margin-top: 92px; }
.gk-guide__steps { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.gk-guide__step { display: flex; gap: 16px; align-items: flex-start; padding: 18px 20px; background: var(--gk-paper); border: 1px solid var(--gk-line); border-radius: 14px; }
.gk-guide__stepnum { flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--gk-blue); color: #fff; font: 800 15px/34px 'Inter', sans-serif; text-align: center; }
.gk-guide__stepbody { min-width: 0; }
.gk-guide__stept { margin: 0 0 4px; font-size: 16px; color: var(--gk-ink); }
.gk-guide__stepbody p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--gk-muted); }

.gk-guide__faq { margin-top: 50px; scroll-margin-top: 92px; }
.gk-guide__faq .gk-faq__list { margin: 22px 0 0; max-width: none; }

.gk-guide__related { margin-top: 50px; padding: 24px 26px; background: var(--gk-paper); border: 1px solid var(--gk-line); border-radius: 16px; }
.gk-guide__related ul { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.gk-guide__related a { display: inline-flex; align-items: baseline; gap: 10px; color: var(--gk-blue-ink); text-decoration: none; font-weight: 600; font-size: 16px; }
.gk-guide__related a::before { content: '\2192'; color: var(--gk-blue); }
.gk-guide__related a:hover, .gk-guide__related a:focus-visible { text-decoration: underline; color: var(--gk-blue); }

.gk-guide__cta { margin-top: 52px; padding: clamp(28px, 5vw, 42px); background: var(--gk-ink); border-radius: 18px; text-align: center; }
.gk-guide__ctah { margin: 0; font: 900 clamp(24px, 3.4vw, 32px)/1.15 'Inter', sans-serif; letter-spacing: -.01em; color: #fff; }
.gk-guide__ctap { margin: 14px auto 0; max-width: 52ch; font-size: 16px; line-height: 1.6; color: var(--gk-muted-dark); }
.gk-guide__ctabtns { margin-top: 24px; display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

@media (max-width: 560px) {
	.gk-guide__cta { border-radius: 14px; }
	.gk-guide__step { padding: 16px; }
	.gk-guide__ctabtns .gk-btn { flex: 1 1 auto; justify-content: center; }
}

/* ---- gk-guidehub (/gids pillar hub) ------------------------------------- */
.gk-ghub { background: var(--gk-paper); padding: clamp(52px, 8vw, 84px) 0 clamp(60px, 9vw, 96px); }
.gk-ghub .gk-guide__crumbs { margin-bottom: 24px; }
.gk-ghub__head { max-width: 760px; margin: 0 0 40px; }
.gk-ghub__head .gk-eyebrow { margin-bottom: 12px; }
.gk-ghub__title { margin: 0; font: 900 clamp(32px, 5.2vw, 50px)/1.06 'Inter', sans-serif; letter-spacing: -.02em; color: var(--gk-ink); }
.gk-ghub__intro { margin: 18px 0 0; font-size: 19px; line-height: 1.6; color: var(--gk-ink-soft, #33444f); }
.gk-ghub__chips { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 0; padding: 0; }
.gk-ghub__chips li { font: 600 13px/1 'Inter', sans-serif; color: var(--gk-blue-ink); background: #fff; border: 1px solid var(--gk-line); border-radius: 999px; padding: 9px 14px; }

/* Featured */
.gk-ghub__feat { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 22px; margin: 0 0 44px; padding: 24px 28px; background: var(--gk-ink); border-radius: 18px; text-decoration: none; transition: transform .16s ease, box-shadow .16s ease; }
.gk-ghub__feat:hover, .gk-ghub__feat:focus-visible { transform: translateY(-2px); box-shadow: 0 26px 60px -34px rgba(13, 31, 44, .75); }
.gk-ghub__featic { width: 56px; height: 56px; border-radius: 14px; background: rgba(58, 132, 136, .22); color: #fff; display: grid; place-items: center; flex: none; }
.gk-ghub__featic .gk-svgi { width: 28px; height: 28px; }
.gk-ghub__featbody { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.gk-ghub__featbadge { align-self: flex-start; font: 700 11px/1 'Inter', sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--gk-ink); background: var(--gk-gold); border-radius: 999px; padding: 6px 11px; }
.gk-ghub__feattitle { font: 800 clamp(19px, 2.4vw, 24px)/1.25 'Inter', sans-serif; color: #fff; }
.gk-ghub__featdesc { font-size: 15px; line-height: 1.55; color: var(--gk-muted-dark); }
.gk-ghub__featcta { white-space: nowrap; font: 700 15px/1 'Inter', sans-serif; color: var(--gk-gold); }

/* Groups + cards */
.gk-ghub__groups { display: flex; flex-direction: column; gap: 48px; }
.gk-ghub__grouphead { margin: 0 0 20px; }
.gk-ghub__grouptitle { margin: 0; font: 800 clamp(22px, 2.8vw, 28px)/1.2 'Inter', sans-serif; letter-spacing: -.01em; color: var(--gk-ink); }
.gk-ghub__groupsub { margin: 8px 0 0; font-size: 16px; color: var(--gk-muted); }
.gk-ghub__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.gk-ghub__card { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 24px 22px; background: #fff; border: 1px solid var(--gk-line); border-radius: 16px; text-decoration: none; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.gk-ghub__card:hover, .gk-ghub__card:focus-visible { transform: translateY(-3px); border-color: rgba(58, 132, 136, .45); box-shadow: 0 22px 48px -32px rgba(13, 31, 44, .5); }
.gk-ghub__cardic { width: 46px; height: 46px; border-radius: 12px; background: rgba(58, 132, 136, .1); color: var(--gk-blue); display: grid; place-items: center; }
.gk-ghub__cardic .gk-svgi { width: 24px; height: 24px; }
.gk-ghub__cardt { margin: 4px 0 0; font: 800 18px/1.3 'Inter', sans-serif; color: var(--gk-ink); }
.gk-ghub__cardd { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--gk-muted); flex: 1 1 auto; }
.gk-ghub__cardmore { margin-top: 4px; font: 700 14px/1 'Inter', sans-serif; color: var(--gk-blue-ink); }
.gk-ghub__card:hover .gk-ghub__cardmore { color: var(--gk-blue); }

.gk-ghub__cta { margin-top: 52px; }

@media (max-width: 900px) {
	.gk-ghub__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
	.gk-ghub__feat { grid-template-columns: 1fr; gap: 16px; text-align: left; }
	.gk-ghub__featcta { justify-self: start; }
}
@media (max-width: 560px) {
	.gk-ghub__grid { grid-template-columns: 1fr; }
}

/* gk-guidehub optional prose body + FAQ */
.gk-ghub__body { max-width: 780px; margin: 4px 0 46px; }
.gk-ghub__body .gk-guide__prose { font-size: 16.5px; }
.gk-ghub__faq { margin-top: 50px; scroll-margin-top: 92px; }
.gk-ghub__faq .gk-faq__list { margin: 22px 0 0; max-width: none; }

/* gk-guidehub cards with featured image */
.gk-ghub__card--img { overflow: hidden; padding-top: 0; }
.gk-ghub__cardimg { display: block; margin: 0 -22px 16px; background: var(--gk-ink); overflow: hidden; }
.gk-ghub__cardimg img { width: 100%; height: auto; display: block; }
.gk-ghub__card--img .gk-ghub__cardt { margin-top: 0; }

/* gk-guide in-article featured hero */
.gk-guide__hero { margin: 6px 0 36px; border-radius: 16px; overflow: hidden; aspect-ratio: 1200 / 630; background: var(--gk-ink); border: 1px solid var(--gk-line); }
.gk-guide__hero-img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---- gk-guide content-quality blocks (byline / TL;DR / takeaways / preferred / sources) ---- */
.gk-guide__byline { margin: 14px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0 14px; font-size: 13.5px; color: var(--gk-muted); }
.gk-guide__author { font-weight: 600; color: var(--gk-ink); }
.gk-guide__byline .gk-guide__reviewed::before { content: '·'; margin-right: 14px; color: var(--gk-line); }

.gk-guide__tldr { margin: 0 0 24px; padding: 20px 24px; background: rgba(58, 132, 136, .07); border: 1px solid rgba(58, 132, 136, .26); border-left: 4px solid var(--gk-blue); border-radius: 0 12px 12px 0; }
.gk-guide__tldr-label { margin: 0 0 7px; font: 700 12px/1 'Inter', sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--gk-blue-ink); }
.gk-guide__tldr-text { margin: 0; font-size: 17px; line-height: 1.6; color: var(--gk-ink); font-weight: 500; }

.gk-guide__takeaways { margin: 0 0 28px; padding: 22px 24px; background: var(--gk-paper); border: 1px solid var(--gk-line); border-radius: 14px; }
.gk-guide__takeaways-label { margin: 0 0 13px; font: 700 12px/1 'Inter', sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--gk-muted); }
.gk-guide__takeaways ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.gk-guide__takeaways li { position: relative; padding-left: 30px; font-size: 15.5px; line-height: 1.55; color: var(--gk-ink-soft, #33444f); }
.gk-guide__takeaways li::before { content: '\2713'; position: absolute; left: 0; top: 1px; width: 19px; height: 19px; border-radius: 50%; background: var(--gk-blue); color: #fff; font-size: 11px; font-weight: 700; line-height: 19px; text-align: center; }

.gk-pref { margin: 0 0 32px; display: flex; gap: 16px; align-items: flex-start; padding: 18px 20px; background: var(--gk-ink); border-radius: 14px; }
.gk-pref__ic { flex: none; width: 40px; height: 40px; border-radius: 10px; background: rgba(215, 191, 149, .18); color: var(--gk-gold); display: grid; place-items: center; }
.gk-pref__ic .gk-svgi { width: 22px; height: 22px; }
.gk-pref__body { min-width: 0; }
.gk-pref__txt { margin: 0 0 12px; font-size: 14.5px; line-height: 1.5; color: var(--gk-muted-dark); }
.gk-pref__btns { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.gk-pref__official:not(:empty) ~ .gk-pref__fallback { display: none; }
.gk-pref__fallback { display: inline-flex; align-items: center; gap: 10px; background: #fff; color: #1f1f1f; border: 1px solid #dadce0; border-radius: 10px; padding: 10px 16px; font: 600 14px/1.1 'Inter', sans-serif; text-decoration: none; box-shadow: 0 1px 2px rgba(0, 0, 0, .18); transition: box-shadow .15s ease, background .15s ease; }
.gk-pref__fallback:hover, .gk-pref__fallback:focus-visible { background: #f8f9fa; color: #1f1f1f; box-shadow: 0 2px 8px rgba(0, 0, 0, .3); }
.gk-pref__fallback[hidden] { display: none; }
.gk-pref__glogo { display: inline-flex; flex: none; width: 18px; height: 18px; }
.gk-pref__glogo svg { display: block; width: 18px; height: 18px; }

.gk-guide__sources { margin-top: 48px; }
.gk-guide__sources ul { margin: 16px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; }
.gk-guide__sources li { font-size: 14.5px; line-height: 1.5; color: var(--gk-muted); }
.gk-guide__sources a { color: var(--gk-blue-ink); text-decoration: underline; }
.gk-guide__sources a:hover { color: var(--gk-blue); }

/* footer preferred-source link */
.gk-pref--footer { margin-top: 14px; padding: 0; background: none; border-radius: 0; gap: 0; align-items: flex-start; }
.gk-pref--footer .gk-pref__fallback { font-size: 13px; padding: 9px 14px; }

/* ---- gk-posterwall (streaming "tonight's picks") ------------------------- */
.gk-pw { background: var(--gk-ink); color: #fff; padding: 88px 0; }
.gk-pw__head { text-align: center; max-width: 640px; margin: 0 auto 40px; }
.gk-pw__badge { display: inline-flex; align-items: center; gap: 8px; padding: 7px 15px 7px 11px; border-radius: 999px; background: rgba(58, 132, 136, .16); border: 1px solid rgba(58, 132, 136, .4); color: var(--gk-blue); font: 700 12px/1 'Inter', sans-serif; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 20px; }
.gk-pw__badgeic { display: inline-flex; width: 18px; height: 18px; }
.gk-pw__badgeic .gk-svgi { width: 18px; height: 18px; }
.gk-pw__title { margin: 0 0 12px; font: 800 clamp(28px, 4vw, 42px)/1.08 'Inter', sans-serif; letter-spacing: -.02em; }
.gk-pw__intro { margin: 0; color: var(--gk-muted-dark); font-size: 16px; line-height: 1.6; }
.gk-pw__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 16px; }
.gk-pw__tile { position: relative; aspect-ratio: 2 / 3; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 14px; border: 1px solid rgba(255, 255, 255, .08); box-shadow: 0 10px 26px -14px rgba(0, 0, 0, .7); transition: transform .18s ease, box-shadow .18s ease; isolation: isolate; }
.gk-pw__tile::before { content: ""; position: absolute; inset: 0; background: radial-gradient(120% 70% at 50% 0%, rgba(255, 255, 255, .16), transparent 60%); z-index: 1; }
.gk-pw__tile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0, 0, 0, .62) 0%, rgba(0, 0, 0, .12) 42%, transparent 70%); z-index: 1; }
.gk-pw__tile:hover { transform: translateY(-5px); box-shadow: 0 18px 34px -14px rgba(0, 0, 0, .8); }
.gk-pw__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.gk-pw__tile--img::before { background: radial-gradient(120% 60% at 50% 0%, rgba(255, 255, 255, .08), transparent 55%); }
.gk-pw__tile--img::after { background: linear-gradient(0deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .25) 45%, rgba(0, 0, 0, .05) 100%); }
.gk-pw__glyph { position: absolute; top: 44%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, .22); z-index: 1; }
.gk-pw__glyph .gk-svgi { width: 40px; height: 40px; }
.gk-pw__chip { position: absolute; top: 10px; right: 10px; z-index: 2; padding: 3px 8px; border-radius: 6px; background: rgba(0, 0, 0, .45); backdrop-filter: blur(3px); color: #fff; font: 700 10px/1 'Inter', sans-serif; letter-spacing: .05em; }
.gk-pw__label { position: relative; z-index: 2; font: 700 15px/1.2 'Inter', sans-serif; color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, .5); }
.gk-pw__stats { text-align: center; margin: 34px auto 0; max-width: 640px; color: rgba(255, 255, 255, .78); font-size: 15px; line-height: 1.6; }
.gk-pw__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 26px; }
/* cinematic tone gradients */
.gk-pw__tile--crimson { background: linear-gradient(160deg, #8f1d1d, #2a0a0a); }
.gk-pw__tile--ink     { background: linear-gradient(160deg, #124653, #07171f); }
.gk-pw__tile--steel   { background: linear-gradient(160deg, #3b4a63, #0f172a); }
.gk-pw__tile--violet  { background: linear-gradient(160deg, #5b21b6, #1e1b4b); }
.gk-pw__tile--amber   { background: linear-gradient(160deg, #9a4a0e, #3a1803); }
.gk-pw__tile--olive   { background: linear-gradient(160deg, #495a24, #16200a); }
.gk-pw__tile--cyan    { background: linear-gradient(160deg, #166e88, #082f3a); }
.gk-pw__tile--blood   { background: linear-gradient(160deg, #6a1717, #180505); }
.gk-pw__tile--teal    { background: linear-gradient(160deg, #3a8488, #0d2b2b); }
.gk-pw__tile--slate   { background: linear-gradient(160deg, #52627a, #1e293b); }
.gk-pw__tile--rose    { background: linear-gradient(160deg, #9d1e52, #3b0a22); }
.gk-pw__tile--gold    { background: linear-gradient(160deg, #8a6916, #2a1f06); }
.gk-pw__tile--forest  { background: linear-gradient(160deg, #1a6336, #06230f); }
.gk-pw__tile--deep    { background: linear-gradient(160deg, #27636a, #0d1f2c); }
@media (max-width: 1024px) { .gk-pw__grid { grid-template-columns: repeat(5, 1fr); } }
@media (max-width: 760px)  { .gk-pw__grid { grid-template-columns: repeat(4, 1fr); gap: 12px; } }
@media (max-width: 480px)  { .gk-pw__grid { grid-template-columns: repeat(3, 1fr); gap: 10px; } .gk-pw { padding: 60px 0; } }

@media (max-width: 560px) {
	.gk-pref { flex-direction: column; gap: 12px; }
}

/* gk-guide prose tables (comparison tables in article body) */
.gk-guide__prose .gk-tablewrap { overflow-x: auto; margin: 22px 0; }
.gk-guide__prose table { width: 100%; border-collapse: collapse; font-size: 15px; }
.gk-guide__prose th, .gk-guide__prose td { text-align: left; padding: 12px 14px; border-bottom: 1px solid var(--gk-line); vertical-align: top; }
.gk-guide__prose thead th { background: var(--gk-paper); font-weight: 800; color: var(--gk-ink); border-bottom: 2px solid var(--gk-line); }
.gk-guide__prose tbody tr:last-child td { border-bottom: 0; }
.gk-guide__prose td:first-child, .gk-guide__prose th:first-child { font-weight: 600; color: var(--gk-ink); }

/* gk-faqlist — static (always-open) FAQ, no accordion */
.gk-faqlist { margin-top: 20px; display: flex; flex-direction: column; }
.gk-faqlist__item { padding: 22px 0; border-bottom: 1px solid var(--gk-line); }
.gk-faqlist__item:first-child { padding-top: 4px; }
.gk-faqlist__item:last-child { border-bottom: 0; padding-bottom: 0; }
.gk-faqlist__q { margin: 0 0 8px; font: 700 18px/1.4 'Inter', sans-serif; color: var(--gk-ink); }
.gk-faqlist__a { margin: 0; font-size: 15.5px; line-height: 1.65; color: var(--gk-ink-soft, #33444f); max-width: 75ch; }

/* legal/pagehead featured hero */
.gk-legal__hero,.gk-pagehead__hero{margin:30px 0 10px;max-width:100%}
.gk-legal__hero-img,.gk-pagehead__hero-img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 18px 44px rgba(13,31,44,.28)}
.gk-pagehead__hero{margin-top:38px}

/* Pricing trust + refund strip (CRO) */
.gk-plans__trust { list-style: none; margin: 30px 0 0; padding: 22px 0 0; border-top: 1px solid var(--gk-line); display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 26px; }
.gk-plans__trust li { display: inline-flex; align-items: center; gap: 8px; font: 600 14px/1.25 'Inter', sans-serif; color: var(--gk-blue-ink); }
.gk-plans__trust a { display: inline-flex; align-items: center; gap: 8px; color: var(--gk-blue-ink); text-decoration: none; border-bottom: 1px dotted rgba(13,31,44,.35); }
.gk-plans__trust a:hover { color: var(--gk-blue); border-bottom-color: var(--gk-blue); }
.gk-plans__trustic { display: inline-flex; width: 18px; height: 18px; color: var(--gk-blue); flex: none; }
.gk-plans__trustic svg, .gk-plans__trustic .gk-svgi { width: 18px; height: 18px; }

/* =============================================================================
 * IPTV proefabonnement landing widgets (gk-offerhero, gk-benefits, gk-howsteps,
 * gk-risk, gk-faqlite, gk-finalcta). Focused free-trial landing design.
 * Each widget wraps its output in .gkp (brand tokens + full width).
 * ========================================================================== */
.gkp{ --ink:#0D1F2C; --blue:#3A8488; --blue-ink:#2f6d70; --gold:#D7BF95; --line:#e4eaed; --muted:#5c6b74; --soft:#f3f7f7; width:100%; }
.gkp *{ box-sizing:border-box; }
.gkp-cta{ display:inline-flex; align-items:center; gap:10px; background:var(--blue); color:#fff; font-weight:700; font-size:18px; padding:17px 34px; border-radius:999px; text-decoration:none; box-shadow:0 12px 30px rgba(58,132,136,.38); transition:transform .06s, background .15s; }
.gkp-cta:hover{ background:var(--blue-ink); color:#fff; }
.gkp-cta:active{ transform:translateY(1px); }

/* HERO */
.gkp-hero{ background:radial-gradient(1100px 460px at 50% -12%, rgba(58,132,136,.38), transparent 62%), linear-gradient(180deg,#0d1f2c 0%, #102a36 100%); color:#fff; text-align:center; padding:66px 20px 74px; }
.gkp-hero__inner{ max-width:730px; margin:0 auto; }
.gkp-badge{ display:inline-block; background:rgba(215,191,149,.14); color:var(--gold); border:1px solid rgba(215,191,149,.38); border-radius:999px; padding:7px 16px; font-size:12.5px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.gkp-hero h1{ font-size:clamp(34px,5.8vw,58px); line-height:1.06; font-weight:800; letter-spacing:-.02em; margin:22px 0 16px; color:#fff; }
.gkp-hero h1 .accent{ color:var(--gold); }
.gkp-hero__sub{ font-size:clamp(16px,2.2vw,20px); color:#c7d3d9; max-width:600px; margin:0 auto 30px; line-height:1.5; }
.gkp-hero__trust{ display:flex; flex-wrap:wrap; gap:10px 20px; justify-content:center; margin-top:24px; color:#aebec6; font-size:14.5px; }
.gkp-hero__trust span{ display:inline-flex; align-items:center; gap:7px; }
.gkp-check{ color:var(--gold); font-weight:800; font-style:normal; }
.gkp-hero__social{ margin-top:18px; font-size:14px; color:#8398a2; }

/* section shell */
.gkp-sec{ padding:76px 20px; }
.gkp-sec__head{ max-width:660px; margin:0 auto 46px; text-align:center; }
.gkp-eyebrow{ color:var(--blue); font-weight:700; letter-spacing:.11em; text-transform:uppercase; font-size:12.5px; margin:0 0 10px; }
.gkp-sec h2{ font-size:clamp(27px,3.8vw,40px); font-weight:800; letter-spacing:-.01em; color:var(--ink); margin:0 0 12px; line-height:1.1; }
.gkp-sec__sub{ color:var(--muted); font-size:17px; line-height:1.55; margin:0; }

/* BENEFITS */
.gkp-benefits{ background:var(--soft); }
.gkp-grid{ max-width:1080px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.gkp-card{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:28px 26px; box-shadow:0 10px 30px rgba(13,31,44,.05); }
.gkp-card__ic{ width:50px; height:50px; border-radius:13px; background:rgba(58,132,136,.1); color:var(--blue); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.gkp-card__ic svg{ width:25px; height:25px; }
.gkp-card h3{ font-size:18px; font-weight:700; color:var(--ink); margin:0 0 6px; }
.gkp-card p{ font-size:15px; color:var(--muted); line-height:1.5; margin:0; }

/* STEPS */
.gkp-steps{ background:#fff; }
.gkp-steps__row{ max-width:960px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.gkp-step{ text-align:center; padding:0 8px; }
.gkp-step__n{ width:58px; height:58px; border-radius:50%; background:var(--ink); color:#fff; font-weight:800; font-size:22px; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; }
.gkp-step h3{ font-size:18px; font-weight:700; color:var(--ink); margin:0 0 6px; }
.gkp-step p{ font-size:15px; color:var(--muted); margin:0; line-height:1.5; }
.gkp-steps__cta{ text-align:center; margin-top:44px; }

/* RISK */
.gkp-risk{ background:var(--ink); color:#fff; }
.gkp-risk .gkp-eyebrow{ color:var(--gold); }
.gkp-risk h2{ color:#fff; }
.gkp-risk__inner{ max-width:900px; margin:0 auto; text-align:center; }
.gkp-risk__list{ list-style:none; padding:0; margin:30px auto 0; max-width:700px; display:grid; grid-template-columns:repeat(2,1fr); gap:18px 30px; text-align:left; }
.gkp-risk__list li{ display:flex; gap:13px; align-items:flex-start; color:#c7d3d9; font-size:15.5px; line-height:1.45; }
.gkp-risk__list svg{ flex:0 0 auto; width:24px; height:24px; color:var(--gold); margin-top:1px; }
.gkp-risk__list strong{ color:#fff; display:block; font-weight:700; margin-bottom:2px; }

/* FAQ */
.gkp-faq{ background:var(--soft); }
.gkp-faq__list{ max-width:760px; margin:0 auto; }
.gkp-faq details{ background:#fff; border:1px solid var(--line); border-radius:12px; margin-bottom:12px; }
.gkp-faq summary{ cursor:pointer; list-style:none; padding:19px 22px; font-weight:700; color:var(--ink); font-size:16.5px; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.gkp-faq summary::-webkit-details-marker{ display:none; }
.gkp-faq summary::after{ content:"+"; font-size:26px; color:var(--blue); font-weight:400; line-height:1; flex:0 0 auto; }
.gkp-faq details[open] summary::after{ content:"\2212"; }
.gkp-faq__a{ padding:0 22px 20px; color:var(--muted); font-size:15px; line-height:1.6; }

/* FINAL CTA */
.gkp-final{ background:radial-gradient(800px 360px at 50% 128%, rgba(58,132,136,.42), transparent 60%), var(--ink); color:#fff; text-align:center; padding:84px 20px; }
.gkp-final__inner{ max-width:640px; margin:0 auto; }
.gkp-final h2{ color:#fff; font-size:clamp(28px,4.2vw,44px); margin:0; }
.gkp-final p{ color:#c7d3d9; font-size:17px; margin:14px 0 30px; }

@media (max-width:860px){ .gkp-grid{ grid-template-columns:repeat(2,1fr); } .gkp-steps__row{ grid-template-columns:1fr; gap:30px; } .gkp-risk__list{ grid-template-columns:1fr; max-width:420px; } }
@media (max-width:560px){ .gkp-grid{ grid-template-columns:1fr; } .gkp-sec{ padding:56px 18px; } }

/* ===== gk-pricingtier (Premium / 4K) ===== */
.gk-tier { padding: 60px 0; }
.gk-tier--4k { background: var(--gk-paper); }
.gk-tier__head { max-width: 780px; margin: 0 auto 34px; text-align: center; }
.gk-tier__head .gk-eyebrow { margin-bottom: 14px; }
.gk-tier__head .gk-lead { margin: 14px auto 0; max-width: 64ch; }
.gk-tier__vrdlabel { margin: 22px 0 12px; font: 700 15px/1.3 'Inter', sans-serif; color: var(--gk-ink); }
.gk-tier__vrd { list-style: none; margin: 0 auto; padding: 0; display: inline-grid; gap: 9px; text-align: left; }
.gk-tier__vrd li { display: flex; align-items: center; gap: 10px; font-size: 15px; color: #30363d; }
.gk-tier__vrd .gk-plan__ck { color: var(--gk-blue); display: inline-flex; flex: none; }
.gk-tier__vrd .gk-plan__ck .gk-svgi { width: 18px; height: 18px; }

.gk-plan__qual { display: inline-block; margin: 0 0 14px; padding: 4px 11px; border-radius: 999px; font: 700 11px/1 'Inter', sans-serif; letter-spacing: .08em; text-transform: uppercase; background: rgba(58,132,136,.1); color: var(--gk-blue-ink); }
.gk-plan__qual--4k { background: rgba(215,191,149,.24); color: #8a6d3b; }
.gk-plan--featured .gk-plan__qual { background: rgba(255,255,255,.14); color: #fff; }

.gk-tier__ms { margin-top: 30px; padding: 26px; border: 1px solid var(--gk-line); border-radius: 14px; background: #fff; }
.gk-tier__mshead { text-align: center; margin-bottom: 18px; }
.gk-tier__mstitle { margin: 0; font: 700 18px/1.3 'Inter', sans-serif; color: var(--gk-ink); }
.gk-tier__msnote { margin: 6px 0 0; font-size: 14.5px; color: var(--gk-muted); }
.gk-tier__msgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.gk-tier__msitem { border: 1px solid var(--gk-line); border-radius: 12px; padding: 18px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; background: var(--gk-paper); }
.gk-tier__msitem.is-featured { border-color: var(--gk-blue); box-shadow: 0 0 0 1px var(--gk-blue) inset; }
.gk-tier__mslabel { margin: 0; font: 700 15px/1 'Inter', sans-serif; color: var(--gk-ink); }
.gk-tier__msprice { margin: 0; font: 900 30px/1 'Inter', sans-serif; color: var(--gk-ink); display: flex; align-items: baseline; gap: 3px; }
.gk-tier__mscur { font-size: 16px; font-weight: 700; }
.gk-tier__msper { font: 600 13px/1 'Inter', sans-serif; color: var(--gk-muted); margin-left: 4px; }
.gk-tier__msbtn { width: 100%; justify-content: center; }

@media (max-width: 860px) { .gk-tier__msgrid { grid-template-columns: 1fr; max-width: 360px; margin-inline: auto; } }

/* ===== gk-answers (answer-first landing content) ===== */
.gk-ans { padding: 64px 0; }
.gk-ans__wrap { max-width: 860px; }
.gk-ans__head { margin-bottom: 30px; }
.gk-ans__head .gk-eyebrow { margin-bottom: 14px; }
.gk-ans__head .gk-lead { max-width: 64ch; }
.gk-ans__item { padding: 26px 0; border-top: 1px solid var(--gk-line); }
.gk-ans__item:first-child { border-top: 0; padding-top: 6px; }
.gk-ans__q { margin: 0 0 12px; font: 800 clamp(20px,2.4vw,26px)/1.25 'Inter', sans-serif; letter-spacing: -.01em; color: var(--gk-ink); }
.gk-ans__p { margin: 0 0 14px; font-size: 16.5px; line-height: 1.7; color: #30363d; }
.gk-ans__p:last-child { margin-bottom: 0; }
.gk-ans__p a { color: var(--gk-blue); text-decoration: underline; text-underline-offset: 2px; }
.gk-ans__p a:hover { color: var(--gk-blue-ink); }
.gk-ans__ul { margin: 6px 0 0; padding-left: 0; list-style: none; display: grid; gap: 10px; }
.gk-ans__ul li { position: relative; padding-left: 28px; font-size: 16px; line-height: 1.55; color: #30363d; }
.gk-ans__ul li::before { content: ''; position: absolute; left: 4px; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--gk-blue); }
.gk-ans__ul li a { color: var(--gk-blue); text-decoration: underline; text-underline-offset: 2px; }
.gk-ans__tablewrap { overflow-x: auto; margin: 18px 0 2px; -webkit-overflow-scrolling: touch; }
.gk-ans__table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 460px; }
.gk-ans__table th, .gk-ans__table td { text-align: left; padding: 12px 16px; border-bottom: 1px solid var(--gk-line); }
.gk-ans__table thead th { background: var(--gk-paper); font-weight: 700; color: var(--gk-ink); border-bottom: 2px solid var(--gk-line); white-space: nowrap; }
.gk-ans__table tbody tr:last-child td { border-bottom: 0; }
.gk-ans__table td:first-child { font-weight: 600; color: var(--gk-ink); }
.gk-tier__mslink { margin: 12px 0 0; }
.gk-tier__mslink a { color: var(--gk-blue); font: 600 15px/1.4 'Inter', sans-serif; text-decoration: none; border-bottom: 1px dotted rgba(58,132,136,.4); }
.gk-tier__mslink a:hover { color: var(--gk-blue-ink); border-bottom-color: var(--gk-blue-ink); }

/* ===== gk-tier "Ideaal voor" fit-block (in-tier buyer guidance) ===== */
.gk-tier__fit { margin: 22px auto 0; max-width: 880px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 16px; }
.gk-tier__fitlabel { font: 700 12px/1 'Inter', sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--gk-blue); }
.gk-tier__fitlist { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.gk-tier__fitlist li { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--gk-line); border-radius: 999px; padding: 9px 16px; font: 600 14px/1.2 'Inter', sans-serif; color: var(--gk-ink); box-shadow: 0 1px 2px rgba(13,31,44,.04); }
.gk-tier__fitck { display: inline-flex; width: 16px; height: 16px; color: var(--gk-blue); flex: none; }
.gk-tier__fitck .gk-svgi { width: 16px; height: 16px; }
.gk-tier--4k .gk-tier__fitck { color: #8a6d3b; }
@media (max-width: 600px) { .gk-tier__fit { flex-direction: column; gap: 12px; } .gk-tier__fitlist { flex-direction: column; align-items: stretch; width: 100%; max-width: 340px; } .gk-tier__fitlist li { justify-content: flex-start; } }

/* footer wordmark is a link to home */
a.gk-footer__word { text-decoration: none; display: inline-block; transition: opacity .15s ease; }
a.gk-footer__word:hover, a.gk-footer__word:focus-visible { opacity: .85; }