@font-face {
  font-family: "Sofia Pro"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("https://acc-site.hosting2go.nl/wp-content/themes/hosting2go/assets/fonts/sofia_pro_regular-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "Sofia Pro"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("https://acc-site.hosting2go.nl/wp-content/themes/hosting2go/assets/fonts/sofia_pro_medium-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "Sofia Pro"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("https://acc-site.hosting2go.nl/wp-content/themes/hosting2go/assets/fonts/sofia_pro_semi_bold-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "Sofia Pro"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("https://acc-site.hosting2go.nl/wp-content/themes/hosting2go/assets/fonts/sofia_pro_bold-webfont.woff2") format("woff2");
}
@font-face {
   
  font-family: "Sofia Pro"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("https://acc-site.hosting2go.nl/wp-content/themes/hosting2go/assets/fonts/sofia_pro_black-webfont.woff2") format("woff2");
}

 
 
:root {
   
  --font-display: "Sofia Pro", "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body:    "Heebo", system-ui, sans-serif;

   
  --container:    1200px;
  --gap:          clamp(1rem, 2vw, 2rem);
  --section-y:    clamp(4rem, 8vw, 7.5rem);
  --section-x:    0;
  --radius-btn:   6px;        
  --radius:       10px;       
  --radius-lg:    16px;       
  --radius-pill:  999px;      

   
  --shadow-sm:  0 2px 10px color-mix(in srgb, var(--wp--preset--color--base) 6%, transparent);
  --shadow-md:  0 12px 30px color-mix(in srgb, var(--wp--preset--color--base) 10%, transparent);
  --shadow-lg:  0 18px 40px color-mix(in srgb, var(--wp--preset--color--base) 12%, transparent);
  --shadow-cta: 0 12px 28px color-mix(in srgb, var(--wp--preset--color--accent) 35%, transparent);

  --ease:       cubic-bezier(0.22, 1, 0.36, 1);
}

 
:root[data-brand="webbouw"] {
  --wp--preset--color--background:     #EEE8F9;   
  --wp--preset--color--highlight:      #b391f3;   
  --wp--preset--color--highlight-dark: #5116c1;
   
}

:root[data-brand="academy"] {
  --wp--preset--color--background:     #F4FBFB;   
  --wp--preset--color--primary:        #1fa69d;   
  --wp--preset--color--primary-light:  #34c9b6;
  --wp--preset--color--highlight:      #96e4d3;   
  --wp--preset--color--highlight-dark: #1fa69d;
}

 
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }

body {
  font-family: var(--font-body);
  color: var(--wp--preset--color--text);
  background: var(--wp--preset--color--background);
  line-height: 1.6;
  overflow-x: hidden;
}

img, svg { display: block; max-width: 100%; }

a { color: inherit; text-decoration: none; }

::placeholder { color: var(--wp--preset--color--muted); opacity: 1; }

h1, h2, h3, h4 {
  font-family: var(--font-display);
  color: var(--wp--preset--color--base);
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.02em;
}

 
:root h3 {
  margin-bottom: 0.75rem;
}

em { font-style: normal; color: var(--wp--preset--color--primary); }

.ic { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }

.container { width: min(100% - 2.5rem, var(--container)); margin-inline: auto; }

 
.btn {
  --btn-bg: var(--wp--preset--color--accent);
  --btn-fg: var(--wp--preset--color--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1rem;
  padding: 0.85em 1.6em;
  border: 2px solid transparent;
  border-radius: var(--radius-btn);
  background: var(--btn-bg);
  color: var(--btn-fg);
  cursor: pointer;
  position: relative;
  transition: box-shadow .3s var(--ease), background .25s ease, color .25s ease, border-color .25s ease;
}
 
.btn::after {
  content: "";
  width: 1em; height: 1em;
  background: currentColor;
  -webkit-mask: var(--arrow-mask) center / contain no-repeat;
          mask: var(--arrow-mask) center / contain no-repeat;
  position: relative; top: .12em;
  opacity: .85;
  transform: translateX(0);
  transition: opacity .3s var(--ease), transform .3s var(--ease);
}
:root { --arrow-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5l7 7-7 7'/%3E%3C/svg%3E"); }
:root { --external-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E"); }
.btn:hover::after { opacity: 1; transform: translateX(5px); }
.btn:hover { box-shadow: var(--shadow-lg); }

.btn--cta      { --btn-bg: var(--wp--preset--color--accent); box-shadow: var(--shadow-cta); }
.btn--cta:hover{ background: var(--wp--preset--color--accent-light); box-shadow: 0 14px 34px color-mix(in srgb, var(--wp--preset--color--accent) 45%, transparent); }
.btn--primary  { --btn-bg: var(--wp--preset--color--primary); box-shadow: 0 12px 28px color-mix(in srgb, var(--wp--preset--color--primary) 30%, transparent); }
.btn--primary:hover { background: var(--wp--preset--color--primary-light); box-shadow: 0 14px 34px color-mix(in srgb, var(--wp--preset--color--primary) 42%, transparent); }
.btn--outline  { background: transparent; color: var(--wp--preset--color--primary); border-color: var(--wp--preset--color--primary); }
.btn--outline:hover { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); box-shadow: 0 12px 28px color-mix(in srgb, var(--wp--preset--color--primary) 30%, transparent); }
.btn--outline-light { background: transparent; color: var(--wp--preset--color--white); border-color: color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent); }
.btn--outline-light:hover { background: var(--wp--preset--color--white); color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--white); }
.btn--block { display: flex; width: 100%; }
.btn--sm  { padding: 0.6em 1.2em; font-size: .9rem; }
.btn--lg  { padding: 1.05em 2.2em; font-size: 1.1rem; }

 
.eyebrow {
  display: inline-block;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: .8rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--wp--preset--color--primary);
  margin-bottom: 1rem;
}
.eyebrow--light { color: var(--wp--preset--color--highlight); }
.eyebrow--mint  { color: var(--wp--preset--color--highlight); }

.link-arrow {
  display: inline-flex; align-items: center; gap: .5em;
  font-family: var(--font-display); font-weight: 700;
  color: var(--wp--preset--color--primary);
}
.link-arrow .ic { transition: transform .3s var(--ease); }
.link-arrow:hover .ic { transform: translateX(5px); }

section { position: relative; }

 
.skip-link {
  position: absolute; top: -100px; left: 1rem; z-index: 3000;
  background: var(--wp--preset--color--base); color: var(--wp--preset--color--white);
  font-family: var(--font-display); font-weight: 700; font-size: .9rem;
  padding: .7rem 1.2rem; border-radius: var(--radius-btn);
  transition: top .25s var(--ease);
}
.skip-link:focus { top: 1rem; outline: 3px solid var(--wp--preset--color--highlight); }

 
.site-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }

 
.topbar {
  position: relative; z-index: 20;
  background: rgba(0,0,0,.18);
  color: color-mix(in srgb, var(--wp--preset--color--white) 90%, transparent);
  font-size: .85rem;
  height: 44px;
  transition: height .45s var(--ease), opacity .35s ease, transform .45s var(--ease);
  transform-origin: top;
}
.site-header.is-scrolled .topbar { height: 0; opacity: 0; overflow: hidden; transform: translateY(-6px); }
.topbar__inner { display: flex; align-items: center; justify-content: space-between; height: 42px; }
.topbar__usp { display: inline-flex; align-items: center; gap: .5em; }
.topbar__usp .ic { color: var(--wp--preset--color--highlight); width: 1.1em; height: 1.1em; }
.topbar__nav { display: flex; align-items: center; gap: 1.4rem; }
.topbar__link {
  font-family: var(--font-display); font-weight: 600;
  display: inline-flex; align-items: center; gap: .35em;
  background: none; border: 0; color: inherit; cursor: pointer; font-size: .85rem;
  transition: color .2s;
}
.topbar__link:hover { color: var(--wp--preset--color--white); }
.topbar__link--accent { color: var(--wp--preset--color--highlight); }
.ic--chev { width: .9em; height: .9em; transition: transform .3s var(--ease); }

.topbar__item { position: relative; }
.dropdown {
  position: absolute; top: calc(100% + 8px); right: 0;
  background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--border); border-radius: 14px;
  box-shadow: var(--shadow-lg);
  padding: .5rem; min-width: 210px;
  display: flex; flex-direction: column;
  list-style: none; margin: 0;
  opacity: 0; visibility: hidden; transform: translateY(10px);
  transition: opacity .3s var(--ease), transform .3s var(--ease), visibility .3s;
  z-index: 60;
}
.dropdown li { list-style: none; margin: 0; padding: 0; }
.dropdown::before {
  content: ""; position: absolute; top: -6px; right: 24px;
  width: 12px; height: 12px; background: var(--wp--preset--color--white);
  border-left: 1px solid var(--wp--preset--color--border); border-top: 1px solid var(--wp--preset--color--border);
  transform: rotate(45deg);
}
.dropdown a {
  display: block;
  position: relative;
  padding: .65rem .9rem; border-radius: 10px;
  font-family: var(--font-display); font-weight: 600;
  color: var(--wp--preset--color--base); font-size: .92rem;
  transition: background .2s, color .2s;
}
.dropdown a:hover { background: var(--wp--preset--color--background); color: var(--wp--preset--color--primary); }

 
.navbar {
  position: relative; z-index: 10;
  background: transparent;
  border-bottom: 1px solid transparent;
  transition: background .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
}
.site-header.is-scrolled .navbar {
  background: color-mix(in srgb, var(--wp--preset--color--white) 92%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom-color: var(--wp--preset--color--border);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--wp--preset--color--base) 8%, transparent);
}
.navbar__inner { display: flex; align-items: center; gap: 2rem; min-height: 76px; }

 
.navbar .logo { color: var(--wp--preset--color--white); }
.navbar .mainnav__link { color: var(--wp--preset--color--white); }
.navbar .mainnav__link:hover { color: var(--wp--preset--color--white); background: color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent); }
.navbar .icon-btn { background: color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent); border-color: color-mix(in srgb, var(--wp--preset--color--white) 25%, transparent); color: var(--wp--preset--color--white); }
.navbar .icon-btn:hover { background: var(--wp--preset--color--white); color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--white); }

 
.site-header.is-scrolled .navbar .logo { color: var(--wp--preset--color--base); }
.site-header.is-scrolled .navbar .mainnav__link { color: var(--wp--preset--color--base); }
.site-header.is-scrolled .navbar .mainnav__link:hover { color: var(--wp--preset--color--primary); background: var(--wp--preset--color--background); }
.site-header.is-scrolled .navbar .icon-btn { background: var(--wp--preset--color--white); border-color: var(--wp--preset--color--border); color: var(--wp--preset--color--base); }
.site-header.is-scrolled .navbar .icon-btn:hover { border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--primary); }
.site-header.is-scrolled .hamburger span { background: var(--wp--preset--color--base); }

.logo { display: inline-flex; align-items: center; font-family: var(--font-display); color: var(--wp--preset--color--base); transition: color .35s var(--ease); }
.logo--light { color: var(--wp--preset--color--white); }
 
.logo__svg { height: 38px; aspect-ratio: 200 / 58; }

 
@property --logo-wipe {
  syntax: '<percentage>';
  inherits: true;
  initial-value: 0%;
}
 
@property --logo-fill {
  syntax: '<color>';
  inherits: true;
  initial-value: #96e4d3;
}
.logo__wrap { position: relative; display: inline-flex; }
.logo__mark {
  display: block;
  height: 38px;
  aspect-ratio: 200 / 58;
  -webkit-mask: var(--h2g-logo-mask) no-repeat center / contain;
  mask: var(--h2g-logo-mask) no-repeat center / contain;
  --logo-wipe: 0%;
  --logo-fill: var(--wp--preset--color--highlight);
  transition: --logo-wipe .55s var(--ease), --logo-fill .35s var(--ease);
  background: linear-gradient(
    90deg,
    var(--logo-fill) 0%, var(--logo-fill) var(--logo-wipe),
    currentColor var(--logo-wipe), currentColor 100%
  );
}
.logo.is-logo-leaving .logo__mark {
  background: linear-gradient(
    90deg,
    currentColor 0%, currentColor var(--logo-wipe),
    var(--logo-fill) var(--logo-wipe), var(--logo-fill) 100%
  );
}
.site-header.is-scrolled .navbar .logo__mark {
  --logo-fill: var(--wp--preset--color--highlight-dark);
}
 
.logo:focus-visible .logo__mark {
  --logo-wipe: 100%;
}
 
.logo.is-logo-snapping .logo__mark {
  transition-duration: 0s, .35s;
}
@media (prefers-reduced-motion: reduce) {
  .logo__mark { transition: none; }
}

.mainnav { display: flex; align-items: center; gap: .5rem; margin-left: auto; }
.mainnav__item { position: static; }
.mainnav__link {
  display: inline-flex; align-items: center; gap: .4em;
  font-family: var(--font-display); font-weight: 600; font-size: 1rem;
  color: var(--wp--preset--color--base); background: none; border: 0; cursor: pointer;
  padding: .6rem .9rem; border-radius: 10px;
  transition: color .2s, background .2s;
}
.mainnav__link:hover { color: var(--wp--preset--color--primary); background: var(--wp--preset--color--background); }
.mainnav__item.is-open .ic--chev { transform: rotate(180deg); }

.navbar__actions { display: flex; align-items: center; gap: .75rem; }
.icon-btn {
  display: grid; place-items: center; width: 42px; height: 42px;
  border: 1px solid var(--wp--preset--color--border); border-radius: 50%;
  background: var(--wp--preset--color--white); color: var(--wp--preset--color--base); cursor: pointer; font-size: 1.1rem;
  transition: border-color .2s, color .2s, transform .2s;
}
.icon-btn:hover { border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--primary); transform: scale(1.05); }

 
.has-mega { position: static; }
.mega {
  position: absolute; top: 100%; left: 0; width: 100%;
  background: var(--wp--preset--color--white); border-top: 1px solid var(--wp--preset--color--border);
  box-shadow: var(--shadow-lg);
  opacity: 0; visibility: hidden; transform: translateY(12px);
  transition: opacity .35s var(--ease), transform .35s var(--ease), visibility .35s;
  pointer-events: none;
}
.mainnav__item.is-open .mega { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.mega__inner { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 2.5rem; padding: 2.5rem 0; }
.mega__inner--4 { grid-template-columns: repeat(4, 1fr); gap: 1.75rem; }
.mega__title {
  display: block; font-family: var(--font-display); font-weight: 700;
  font-size: .8rem; text-transform: uppercase; letter-spacing: .1em;
  color: var(--wp--preset--color--muted); margin-bottom: 1rem;
}
 
.mega__title--sub { margin-top: 1.5rem; }
.mega__link { display: flex; align-items: center; gap: .75rem; padding: .55rem .7rem; border-radius: 10px; margin-left: -.7rem; transition: background .2s; }
.mega__link-ic {
  display: grid; place-items: center; width: 38px; height: 38px; flex: none;
  border-radius: 9px; background: var(--wp--preset--color--background); color: var(--wp--preset--color--highlight-dark);
  transition: background .25s var(--ease), color .25s var(--ease);
}
.mega__link-ic svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mega__link-txt { display: flex; flex-direction: column; }
.mega__link strong { font-family: var(--font-display); color: var(--wp--preset--color--base); font-size: .95rem; line-height: 1.2; }
.mega__link span { font-size: .82rem; color: var(--wp--preset--color--muted); }
.mega__link:hover { background: var(--wp--preset--color--background); }
.mega__link:hover strong { color: var(--wp--preset--color--primary); }
.mega__link:hover .mega__link-ic { background: var(--wp--preset--color--highlight-dark); color: var(--wp--preset--color--white); }
.mega__feature {
  background: var(--wp--preset--color--base);
  color: var(--wp--preset--color--white); border-radius: var(--radius); padding: 1.8rem;
  display: flex; flex-direction: column; align-items: flex-start; gap: .6rem;
  position: relative; overflow: hidden;
}
.mega__feature::before {
  content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%;
  background: var(--wp--preset--color--primary); filter: blur(70px); opacity: .55; top: -80px; right: -60px;
}
.mega__feature > * { position: relative; }
.mega__feature-label { font-family: var(--font-display); font-weight: 700; font-size: .75rem; text-transform: uppercase; letter-spacing: .1em; color: var(--wp--preset--color--highlight); }
.mega__feature h4 { color: var(--wp--preset--color--white); font-size: 1.3rem; }
.mega__feature p { font-size: .9rem; color: color-mix(in srgb, var(--wp--preset--color--white) 80%, transparent); margin-bottom: .4rem; }

 
.search-overlay {
  position: absolute; top: 100%; left: 0; width: 100%;
  background: var(--wp--preset--color--white); box-shadow: var(--shadow-md);
  max-height: 0; overflow: hidden; visibility: hidden;
  transition: max-height .4s var(--ease);
}
 
.search-overlay.is-open { max-height: 120px; visibility: visible; }
.search-form { display: flex; align-items: center; gap: 1rem; padding: 1.5rem 0; }
.search-form .ic { width: 24px; height: 24px; color: var(--wp--preset--color--muted); }
.search-form input {
  flex: 1; border: 0; font-size: 1.1rem; font-family: var(--font-body);
  color: var(--wp--preset--color--base); background: none; outline: none;
}

 
.hamburger { display: none; flex-direction: column; gap: 5px; width: 42px; height: 42px; border: 0; background: none; cursor: pointer; padding: 9px; }
.hamburger span { display: block; height: 2px; background: var(--wp--preset--color--white); border-radius: 2px; transition: transform .3s, opacity .3s, background .3s; }
.hamburger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger.is-open span:nth-child(2) { opacity: 0; }
.hamburger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

 
.hero {
  position: relative;
  background: var(--wp--preset--color--base);
  color: var(--wp--preset--color--white);
  padding-top: clamp(8.5rem, 15vh, 12rem);
  padding-bottom: clamp(6rem, 12vw, 10rem);
  overflow: hidden;
}
.hero__bg { position: absolute; inset: 0; pointer-events: none; }
 
.blob { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .45; }
.blob--1 { width: 460px; height: 460px; background: var(--wp--preset--color--highlight); top: -140px; right: -60px; }
.blob--2 { width: 360px; height: 360px; background: var(--wp--preset--color--accent); bottom: -140px; left: -40px; opacity: .3; }

 
.dark-mountains {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 0;
  height: 55%; max-height: 420px; pointer-events: none;
  background: url("https://acc-site.hosting2go.nl/wp-content/themes/hosting2go/assets/images/dark-bg-pattern.png") center bottom / cover no-repeat;
  opacity: .14; mix-blend-mode: screen;
  -webkit-mask-image: linear-gradient(to top, #000 40%, transparent);
          mask-image: linear-gradient(to top, #000 40%, transparent);
}

.hero__inner { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; gap: 3rem; align-items: center; }
.hero__title { color: var(--wp--preset--color--white); font-size: clamp(2.6rem, 6vw, 4.6rem); margin: .5rem 0 1.5rem; }
.hero__title em { color: var(--wp--preset--color--highlight); }
.reveal-line { display: block; overflow: hidden; padding-bottom: 0.12em; margin-bottom: -0.12em; }

.hero__lead { font-size: clamp(1.05rem, 1.6vw, 1.25rem); color: color-mix(in srgb, var(--wp--preset--color--white) 85%, transparent); max-width: 46ch; margin-bottom: 2rem; }

 
.domain-finder { background: color-mix(in srgb, var(--wp--preset--color--white) 8%, transparent); border: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent); border-radius: var(--radius); padding: 1.2rem; backdrop-filter: blur(8px); max-width: 520px; margin-top:60px; }
.domain-finder__field { display: flex; gap: .6rem; }
.domain-finder__field input {
  flex: 1; border: 0; border-radius: var(--radius-btn);
  padding: .9em 1.4em; font-size: 1rem; font-family: var(--font-body);
  background: var(--wp--preset--color--white); color: var(--wp--preset--color--base); outline: none;
}
.domain-finder__hint { display: block; margin-top: .8rem; font-size: .9rem; color: color-mix(in srgb, var(--wp--preset--color--white) 75%, transparent); }
.domain-finder__hint strong { color: var(--wp--preset--color--highlight); }

 
.domain-finder__field button:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  transition: opacity 0.2s ease;
}
.domain-finder__field button:disabled::after {
  opacity: 0.5;
}

 
.domain-finder--dark {
  background: var(--wp--preset--color--base);
  border-color: color-mix(in srgb, var(--wp--preset--color--white) 16%, transparent);
  backdrop-filter: none;
}

 
.domain-backdrop {
  position: fixed; inset: 0; z-index: 1090;
  background: color-mix(in srgb, var(--wp--preset--color--base) 50%, transparent);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .3s ease, visibility .3s ease;
}
.domain-backdrop.is-visible { opacity: 1; visibility: visible; pointer-events: auto; }

 
.domain-modal-layer {
  position: fixed; inset: 0; z-index: 1100;
  display: flex; align-items: center; justify-content: center;
  padding: 24px; pointer-events: none;
}

 
.domain-finder.is-wide {
  position: relative;
  margin: 0; width: min(680px, 100%); max-width: 100%; max-height: 90vh;
  display: flex; flex-direction: column; pointer-events: auto;
   
  background: var(--wp--preset--color--base);
  -webkit-backdrop-filter: none; backdrop-filter: none;
  border-color: color-mix(in srgb, var(--wp--preset--color--white) 16%, transparent);
  box-shadow: var(--shadow-lg);
}
.domain-finder.is-wide .domain-results {
  flex: 1 1 auto; min-height: 0; max-height: none; overflow-y: auto;
}

.domain-finder__close {
  position: absolute; top: -.7rem; right: -.7rem; z-index: 2;
  width: 2.2rem; height: 2.2rem; border-radius: 50%; border: 0; cursor: pointer;
  background: var(--wp--preset--color--white); color: var(--wp--preset--color--base); font-size: 1.4rem; line-height: 1;
  box-shadow: var(--shadow-lg); display: none; align-items: center; justify-content: center;
  transition: transform .15s ease, background .15s ease, color .15s ease;
}
.domain-finder.is-wide .domain-finder__close { display: flex; }
.domain-finder__close:hover { transform: scale(1.08); background: var(--wp--preset--color--accent); color: var(--wp--preset--color--white); }

 
.domain-results {
  margin-top: 1rem; background: var(--wp--preset--color--white); border-radius: var(--radius);
  box-shadow: var(--shadow-lg); overflow: hidden; color: var(--wp--preset--color--base);
}
.domain-results__msg { padding: 1.1rem 1.3rem; font-size: .95rem; color: var(--wp--preset--color--text); }
.domain-results__cta { padding: 1.5rem 1.3rem; border-top: 1px solid var(--wp--preset--color--border); font-size: .95rem; color: var(--wp--preset--color--text); }
.domain-results__cta p { margin: 0; }
.domain-results__cta a { text-decoration: underline; color: var(--wp--preset--color--primary); font-weight: 600; }
.domain-results__cta a:hover { color: var(--wp--preset--color--primary-light); }
 
.domain-results__more {
  display: flex; justify-content: center;
  padding: 1rem 1.3rem; border-top: 1px solid var(--wp--preset--color--border);
}
.domain-results__more-btn[aria-disabled="true"] { pointer-events: none; opacity: .75; }
.domain-results__more-btn.is-loading::after { display: none; }
.domain-row {
  display: grid; grid-template-columns: 1fr auto auto; gap: 1rem;
  align-items: center; padding: .95rem 1.3rem; border-top: 1px solid var(--wp--preset--color--border);
}
.domain-row:first-child { border-top: 0; }
.domain-row__name { font-size: 1.05rem; color: var(--wp--preset--color--base); font-family: var(--font-body); }
.domain-row__name strong { font-weight: 700; }
.domain-row__info { text-align: right; line-height: 1.25; }
.domain-row__status { font-weight: 600; font-size: .92rem; }
.domain-row__price { display: block; font-size: .9rem; color: var(--wp--preset--color--base); font-weight: 600; }
.domain-row__btn {
  border-radius: var(--radius-btn); padding: .6em 1.5em; font-weight: 700;
  font-family: var(--font-display); font-size: .95rem; border: 2px solid; background: var(--wp--preset--color--white);
  cursor: pointer; white-space: nowrap; transition: background .18s, color .18s;
}
 
.domain-row[data-state="free"] .domain-row__status { color: var(--wp--preset--color--highlight-dark); }
.domain-row[data-state="free"] .domain-row__btn { border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--primary); }
.domain-row[data-state="free"] .domain-row__btn:hover { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); }
 
.domain-row[data-state="taken"] .domain-row__status { color: var(--wp--preset--color--accent); }
.domain-row[data-state="taken"] .domain-row__btn { border-color: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent); }
.domain-row[data-state="taken"] .domain-row__btn:hover { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--white); }
 
.domain-row[data-state="loading"] .domain-row__status { color: var(--wp--preset--color--muted); }
.domain-row[data-state="loading"] .domain-row__btn { opacity: .4; pointer-events: none; }
.domain-row[data-state="error"] .domain-row__status { color: var(--wp--preset--color--muted); }
 
.domain-row[data-state="unavailable"] .domain-row__status { color: var(--wp--preset--color--accent); }
.domain-row[data-state="quarantine"] .domain-row__status { color: var(--wp--preset--color--muted); }
.domain-row .domain-row__btn:disabled {
  border-color: var(--wp--preset--color--muted-light); color: var(--wp--preset--color--muted);
  background: var(--wp--preset--color--background); cursor: not-allowed;
}

 
.domain-row { opacity: 0; transform: translateY(10px); transition: opacity .4s ease, transform .4s ease; }
.domain-row.is-in { opacity: 1; transform: none; }

 
.domain-results__loading {
  display: flex; align-items: center; gap: .65rem;
  padding: 1.1rem 1.3rem; color: var(--wp--preset--color--text); font-size: .95rem;
}
.domain-results__spinner {
  width: 1.1rem; height: 1.1rem; flex: none;
  border: 2px solid var(--wp--preset--color--border); border-top-color: var(--wp--preset--color--primary);
  border-radius: 50%; animation: domainSpin .7s linear infinite;
}
@keyframes domainSpin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  .domain-row { transition: none; transform: none; }
  .domain-results__spinner { animation: none; }
}

 
.hero__visual { position: relative; min-height: 500px; display: flex; flex-direction: row; align-items: center; }
.hero__photo { overflow: hidden; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); margin: 0; will-change: transform; }
.hero__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hero__photo--main {
  position: relative; width: 100%; aspect-ratio: 4/3.4;
  border: 6px solid color-mix(in srgb, var(--wp--preset--color--white) 10%, transparent);
}
 
.hero__illu { position: relative; z-index: 1; margin: 0; width: 100%; will-change: transform; }
.hero__illu img { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); filter: drop-shadow(0 30px 50px rgba(0,0,0,.35)); }
 
.hero__visual::before {
  content: ""; position: absolute; inset: 8% 6%; border-radius: 50%;
  background: var(--wp--preset--color--highlight); filter: blur(110px); opacity: .22; z-index: 0;
}

.hero__wave { position: absolute; bottom: -2px; left: 0; width: 100%; line-height: 0; z-index: 0; }
.hero__wave svg { width: 100%; height: clamp(60px, 8vw, 120px); }
.hero__wave path { fill: var(--wp--preset--color--white); }

 
.stats { background: var(--wp--preset--color--background); padding: clamp(2.5rem, 5vw, 4.5rem) 0; }
.stats__bar {
  background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--border);
  border-radius: var(--radius-lg);
  padding: clamp(1.8rem, 3.5vw, 2.6rem) clamp(1.5rem, 4vw, 3rem);
  margin: 0 auto; position: relative; z-index: 5;
}
 
.usp-strip { background: var(--wp--preset--color--white); border-bottom: 1px solid var(--wp--preset--color--border); }
.usp-marquee {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.usp-marquee__track { display: flex; align-items: center; width: max-content; padding-block: 1.1rem; will-change: transform; }
.usp { position: relative; display: inline-flex; align-items: center; gap: .65em; font-size: 1rem; color: var(--wp--preset--color--text); white-space: nowrap; padding: 0 2.5rem; }
 
.usp:not(:last-child)::before {
  content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  width: 5px; height: 5px; border-radius: 50%; background: var(--wp--preset--color--border);
}
.usp strong { color: var(--wp--preset--color--base); font-weight: 700; }
.usp .ic { flex: none; width: 24px; height: 24px; padding: 4px; color: var(--wp--preset--color--white); background: var(--wp--preset--color--success); border-radius: 50%; stroke-width: 3; }
.stats__inner { display: grid; grid-template-columns: repeat(var(--stats-cols, 4), 1fr); gap: 1.5rem; text-align: center; }
.stat { position: relative; display: flex; flex-direction: column; align-items: center; gap: .3rem; }
.stat:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 25%; height: 50%; width: 1px; background: var(--wp--preset--color--border); }
 
.stat__icon { color: var(--wp--preset--color--highlight-dark); margin-bottom: .35rem; opacity: .9; }
.stat__icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.stat__num { display: block; font-family: var(--font-display); font-weight: 700; font-size: clamp(1.6rem, 3vw, 2.3rem); color: var(--wp--preset--color--base); line-height: 1.05; }
.stat__suffix { margin-left: 0.15em; }
.stat__label { color: var(--wp--preset--color--muted); font-size: .85rem; max-width: 16ch; }

 
.stat__num { font-variant-numeric: tabular-nums; }
.stat__digit {
  display: inline-block;
  overflow: hidden;
  height: 1em;
  line-height: 1;
  vertical-align: bottom;
}
.stat__digit-strip {
  display: flex;
  flex-direction: column;
  will-change: transform;
}
.stat__digit-cell {
  height: 1em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stat__digit-static { display: inline-block; }

 
.ext-slider { background: var(--wp--preset--color--background); padding: clamp(2.5rem, 5vw, 4rem) 0; }
.ext-slider__head { text-align: left; max-width: 600px; margin: 0 auto 2rem; }
.ext-slider__head h2 { font-size: clamp(1.5rem, 3vw, 2.1rem); margin-bottom: .6rem; }
.ext-slider__head p { color: var(--wp--preset--color--text); }
.ext-marquee {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.ext-marquee__track { display: flex; align-items: stretch; gap: 1rem; width: max-content; padding-block: .5rem; will-change: transform; }
.ext-chip {
  flex: none; display: inline-flex; align-items: center; justify-content: center; gap: .1em;
  min-width: 8.5rem; padding: 1.4rem 1.8rem;
  background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--border); border-radius: var(--radius);
  font-family: var(--font-display); font-weight: 700; font-size: clamp(1.4rem, 2.4vw, 1.9rem);
  color: var(--wp--preset--color--base); line-height: 1; white-space: nowrap;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--wp--preset--color--base) 4%, transparent);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .3s;
}
.ext-chip:hover { transform: translateY(-4px); box-shadow: 0 12px 28px color-mix(in srgb, var(--wp--preset--color--base) 10%, transparent); border-color: var(--wp--preset--color--highlight-dark); }
.ext-chip__dot { color: var(--wp--preset--color--highlight-dark); }

 
.services { padding: var(--section-y) var(--section-x); }
.services__inner { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(2rem, 5vw, 5rem); align-items: start; }
 
.services__intro { position: sticky; top: 110px; align-self: start; }
.services__title { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 1.2rem; }
.services__intro p { margin-bottom: 1.5rem; font-size: 1.05rem; }
.services__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }

.service-card {
  background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--border); border-radius: var(--radius);
  padding: 1.8rem; display: flex; flex-direction: column; gap: .5rem;
  transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .3s;
  position: relative; overflow: hidden;
}
.service-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); border-color: transparent; }

.service-card__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: .4rem; }
.service-card__icon {
  display: grid; place-items: center; width: 56px; height: 56px;
  border-radius: 16px; background: var(--wp--preset--color--background); color: var(--wp--preset--color--highlight-dark);
  transition: background .3s var(--ease), color .3s var(--ease);
}
.service-card__icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
 
.service-card:hover .service-card__icon { background: var(--wp--preset--color--highlight-dark); color: var(--wp--preset--color--white); }
 
.service-card__tag {
  font-family: var(--font-display); font-weight: 700; font-size: .68rem;
  text-transform: uppercase; letter-spacing: .06em;
  color: var(--wp--preset--color--primary); background: color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent);
  padding: .35em .75em; border-radius: var(--radius-pill);
}
.service-card__tag--cta { color: var(--wp--preset--color--accent); background: color-mix(in srgb, var(--wp--preset--color--accent) 10%, transparent); }
.service-card h3 { font-size: 1.3rem; margin-top: .2rem; }
.service-card p { font-size: .95rem; flex: 1; color: var(--wp--preset--color--text); }

 
.service-card__foot {
  display: flex; align-items: flex-end; justify-content: space-between;
  margin-top: 1.1rem; padding-top: 1.1rem; border-top: 1px solid var(--wp--preset--color--border);
}
.service-card__price { display: flex; flex-direction: column; line-height: 1.1; }
.service-card__price-label { font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: var(--wp--preset--color--muted); font-family: var(--font-display); font-weight: 600; }
.service-card__price-amount { font-family: var(--font-display); font-weight: 800; font-size: 1.7rem; color: var(--wp--preset--color--base); }
.service-card__price-period { font-size: .85rem; font-weight: 600; color: var(--wp--preset--color--muted); margin-left: .15em; }
 
.service-card__go {
  display: grid; place-items: center; width: 44px; height: 44px; flex: none;
  border-radius: 50%; background: var(--wp--preset--color--background); color: var(--wp--preset--color--highlight-dark);
  transition: background .3s var(--ease), color .3s var(--ease), transform .3s var(--ease);
}
.service-card__go .ic { width: 20px; height: 20px; }
.service-card:hover .service-card__go { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--white); transform: translateX(4px); }

 
.about { padding: var(--section-y) var(--section-x); background: var(--wp--preset--color--white); }
.about__inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.about__visual { position: relative; }
.about__img {
  position: relative; aspect-ratio: 4/3; border-radius: var(--radius-lg); overflow: hidden;
  box-shadow: var(--shadow-lg); margin: 0; background: var(--wp--preset--color--base);
}
.about__img img { position: absolute; top: -12%; left: 0; width: 100%; height: 124%; object-fit: cover; }
 
.about__visual::before {
  content: ""; position: absolute; width: 70%; height: 70%; border-radius: 50%;
  background: var(--wp--preset--color--highlight); filter: blur(90px); opacity: .25; bottom: -10%; right: -8%; z-index: 0;
}
.about__badge {
  position: absolute; bottom: 1.2rem; left: 1.2rem; z-index: 2;
  display: inline-flex; align-items: center; gap: .5em;
  background: var(--wp--preset--color--white); color: var(--wp--preset--color--base); font-family: var(--font-display); font-weight: 700;
  font-size: .85rem; padding: .6rem 1rem; border-radius: var(--radius-pill); box-shadow: var(--shadow-md);
}
.about__badge-flag { font-size: 1.1em; }
.about__content h2 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); margin-bottom: 1.2rem; }
.about__content p { margin-bottom: 1rem; font-size: 1.05rem; }
.about__content .btn { margin-top: .8rem; }

 
.hosting { padding: var(--section-y) var(--section-x); background: var(--wp--preset--color--background); overflow: hidden; }
.hosting__box {
   
  width: min(100% - 2.5rem, var(--container));
  margin-inline: auto;
  background: var(--wp--preset--color--base);             
  color: var(--wp--preset--color--white); border-radius: var(--radius-lg);
  padding: clamp(3rem, 6vw, 5rem) clamp(1.5rem, 4vw, 3.5rem);
  position: relative; overflow: hidden;
}
.hosting__inner { position: relative; z-index: 1; }
.hosting__box::before {
  content: ""; position: absolute; width: 420px; height: 420px; border-radius: 50%;
  background: var(--wp--preset--color--highlight); filter: blur(90px); opacity: 0; top: -150px; left: -100px;
  transition: opacity .6s var(--ease);
  transform: translate(calc(var(--blob-tx,0)*1px),calc(var(--blob-ty,0)*1px));
}
.hosting__box.is-dark::before { opacity: .45; }
.hosting__head { text-align: center; max-width: 640px; margin: 0 auto 3rem; position: relative; }
.hosting__head h2 { color: var(--wp--preset--color--white); font-size: clamp(1.8rem, 4vw, 2.8rem); margin-bottom: 1rem; }
.hosting__head h2 em { color: var(--wp--preset--color--highlight); }
.hosting__head p { color: color-mix(in srgb, var(--wp--preset--color--white) 80%, transparent); }

.pricing { display: grid; grid-template-columns: repeat(var(--pricing-cols, 3), 1fr); gap: 1.5rem; position: relative; max-width: 1240px; margin: 0 auto; }
.price-card {
  background: color-mix(in srgb, var(--wp--preset--color--white) 5%, transparent); border: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent);
  border-radius: var(--radius); padding: 2rem; display: flex; flex-direction: column;
  transition: transform .4s var(--ease), background .3s;
}
.price-card:hover { transform: translateY(-6px); background: color-mix(in srgb, var(--wp--preset--color--white) 8%, transparent); }
.price-card--featured {
  background: var(--wp--preset--color--white); color: var(--wp--preset--color--base);
  box-shadow: var(--shadow-lg); transform: scale(1.04);
  border: 2px solid var(--wp--preset--color--primary);
}
.price-card--featured:hover { transform: scale(1.04) translateY(-6px); background: var(--wp--preset--color--white); }
.price-card--featured:hover .price-card__features li::before { color: var(--wp--preset--color--highlight-dark); }
.price-card__badge {
  align-self: flex-start; background: var(--wp--preset--color--accent); color: var(--wp--preset--color--white);
  font-family: var(--font-display); font-weight: 700; font-size: .75rem;
  padding: .35rem .9rem; border-radius: var(--radius-pill); margin-bottom: 1rem;
  text-transform: uppercase; letter-spacing: .05em;
}
.price-card__name { font-family: var(--font-display); font-weight: 700; font-size: 1.4rem; }
.price-card--featured .price-card__name { color: var(--wp--preset--color--base); }
.price-card__desc { font-size: .9rem; color: inherit; opacity: .75; margin: .4rem 0 1.2rem; min-height: 2.6em; }
.price-card__price { display: flex; align-items: baseline; gap: .4em; margin-bottom: 1.5rem; }
.price-card__price strong { font-family: var(--font-display); font-weight: 800; font-size: 2.2rem; }
.price-card__price span { opacity: 1; font-size: .9rem; }
.price-card__features { list-style: none; display: flex; flex-direction: column; gap: .7rem; margin-bottom: 1.8rem; flex: 1; }
.price-card__features li { display: flex; align-items: center; gap: .6em; font-size: .95rem; }
.price-card__features li::before { content: "✓"; color: var(--wp--preset--color--highlight-dark); font-weight: 800; }
.price-card--featured .price-card__features li::before { color: var(--wp--preset--color--highlight-dark); }
 
.price-card__features li.is-no::before,
.price-card--featured .price-card__features li.is-no::before,
.price-card--featured:hover .price-card__features li.is-no::before,
.wizard__advice .price-card--featured:hover .price-card__features li.is-no::before { content: "✕"; color: var(--wp--preset--color--muted); }
.price-card__features li.is-no { color: var(--wp--preset--color--muted); }

 
.price-card__custom { font-size: .95rem; line-height: 1.55; opacity: .9; margin-bottom: 1.8rem; flex: 1; white-space: pre-line; }

 
.testimonials { padding: var(--section-y) var(--section-x); overflow: hidden; }
.testimonials__head { text-align: center; margin-bottom: 3rem; }
.testimonials__head h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); }
.reviews-track {
  display: flex; gap: 1.5rem; overflow-x: auto; overflow-y: hidden;
  cursor: grab; scrollbar-width: none; -ms-overflow-style: none;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.reviews-track::-webkit-scrollbar { display: none; }
.reviews-track.is-grabbing { cursor: grabbing; }
 
.reviews-track:focus-visible,
.usp-marquee__track:focus-visible,
.ext-marquee__track:focus-visible {
  outline: 2px solid var(--wp--preset--color--highlight-dark);
  outline-offset: 2px;
}
.marquee { width: 100%; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.marquee__track { display: flex; gap: 1.5rem; width: max-content; will-change: transform; }
.review {
  width: 380px; flex: none; background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--border);
  border-radius: var(--radius); padding: 1.8rem;
  display: flex; flex-direction: column;
}
.review__stars { color: var(--wp--preset--color--warning); letter-spacing: 2px; margin-bottom: .8rem; }
.review blockquote { font-size: 1.05rem; color: var(--wp--preset--color--base); margin-bottom: 1.2rem; }
.review figcaption { display: flex; align-items: center; gap: .8rem; margin-top: auto; }
.review__avatar { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; flex: none; background: var(--wp--preset--color--background); }
.review__avatar img { width: 100%; height: 100%; object-fit: cover; }
.review figcaption strong { display: block; font-family: var(--font-display); color: var(--wp--preset--color--base); }
.review figcaption span { font-size: .85rem; color: var(--wp--preset--color--muted); }

 
.portfolio { padding: var(--section-y) var(--section-x); background: var(--wp--preset--color--base); color: var(--wp--preset--color--white); position: relative; overflow: hidden; margin: 0 auto;}
.portfolio__box {
  width: min(100% - 2.5rem, var(--container));
  margin-inline: auto;
  position: relative; overflow: hidden;
}
.portfolio::before {
  content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%;
  background: var(--wp--preset--color--highlight); filter: blur(120px); opacity: .35; top: -120px; right: -120px;
  transform: translate(calc(var(--blob-tx,0)*1px),calc(var(--blob-ty,0)*1px));
}
.portfolio__inner { position: relative; z-index: 1; }
.portfolio__head { max-width: 820px; margin-bottom: 3rem; }
.portfolio__head h2 { color: var(--wp--preset--color--white); font-size: clamp(1.8rem, 4vw, 2.8rem); margin-bottom: 1rem; }
.portfolio__head h2 em { color: var(--wp--preset--color--highlight); }
.portfolio__head p { color: color-mix(in srgb, var(--wp--preset--color--white) 80%, transparent); }
.portfolio__grid { display: grid; grid-template-columns: repeat(var(--portfolio-cols, 3), 1fr); gap: 1.5rem; }
.portfolio-item {
  position: relative; aspect-ratio: 3/4; border-radius: var(--radius); overflow: hidden;
  display: flex; align-items: flex-end; background: var(--wp--preset--color--base-light);
}
.portfolio-item.is-hidden { display: none !important; }
.portfolio-item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.portfolio-item:hover img { transform: scale(1.06); }
.portfolio-item__tag { position: absolute; z-index: 2; top: 1rem; left: 1rem; background: color-mix(in srgb, var(--wp--preset--color--white) 92%, transparent); color: var(--wp--preset--color--base); font-family: var(--font-display); font-weight: 700; font-size: .75rem; padding: .3rem .8rem; border-radius: var(--radius-pill); pointer-events: none; }
.portfolio-item__overlay { position: relative; z-index: 2; width: 100%; padding: 1.5rem; color: var(--wp--preset--color--white); background: linear-gradient(transparent, color-mix(in srgb, var(--wp--preset--color--base) 90%, transparent)); transition: transform .4s var(--ease); pointer-events: none; }
.portfolio-item__overlay strong { display: block; font-family: var(--font-display); font-size: 1.2rem; }
.portfolio-item__overlay span { font-size: .9rem; color: var(--wp--preset--color--highlight); opacity: 0; transform: translateY(6px); transition: opacity .3s, transform .3s; }
.portfolio-item:hover .portfolio-item__overlay span { opacity: 1; transform: translateY(0); }
.portfolio-cta {
   
  grid-column: span 1;
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
  gap: .5rem;
  background: color-mix(in srgb, var(--wp--preset--color--white) 6%, transparent); border: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent); border-radius: var(--radius);
  padding: 2.5rem 1.75rem;
}
.portfolio-cta__icon {
  display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: .5rem;
  border-radius: 50%; background: var(--wp--preset--color--highlight); color: var(--wp--preset--color--base);
}
.portfolio-cta__icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.portfolio-cta h3 { color: var(--wp--preset--color--white); font-size: 1.35rem; line-height: 1.2; }
.portfolio-cta p { color: color-mix(in srgb, var(--wp--preset--color--white) 75%, transparent); font-size: .92rem; margin-bottom: 1.4rem; max-width: 26ch; }
.portfolio-cta .btn { width: 100%; }

@media (max-width: 980px) {
  .portfolio__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .portfolio__grid { grid-template-columns: 1fr; }
  .portfolio-filter { justify-content: center; }
}

 
.portfolio--overview {
  background: var(--wp--preset--color--background);
  color: var(--wp--preset--color--text);
}
.portfolio--overview::before { content: none; }
.portfolio--overview .portfolio__head { max-width: 720px; }
.portfolio--overview .portfolio__head h2 { color: var(--wp--preset--color--base); }
.portfolio--overview .portfolio__head h2 em { color: var(--wp--preset--color--primary); }
.portfolio--overview .portfolio__head p { color: var(--wp--preset--color--text); }

 
.portfolio--overview .portfolio-cta {
  background: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--border);
  box-shadow: var(--shadow-sm);
}
.portfolio--overview .portfolio-cta__icon {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
.portfolio--overview .portfolio-cta h3 { color: var(--wp--preset--color--base); }
.portfolio--overview .portfolio-cta p  { color: var(--wp--preset--color--text); }

 
.portfolio-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 2.5rem;
}
.portfolio-filter .btn::after { display: none; }
.portfolio-filter__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease,
              box-shadow 0.22s ease, transform 0.15s ease;
}
.portfolio-filter__btn:active { transform: scale( 0.94 ); }
.portfolio-filter .btn.is-active {
  background: var( --wp--preset--color--primary );
  border-color: var( --wp--preset--color--primary );
  color: var( --wp--preset--color--white );
  box-shadow: 0 12px 28px color-mix(in srgb, var(--wp--preset--color--primary) 30%, transparent);
}
.portfolio-filter__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5em;
  padding: 0.05em 0.5em;
  border-radius: 999px;
  font-size: 0.78em;
  font-weight: 600;
  line-height: 1.5;
  background: color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent);
  color: var(--wp--preset--color--primary);
  transition: background 0.22s ease, color 0.22s ease;
}
.portfolio-filter .btn.is-active .portfolio-filter__count {
  background: color-mix(in srgb, var(--wp--preset--color--white) 22%, transparent);
  color: var(--wp--preset--color--white);
}

 
.academy { padding: var(--section-y) var(--section-x); background: var(--wp--preset--color--white); }
.academy__inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.academy__content h2 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); margin-bottom: 1.2rem; }
.academy__content p { font-size: 1.05rem; margin-bottom: 1.5rem; }
.event-card { display: flex; flex-direction: column; background: var(--wp--preset--color--background); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); transition: transform .4s var(--ease); }
.event-card:hover { transform: translateY(-6px); }
.event-card__img { position: relative; aspect-ratio: 16/8; background: var(--wp--preset--color--base) url("../assets/academy-workshop.jpg") center / cover no-repeat; }
.event-card__date { position: absolute; top: 1rem; left: 1rem; background: var(--wp--preset--color--white); color: var(--wp--preset--color--primary); font-family: var(--font-display); font-weight: 700; font-size: .8rem; padding: .4rem .9rem; border-radius: var(--radius-pill); }
.event-card__body { padding: 1.8rem; }
.event-card__label { font-family: var(--font-display); font-weight: 700; font-size: .75rem; text-transform: uppercase; letter-spacing: .1em; color: var(--wp--preset--color--primary); }
.event-card__body h3 { font-size: 1.5rem; margin: .4rem 0 .6rem; }
.event-card__body p { font-size: .95rem; margin-bottom: 1rem; }

 
.blogs { padding: var(--section-y) var(--section-x); }
.blogs__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 2.5rem; }
.blogs__head h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); }
.blogs__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.blog-card { background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--border); border-radius: var(--radius); overflow: hidden; transition: transform .4s var(--ease), box-shadow .4s var(--ease); }
.blog-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.blog-card__img { aspect-ratio: 16/9; background: var(--wp--preset--color--base) center / cover no-repeat; }
.blog-card__body { padding: 1.5rem; }
.blog-card__cat { font-family: var(--font-display); font-weight: 700; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: var(--wp--preset--color--primary); }
.blog-card__body h3 { font-size: 1.2rem; margin: .5rem 0 .8rem; }
.blog-card__meta { font-size: .85rem; color: var(--wp--preset--color--muted); }

 
.contact-cta { padding: var(--section-y) var(--section-x); }
.contact-cta__box {
  background: var(--wp--preset--color--primary);
  border-radius: var(--radius-lg); padding: clamp(2.5rem, 5vw, 4rem);
  display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap;
  color: var(--wp--preset--color--white); box-shadow: var(--shadow-lg); position: relative; overflow: hidden;
}
 
.contact-cta__box::before { content: ""; position: absolute; width: 360px; height: 360px; border-radius: 50%; background: var(--wp--preset--color--accent); filter: blur(90px); opacity: .55; top: -120px; right: -60px; transform: translate(calc(var(--blob-tx,0)*1px),calc(var(--blob-ty,0)*1px)); }
.contact-cta__content { position: relative; max-width: 540px; }
.contact-cta__content .eyebrow { color: color-mix(in srgb, var(--wp--preset--color--white) 85%, transparent); }
.contact-cta__content h2 { color: var(--wp--preset--color--white); font-size: clamp(1.8rem, 4vw, 2.6rem); margin-bottom: .8rem; }
.contact-cta__content p { color: color-mix(in srgb, var(--wp--preset--color--white) 90%, transparent); }

 
.faq { padding: var(--section-y) var(--section-x); background: var(--wp--preset--color--white); }
.faq__inner { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.faq__head h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); margin-bottom: 1rem; }
.faq__head p { margin-bottom: 1.5rem; }
.accordion__item { border-bottom: 1px solid var(--wp--preset--color--border); }
.accordion__trigger {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  background: none; border: 0; cursor: pointer; text-align: left;
  font-family: var(--font-display); font-weight: 700; font-size: 1.15rem; color: var(--wp--preset--color--base);
  padding: 1.4rem 0;
}
.accordion__icon { position: relative; width: 20px; height: 20px; flex: none; }
.accordion__icon::before, .accordion__icon::after {
  content: ""; position: absolute; background: var(--wp--preset--color--primary); border-radius: 2px;
  top: 50%; left: 50%; transform: translate(-50%, -50%);
  transition: transform .3s var(--ease);
}
.accordion__icon::before { width: 16px; height: 2px; }
.accordion__icon::after  { width: 2px; height: 16px; }
.accordion__item.is-open .accordion__icon::after { transform: translate(-50%, -50%) scaleY(0); }
 
.accordion__panel { overflow: hidden; height: 0; visibility: hidden; }
.accordion__item.is-open .accordion__panel { visibility: visible; }
.accordion__panel p { padding-bottom: 1.4rem; color: var(--wp--preset--color--text); }

 
.site-footer { position: relative; overflow: hidden; background: var(--wp--preset--color--base); color: color-mix(in srgb, var(--wp--preset--color--white) 70%, transparent); padding-top: clamp(3rem, 6vw, 5rem); }
.site-footer__inner, .site-footer__bar { position: relative; z-index: 1; }
.site-footer__inner { display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 2.5rem; padding-bottom: 3rem; }
.site-footer__brand p { margin: 1rem 0 1.5rem; font-size: .95rem; max-width: 32ch; }
.site-footer__col h3 { color: var(--wp--preset--color--white); font-size: 1rem; margin-bottom: 1.2rem; }
.site-footer__col a { display: block; padding: .35rem 0; font-size: .95rem; transition: color .2s; }
.site-footer__col a:hover { color: var(--wp--preset--color--highlight); }
.site-footer address { font-style: normal; font-size: .95rem; line-height: 1.7; }
.site-footer address a:hover { color: var(--wp--preset--color--highlight); }
.social { display: flex; gap: .6rem; }
.social__link { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: color-mix(in srgb, var(--wp--preset--color--white) 8%, transparent); color: var(--wp--preset--color--white); font-family: var(--font-display); font-weight: 700; font-size: .85rem; transition: background .2s, transform .2s; }
.social__link:hover { background: var(--wp--preset--color--primary); transform: translateY(-3px); }
.social__link svg { width: 18px; height: 18px; }
.site-footer__bar { border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent); padding: 1.5rem 0; }
.site-footer__bar-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; font-size: .85rem; }
.site-footer__legal { display: flex; gap: 1.5rem; }
.site-footer__legal a:hover { color: var(--wp--preset--color--highlight); }

 

 
.section-intro { padding: var(--section-y) var(--section-x); }
.section-intro__inner { max-width: 600px; margin: 0 auto; text-align: left; }
.section-intro h2 { font-size: clamp(1.9rem, 4vw, 3rem); margin-bottom: 1rem; }
.section-intro p { font-size: 1.1rem; color: var(--wp--preset--color--text); }
.section-intro__actions { display: flex; gap: 1rem; justify-content: flex-start; flex-wrap: wrap; margin-top: 1.8rem; }

 
.steps { padding: var(--section-y) var(--section-x); }
.steps__head { max-width: 640px; margin-bottom: 3rem; }
.steps__head h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); margin-bottom: .8rem; }
.steps__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.step { position: relative; background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--border); border-radius: var(--radius); padding: 1.8rem; transition: transform .4s var(--ease), box-shadow .4s var(--ease); }
.step:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.step__num { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--wp--preset--color--highlight-dark); color: var(--wp--preset--color--white); font-family: var(--font-display); font-weight: 800; margin-bottom: 1rem; }
.step__icon { color: var(--wp--preset--color--highlight-dark); margin-bottom: .5rem; }
.step__icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.step h3 { font-size: 1.2rem; margin-bottom: .4rem; }
.step p { font-size: .92rem; }
 
.step:not(:last-child)::after { content: ""; position: absolute; top: calc(1.8rem + 20px); right: calc(-1.5rem - 1px); width: 1.5rem; height: 2px; background: var(--wp--preset--color--border); transform: translateY(-50%); }

 
.cta-banner { background: var(--wp--preset--color--base); color: var(--wp--preset--color--white); padding: clamp(3.5rem, 7vw, 6rem) 0; position: relative; overflow: hidden; }
.cta-banner::before { content: ""; position: absolute; width: 460px; height: 460px; border-radius: 50%; background: var(--wp--preset--color--highlight); filter: blur(120px); opacity: .45; top: -160px; left: 50%; transform: translateX(calc(-50% + calc(var(--blob-tx,0)*1px))) translateY(calc(var(--blob-ty,0)*1px)); }
.cta-banner__inner { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; text-align: center; }
.cta-banner h2 { color: var(--wp--preset--color--white); font-size: clamp(2rem, 4.5vw, 3rem); margin-bottom: 1rem; }
.cta-banner h2 em { color: var(--wp--preset--color--highlight); }
.cta-banner p { color: color-mix(in srgb, var(--wp--preset--color--white) 82%, transparent); font-size: 1.1rem; margin-bottom: 1.8rem; }
.cta-banner__actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }

 
.quote-section { padding: var(--section-y) var(--section-x); }
.quote-block { max-width: 860px; margin: 0 auto; text-align: center; position: relative; }
.quote-block__mark { font-family: var(--font-display); font-weight: 800; font-size: 4rem; line-height: 1; color: var(--wp--preset--color--highlight); display: block; }
.quote-block__mark--open { margin-bottom: -.5rem; }
.quote-block__mark--close { margin-top: -.2rem; }
.quote-block blockquote { font-family: var(--font-display); font-weight: 700; font-size: clamp(1.4rem, 3vw, 2.1rem); line-height: 1.3; color: var(--wp--preset--color--base); letter-spacing: -.01em; }
.quote-block figcaption { display: inline-flex; align-items: center; gap: .8rem; margin-top: 1.8rem; }
.quote-block figcaption img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.quote-block figcaption strong { display: block; font-family: var(--font-display); color: var(--wp--preset--color--base); }
.quote-block figcaption span { font-size: .9rem; color: var(--wp--preset--color--muted); }

 
.features { padding: var(--section-y) var(--section-x); }
.features__head { max-width: 640px; margin-bottom: 3rem; }
.features__head h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); margin-bottom: .8rem; }
.features__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem 2.5rem; }
.feature { display: flex; gap: 1rem; align-items: flex-start; }
.feature__icon { display: grid; place-items: center; width: 48px; height: 48px; flex: none; border-radius: 12px; background: var(--wp--preset--color--background); color: var(--wp--preset--color--highlight-dark); }
.feature__icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.feature h3 { font-size: 1.1rem; margin-bottom: .3rem; }
.feature p { font-size: .92rem; }

 
.form-section { padding: var(--section-y) var(--section-x); }
.form-section__inner { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.form-section__intro { position: sticky; top: 130px; align-self: start; }
.form-section__intro h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); margin-bottom: 1rem; }
.form-section__intro p { margin-bottom: 1.2rem; }
.form-section__list { list-style: none; display: flex; flex-direction: column; gap: .7rem; }
.form-section__list li { display: flex; align-items: center; gap: .6em; font-family: var(--font-display); font-weight: 600; color: var(--wp--preset--color--base); }
.form-section__list .ic { color: var(--wp--preset--color--white); background: var(--wp--preset--color--highlight-dark); border-radius: 50%; width: 22px; height: 22px; padding: 4px; stroke-width: 3; }
.form-card { background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--border); border-radius: var(--radius-lg); padding: clamp(1.8rem, 3vw, 2.5rem); box-shadow: var(--shadow-md); }
.form-card .field:last-of-type { margin-bottom: 1.2rem; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

 
.textnum { padding: var(--section-y) var(--section-x); }
.textnum__inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.textnum__img { position: relative; aspect-ratio: 4/3; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); background: var(--wp--preset--color--base); }
.textnum__img img { width: 100%; height: 100%; object-fit: cover; }
.textnum__content h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); margin-bottom: 1rem; }
.textnum__content > p { margin-bottom: 1.5rem; }
.textnum__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 1.5rem; }
.textnum__stat strong { display: block; font-family: var(--font-display); font-weight: 800; font-size: clamp(1.6rem, 3vw, 2.2rem); color: var(--wp--preset--color--highlight-dark); line-height: 1; }
.textnum__stat span { font-size: .88rem; color: var(--wp--preset--color--muted); }

 

 
 
.hero-banner { background: var(--wp--preset--color--base); color: var(--wp--preset--color--white); padding-top: clamp(13.5rem, 7vw, 5.5rem); padding-bottom: clamp(13.5rem, 10vw, 8rem); position: relative; overflow: hidden; }
.hero-banner__inner { position: relative; z-index: 2; max-width: 680px; }
.hero-banner h1 { color: var(--wp--preset--color--white); font-size: clamp(1.9rem, 4.5vw, 3rem); margin-bottom: .7rem; }
.hero-banner h1 em { color: var(--wp--preset--color--highlight); }
.hero-banner p { color: color-mix(in srgb, var(--wp--preset--color--white) 82%, transparent); font-size: 1.15rem; margin-bottom: 1.6rem; }
 
.hero-banner__price { display: flex; align-items: baseline; gap: .6rem; margin-bottom: 1.5rem; }
.hero-banner__price strong { font-family: var(--font-display); font-weight: 800; font-size: clamp(2rem, 4vw, 2.6rem); color: var(--wp--preset--color--white); }
.hero-banner__price span { color: color-mix(in srgb, var(--wp--preset--color--white) 70%, transparent); font-size: .95rem; }
.hero-banner__actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.hero-banner__inner .wp-block-buttons { gap:20px; }
 
.hero-split { background: var(--wp--preset--color--base); color: var(--wp--preset--color--white);     padding-top: clamp(13.5rem, 7vw, 5.5rem); padding-bottom: clamp(13.5rem, 10vw, 8rem); position: relative; overflow: hidden; }
.hero-split__inner { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.hero-split h1 { color: var(--wp--preset--color--white); font-size: clamp(2rem, 4.5vw, 3.2rem); margin-bottom: 1rem; }
.hero-split h1 em { color: var(--wp--preset--color--highlight); }
.hero-split p { color: color-mix(in srgb, var(--wp--preset--color--white) 82%, transparent); font-size: 1.1rem; margin-bottom: 1.6rem; max-width: 400px; }
 
.hero-banner .hero__wave path, .hero-split .hero__wave path { fill: var(--wp--preset--color--background); }
 
.wizard { background: var(--wp--preset--color--background); border-radius: var(--radius-lg); padding: 1.6rem; box-shadow: var(--shadow-lg); color: var(--wp--preset--color--base); }
.wizard__bar { display: flex; gap: .4rem; margin-bottom: 1rem; }
.wizard__bar span { height: 5px; flex: 1; border-radius: 3px; background: var(--wp--preset--color--border); }
.wizard__bar span.is-active { background: var(--wp--preset--color--primary); }
.wizard__step { font-family: var(--font-display); font-weight: 700; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--highlight-dark); }
.wizard h2 { font-size: 1.3rem; margin: .3rem 0 1rem; }
.wizard__options { display: flex; flex-direction: column; gap: .6rem; }
.wizard-option { display: flex; align-items: center; gap: .8rem; padding: .8rem 1rem; background: var(--wp--preset--color--white); border: 1.5px solid var(--wp--preset--color--border); border-radius: var(--radius); cursor: pointer; text-align: left; transition: border-color .2s, background .2s; }
.wizard-option__txt { flex: 1; }
.wizard-option:hover { border-color: var(--wp--preset--color--primary); }
.wizard-option.is-selected { border-color: var(--wp--preset--color--primary); background: color-mix(in srgb, var(--wp--preset--color--primary) 12%, var(--wp--preset--color--white)); }
.wizard-option__ic { display: grid; place-items: center; width: 38px; height: 38px; flex: none; border-radius: 9px; background: var(--wp--preset--color--white); color: var(--wp--preset--color--primary); border: 1px solid var(--wp--preset--color--border); }
.wizard-option.is-selected .wizard-option__ic { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); border-color: transparent; }
.wizard-option__ic svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wizard-option strong { display: block; font-family: var(--font-display); font-size: .95rem; color: var(--wp--preset--color--base); }
.wizard-option__txt > span { font-size: .82rem; color: var(--wp--preset--color--muted); }
 
.wizard-option .wizard-option__badge {
  display: inline-block; margin-left: .5rem; padding: .15em .6em;
  border-radius: 999px; background: var(--wp--preset--color--success); color: var(--wp--preset--color--white) !important;
  font-family: var(--font-display); font-size: .68rem; font-weight: 700; vertical-align: middle;
}

 
.wizard { overflow: hidden; }  
.wizard__panel { display: none; }
.wizard__panel.is-active { display: block; animation: wizardIn .32s var(--ease) both; }
.wizard--forward .wizard__panel.is-active { animation-name: wizardInRight; }
.wizard--back .wizard__panel.is-active { animation-name: wizardInLeft; }
@keyframes wizardIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: none; }
}
@keyframes wizardInRight {
  from { opacity: 0; transform: translateX(72px); }
  to   { opacity: 1; transform: none; }
}
@keyframes wizardInLeft {
  from { opacity: 0; transform: translateX(-72px); }
  to   { opacity: 1; transform: none; }
}

 
.wizard__back {
  margin-top: 1rem; background: none; border: 0; padding: .2rem 0;
  color: var(--wp--preset--color--muted); font-family: var(--font-body); font-size: .9rem; cursor: pointer;
}
.wizard__back:hover { color: var(--wp--preset--color--primary); }

.wizard__result .wizard__back {
  display: none;
}
.wizard__result .price-card__badge {
  color: var(--wp--preset--color--white) !important;
}

 
.custom-websites {
  margin-top: 20px;
  background-color: color-mix(in srgb, var(--wp--preset--color--primary) 20%, var(--wp--preset--color--white));
  padding: 1.5rem;
  color: var(--wp--preset--color--base);
  font-size: 14px;
  border-radius: 8px;
}
.custom-websites a {
  color: var(--wp--preset--color--primary);
  text-decoration: underline;
}
.custom-websites a:hover {
  color: var(--wp--preset--color--primary-light);
}
.wizard__advice { margin-bottom: .8rem; }
.wizard__advice-empty { padding: 1.5rem; border: 1.5px dashed var(--wp--preset--color--border); border-radius: var(--radius); color: var(--wp--preset--color--muted); }
.wizard__advice .price-card { transform: none; padding: 1.5rem; color: var(--wp--preset--color--base); }
 
.wizard__advice .price-card__desc { color: var(--wp--preset--color--text); opacity: 1; font-size: .9rem; margin: .4rem 0 1.2rem; }
.wizard__advice .price-card--featured:hover { transform: none; background: var(--wp--preset--color--white); color: var(--wp--preset--color--base); }
.wizard__advice .price-card--featured:hover .price-card__name { color: var(--wp--preset--color--base); }
.wizard__advice .price-card--featured:hover .price-card__features li::before { color: var(--wp--preset--color--highlight-dark); }
.wizard__advice .price-card--featured:hover .btn--cta { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--white); }
.wizard__advice .btn { width: 100%; text-align: center; }
.price-card__price--quote strong { font-size: 1.6rem; }

@media (prefers-reduced-motion: reduce) { .wizard__panel.is-active { animation: none !important; } }

 
.pkg { background: var(--wp--preset--color--base); color: var(--wp--preset--color--white); padding: var(--section-y) var(--section-x); position: relative; overflow: hidden;  margin: 0 auto;}
.pkg::before { content: ""; position: absolute; width: 460px; height: 460px; border-radius: 50%; background: var(--wp--preset--color--highlight); filter: blur(120px); opacity: .4; top: -160px; left: -120px; transform: translate(calc(var(--blob-tx,0)*1px),calc(var(--blob-ty,0)*1px)); }
.pkg__inner { position: relative; z-index: 1; display: grid; grid-template-columns: .8fr 1.7fr; gap: clamp(2rem, 4vw, 3.5rem); align-items: center; }
.pkg__intro h2 em { color: var(--wp--preset--color--highlight); }
.pkg__intro .eyebrow { color: var(--wp--preset--color--highlight); }
.pkg__intro h2 { color: var(--wp--preset--color--white); font-size: clamp(1.8rem, 3.5vw, 2.6rem); }
.pkg__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.pkg-card { background: var(--wp--preset--color--white); color: var(--wp--preset--color--base); border-radius: var(--radius); padding: 1.6rem; display: flex; flex-direction: column; transition: transform .4s var(--ease), box-shadow .4s var(--ease); }
.pkg-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.pkg-card__icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: var(--wp--preset--color--background); color: var(--wp--preset--color--highlight-dark); margin-bottom: 1rem; }
.pkg-card__icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.pkg-card__name { font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; }
.pkg-card__price { font-family: var(--font-display); font-weight: 700; color: var(--wp--preset--color--highlight-dark); margin: .2rem 0 1rem; }
.pkg-card__features { list-style: none; display: flex; flex-direction: column; gap: .55rem; margin-bottom: 1.5rem; flex: 1; }
.pkg-card__features li { display: flex; align-items: center; gap: .5em; font-size: .9rem; }
.pkg-card__features li::before { content: "✓"; color: var(--wp--preset--color--highlight-dark); font-weight: 800; }
 
.pkg-card__features li.is-no::before { content: "✕"; color: var(--wp--preset--color--muted); }
.pkg-card__features li.is-no { color: var(--wp--preset--color--muted); }

 
.compare { background: var(--wp--preset--color--base); color: var(--wp--preset--color--white); padding: var(--section-y) var(--section-x); position: relative; overflow: hidden; margin: 0 auto;}
.compare::before { content: ""; position: absolute; width: 460px; height: 460px; border-radius: 50%; background: var(--wp--preset--color--highlight); filter: blur(120px); opacity: .4; top: -160px; left: -120px; transform: translate(calc(var(--blob-tx,0)*1px),calc(var(--blob-ty,0)*1px)); }
.compare__inner { position: relative; z-index: 1; display: grid; grid-template-columns: .7fr 2fr; gap: clamp(2rem, 4vw, 3.5rem); align-items: start; }
.compare__intro h2 em { color: var(--wp--preset--color--highlight); }
.compare__intro .eyebrow { color: var(--wp--preset--color--highlight); }
.compare__intro h2 { color: var(--wp--preset--color--white); font-size: clamp(1.8rem, 3.5vw, 2.6rem); margin-bottom: .8rem; }
.compare__intro p { color: color-mix(in srgb, var(--wp--preset--color--white) 78%, transparent); }
.compare__card { background: var(--wp--preset--color--white); border-radius: var(--radius-lg); padding: 1.5rem; box-shadow: var(--shadow-lg); overflow-x: auto; }
 
.compare__toggle { position: relative; display: inline-grid; grid-template-columns: 1fr 1fr; background: var(--wp--preset--color--background); border-radius: var(--radius-pill); padding: 4px; margin-bottom: 1.2rem; }
.compare__toggle__slider { position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); border-radius: var(--radius-pill); background: var(--wp--preset--color--primary); transition: transform .35s var(--ease); z-index: 0; }
.compare__toggle.is-year .compare__toggle__slider { transform: translateX(100%); }
.compare__toggle button { position: relative; z-index: 1; font-family: var(--font-display); font-weight: 700; font-size: .82rem; border: 0; background: none; color: var(--wp--preset--color--muted); padding: .5em 1.5em; cursor: pointer; transition: color .25s ease; white-space: nowrap; }
.compare__toggle button.is-active { color: var(--wp--preset--color--white); }
.compare__table { width: 100%; border-collapse: collapse; min-width: 560px; }
.compare__table th, .compare__table td { padding: .8rem 1rem; text-align: center; font-size: .9rem; }
.compare__table thead th { color: var(--wp--preset--color--base); font-family: var(--font-display); vertical-align: top; }
.compare__col-name { display: block; margin-bottom: .3rem; }
 
@keyframes comparePop { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.compare__table.is-switching thead th + th { animation: comparePop .45s var(--ease) both; }
.compare__table.is-switching thead th:nth-child(3) { animation-delay: .06s; }
.compare__table.is-switching thead th:nth-child(4) { animation-delay: .12s; }
 
.compare__price { display: inline-grid; }
.compare__price > span { grid-area: 1 / 1; color: var(--wp--preset--color--highlight-dark); font-weight: 800; font-size: 1.1rem; transition: opacity .3s ease; }
.compare__price small { color: var(--wp--preset--color--muted); font-weight: 600; font-size: .72rem; }
.compare__price .compare__y { opacity: 0; visibility: hidden; }
.compare__card.show-year .compare__price .compare__m { opacity: 0; visibility: hidden; }
.compare__card.show-year .compare__price .compare__y { opacity: 1; visibility: visible; }
.compare__table tbody th { text-align: left; font-weight: 600; color: var(--wp--preset--color--base); font-family: var(--font-body); }
.compare__table tbody tr:nth-child(odd) { background: var(--wp--preset--color--background); }
.compare__table .yes { color: var(--wp--preset--color--highlight-dark); font-weight: 800; }
.compare__table .no { color: var(--wp--preset--color--accent); font-weight: 800; }
.compare__table tfoot td { padding-top: 1.2rem; }
.compare__table tfoot .btn { width: 100%; }

 
.templates-section { background: transparent; padding: 0; overflow: hidden; }
.templates { background: var(--wp--preset--color--base); color: var(--wp--preset--color--white); padding: var(--section-y) var(--section-x); position: relative; overflow: hidden; margin:0 auto; }
.templates__head { text-align: center; max-width: 640px; margin: 0 auto 2.5rem; position: relative; z-index: 1; }
.templates__head h2 { color: var(--wp--preset--color--white); font-size: clamp(1.8rem, 4vw, 2.6rem); margin-bottom: .6rem; }
.templates__head p { color: color-mix(in srgb, var(--wp--preset--color--white) 78%, transparent); }
.templates__grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.template-card { background: var(--wp--preset--color--white); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-md); transition: transform .4s var(--ease), box-shadow .4s var(--ease); }
.template-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.template-card__bar { display: flex; align-items: center; gap: 5px; padding: .55rem .7rem; background: var(--wp--preset--color--white); border-bottom: 1px solid var(--wp--preset--color--border); }
.template-card__bar i { width: 9px; height: 9px; border-radius: 50%; background: var(--wp--preset--color--border); display: block; }
.template-card__shot { aspect-ratio: 4/3; overflow: hidden; }
.template-card__shot img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.template-card:hover .template-card__shot img { transform: scale(1.06); }
.template-card__placeholder { width: 100%; height: 100%; background: var(--wp--preset--color--border); }
.templates__foot { text-align: center; margin-top: 2rem; position: relative; z-index: 1; }

 
.contact-block { padding: var(--section-y) var(--section-x); }
.contact-block__inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.contact-block__visual { position: relative; aspect-ratio: 1/1; max-width: 420px; margin-inline: auto; display: grid; place-items: center; }
.contact-block__visual::before { content: ""; position: absolute; inset: 0; border-radius: 46% 54% 58% 42% / 52% 44% 56% 48%; background: linear-gradient(150deg, var(--wp--preset--color--highlight), var(--wp--preset--color--highlight-dark)); opacity: .9; }
.contact-block__visual svg { position: relative; width: 38%; height: auto; color: var(--wp--preset--color--white); fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.contact-block__content h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); margin-bottom: 1rem; }
.contact-block__content > p { margin-bottom: 1.5rem; }
.contact-detail { display: flex; align-items: center; gap: .75rem; margin-bottom: .8rem; font-family: var(--font-display); font-weight: 600; color: var(--wp--preset--color--base); }
.contact-detail .ic { color: var(--wp--preset--color--highlight-dark); width: 22px; height: 22px; flex: none; }
.contact-detail span { font-family: var(--font-body); font-weight: 400; color: var(--wp--preset--color--text); }

 
.about--mirror .about__inner { direction: rtl; }
.about--mirror .about__inner > * { direction: ltr; }

 

 
.media-duo { padding: var(--section-y) var(--section-x); }
.media-duo__inner { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.media-duo__content h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); margin-bottom: 1rem; }
.media-duo__content > p { margin-bottom: 1.5rem; }
.media-duo__imgs { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.media-duo__imgs figure { margin: 0; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-md); aspect-ratio: 3/4; background: var(--wp--preset--color--base); }
.media-duo__imgs figure:first-child { margin-top: 2.2rem; }
.media-duo__imgs figure:last-child { margin-bottom: 2.2rem; }
.media-duo__imgs img { width: 100%; height: 100%; object-fit: cover; }

 
.text-split { padding: var(--section-y) var(--section-x); }
.text-split__inner { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.text-split__inner h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); }
.text-split__body p { margin-bottom: 1rem; }
.text-split__body p:last-child { margin-bottom: 0; }

 
.text-cols { padding: var(--section-y) var(--section-x); }
.text-cols__head { max-width: 680px; margin-bottom: 2.2rem; }
.text-cols__head h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); margin-bottom: .8rem; }
.text-cols__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.5rem, 4vw, 3rem); }
.text-cols__grid p { margin-bottom: 1rem; }
.text-cols__grid p:last-child { margin-bottom: 0; }

 
.stepflow { padding: var(--section-y) var(--section-x); }
.stepflow__inner { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.stepflow__head { max-width: 32rem; margin-bottom: 1.6rem; }
.stepflow__head h2 { font-size: clamp(1.8rem, 3.6vw, 2.6rem); margin: .4rem 0 1rem; }

.stepflow__list { display: flex; flex-direction: column; gap: .4rem; }
.stepflow__step { border: 1px solid transparent; border-radius: var(--radius); transition: background .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease); }
.stepflow__step.is-active { background: var(--wp--preset--color--white); border-color: var(--wp--preset--color--border); box-shadow: var(--shadow-md); }
.stepflow__trigger { display: flex; align-items: center; gap: .9rem; width: 100%; text-align: left; background: transparent; border: 0; padding: .85rem 1rem; cursor: pointer; border-radius: var(--radius); }
.stepflow__step:not(.is-active) .stepflow__trigger:hover { background: color-mix(in srgb, var(--wp--preset--color--white) 60%, transparent); }
.stepflow__num { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--wp--preset--color--highlight-dark); color: var(--wp--preset--color--white); font-family: var(--font-display); font-weight: 800; font-size: .95rem; }
.stepflow__title { font-family: var(--font-display); font-weight: 700; color: var(--wp--preset--color--base); font-size: 1.05rem; }

 
.stepflow__body { max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: max-height .45s var(--ease), opacity .35s var(--ease); }
.stepflow__step.is-active .stepflow__body { max-height: 18rem; opacity: 1; visibility: visible; }
.stepflow__body-inner { padding: 0 1rem 1.1rem 3.9rem; }
.stepflow__body-inner p { font-size: .95rem; margin-bottom: 1rem; }

.stepflow__visual { position: sticky; top: 100px; align-self: start; }
.stepflow__visual figure { margin: 0; border-radius: var(--radius-lg); overflow: hidden; aspect-ratio: 4/3; }
.stepflow__visual img { width: 100%; height: 100%; object-fit: cover; display: block; }

 
.stepflow--horizontal .stepflow__inner { grid-template-columns: 1fr; }
.stepflow--horizontal .stepflow__left { width: 100%; }
.stepflow--horizontal .stepflow__head { max-width: 42rem; margin-inline: auto; text-align: center; }

.stepflow__list--horizontal { --step-gap: 1.75rem; position: relative; display: flex; flex-direction: row; align-items: flex-start; gap: var( --step-gap ); }
.stepflow__list--horizontal::before {
	content: "";
	position: absolute;
	top: 20px;
	 
	left: calc( ( 100% - ( var( --step-cols, 5 ) - 1 ) * var( --step-gap ) ) / ( 2 * var( --step-cols, 5 ) ) );
	right: calc( ( 100% - ( var( --step-cols, 5 ) - 1 ) * var( --step-gap ) ) / ( 2 * var( --step-cols, 5 ) ) );
	height: 2px;
	background: color-mix( in srgb, var( --wp--preset--color--primary ) 25%, transparent );
	z-index: 0;
	 
	transform: scaleX( var( --step-line, 1 ) );
	transform-origin: left center;
}
.stepflow__list--horizontal .stepflow__step {
	position: relative; flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center;
	border: 0; background: none !important; box-shadow: none !important;
}
.stepflow__list--horizontal .stepflow__rail { position: relative; z-index: 1; display: flex; flex-direction: row; align-items: center; width: 100%; justify-content: center; }
 
.stepflow__list--horizontal .stepflow__num {
	width: 40px; height: 40px; font-size: 1rem;
}
.stepflow__list--horizontal .stepflow__line { display: none; }
.stepflow__list--horizontal .stepflow__content { display: flex; flex-direction: column; align-items: center; gap: .5rem; width: 100%; margin-top: 1rem; text-align: center; }
.stepflow__list--horizontal .stepflow__title { text-align: center; font-size: 1.1rem; }
.stepflow__list--horizontal .stepflow__body { max-height: none; overflow: visible; opacity: 1; visibility: visible; transition: none; }
.stepflow__list--horizontal .stepflow__body-inner { padding: 0; text-align: center; }
.stepflow__list--horizontal .stepflow__body-inner p { font-size: .9rem; line-height: 1.5; color: var( --wp--preset--color--muted ); margin-bottom: 0; }

 
h3.stepflow__title { margin: 0; line-height: inherit; letter-spacing: normal; }
.stepflow__points { list-style: none; margin: 0; padding: 0; display: inline-flex; flex-direction: column; gap: .45rem; text-align: left; }
.stepflow__points li { position: relative; padding-left: 1.55rem; font-size: .95rem; line-height: 1.5; }
.stepflow__points li::before {
	content: ""; position: absolute; left: 0; top: .28em; width: .95rem; height: .95rem;
	background: var( --wp--preset--color--highlight-dark );
	-webkit-mask: var( --check-mask ) center / contain no-repeat;
	mask: var( --check-mask ) center / contain no-repeat;
}
.stepflow__list--horizontal .stepflow__points li { font-size: .9rem; color: var( --wp--preset--color--muted ); }
 
.stepflow__note { margin: 1.75rem 0 0; font-size: .85rem; line-height: 1.5; color: var( --wp--preset--color--muted ); }
.stepflow--horizontal .stepflow__note { text-align: center; }

@media ( max-width: 860px ) {
	 
	.stepflow__list--horizontal { flex-direction: column; align-items: stretch; gap: 1.75rem; }
	.stepflow__list--horizontal::before { display: none; }
	.stepflow__list--horizontal .stepflow__step { flex-direction: row; align-items: stretch; gap: 1rem; }
	.stepflow__list--horizontal .stepflow__rail { flex-direction: column; align-items: center; width: auto; align-self: stretch; justify-content: flex-start; }
	.stepflow__list--horizontal .stepflow__line {
		display: block; width: 2px; flex: 1 1 auto; margin-top: .5rem;
		background: color-mix( in srgb, var( --wp--preset--color--primary ) 25%, transparent );
	}
	.stepflow__list--horizontal .stepflow__step:last-child .stepflow__line { display: none; }
	.stepflow__list--horizontal .stepflow__content { align-items: flex-start; margin-top: 0; text-align: left; }
	.stepflow__list--horizontal .stepflow__title { text-align: left; }
	.stepflow__list--horizontal .stepflow__body-inner { text-align: left; }
	.stepflow__list--horizontal .stepflow__body-inner p { text-align: left; }
}

 
.breadcrumbs { padding: 1.1rem 0; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; list-style: none; margin: 0; padding: 0; font-size: .9rem; font-family: var(--font-display); }
.breadcrumbs li { display: inline-flex; align-items: center; gap: .5rem; }
.breadcrumbs a { color: var(--wp--preset--color--primary); font-weight: 600; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs__sep { color: var(--wp--preset--color--muted); }
.breadcrumbs__sep svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; display: block; }
.breadcrumbs [aria-current="page"] { color: var(--wp--preset--color--text); font-weight: 600; }
.breadcrumbs__home { display: inline-flex; align-items: center; }
.breadcrumbs__home svg { width: 1.1em; height: 1.1em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; display: block; }
.breadcrumbs__home-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect( 0 0 0 0 ); white-space: nowrap; }

 
.trust-cards { padding: var(--section-y) var(--section-x); }
.trust-cards__head { max-width: 640px; margin-bottom: 3rem; }
.trust-cards__head h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); margin-bottom: .8rem; }
.trust-cards__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.2rem, 3vw, 2rem); }
.trust-card { background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--border); border-radius: var(--radius); padding: clamp(1.6rem, 3vw, 2.2rem); transition: transform .4s var(--ease), box-shadow .4s var(--ease); }
.trust-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.trust-card__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--wp--preset--color--background); color: var(--wp--preset--color--highlight-dark); margin-bottom: 1.1rem; }
.trust-card__icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.trust-card h3 { font-size: 1.2rem; margin-bottom: .5rem; }
 
.trust-card p { font-size: .95rem; color: var(--wp--preset--color--text); }

 
.feature-list { padding: var(--section-y) var(--section-x); }
.feature-list__inner { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.feature-list__visual figure { margin: 0; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); aspect-ratio: 4/5; background: var(--wp--preset--color--base); }
.feature-list__visual img { width: 100%; height: 100%; object-fit: cover; display: block; }
.feature-list__content h2 { font-size: clamp(1.8rem, 3.6vw, 2.6rem); margin: .4rem 0 1rem; }
.feature-list__content > p { margin-bottom: 1.6rem; }
.feature-list__usps { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem 1.4rem; list-style: none; padding: 0; margin: 0; }
.feature-list__usps li { display: flex; align-items: center; gap: .6rem; font-weight: 500; color: var(--wp--preset--color--base); }
.feature-list__usps .ic { flex: none; width: 20px; height: 20px; color: var(--wp--preset--color--highlight-dark); }

 
.usp-photo { padding: var(--section-y) var(--section-x); }
.usp-photo__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1rem, 2.5vw, 1.5rem); }
.usp-photo-card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 230px; border-radius: var(--radius); overflow: hidden; color: var(--wp--preset--color--white); padding: 1.4rem 1.5rem; text-decoration: none; isolation: isolate; }
.usp-photo-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .5s var(--ease); }
.usp-photo-card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent) 10%, color-mix(in srgb, var(--wp--preset--color--base) 15%, transparent) 80%); }
.usp-photo-card:hover img { transform: scale(1.06); }
.usp-photo-card h3 { color: var(--wp--preset--color--white); font-size: 1.25rem; margin-bottom: .3rem; }
.usp-photo-card__link { display: inline-flex; align-items: center; gap: .5rem; font-size: .92rem; font-weight: 500; color: var(--wp--preset--color--white); }
.usp-photo-card__link .ic { color: var(--wp--preset--color--highlight); transition: transform .3s var(--ease); }
.usp-photo-card:hover .usp-photo-card__link .ic { transform: translateX(4px); }

 
.newsletter { padding: var(--section-y) var(--section-x); }
.newsletter__box { position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: clamp(1.5rem, 4vw, 2.5rem); background: var(--wp--preset--color--base); color: var(--wp--preset--color--white); border-radius: var(--radius-lg); padding: clamp(2rem, 4vw, 3rem) clamp(1.8rem, 5vw, 3.5rem); }
.newsletter__content { position: relative; z-index: 1; max-width: 34rem; }
.newsletter__content h2 { color: var(--wp--preset--color--white); font-size: clamp(1.6rem, 3vw, 2.2rem); margin: .3rem 0 .5rem; }
.newsletter__content h2 em { color: var(--wp--preset--color--highlight); }
.newsletter__content p { color: color-mix(in srgb, var(--wp--preset--color--white) 80%, transparent); margin: 0; }
.newsletter__form { position: relative; z-index: 1; display: flex; gap: .5rem; flex: 1; min-width: 280px; max-width: 460px; background: var(--wp--preset--color--white); border-radius: var(--radius-btn); padding: .4rem; }
.newsletter__form input { flex: 1; border: 0; background: transparent; padding: .6rem .9rem; font: inherit; color: var(--wp--preset--color--text); }
.newsletter__form input:focus { outline: 2px solid var(--wp--preset--color--highlight); outline-offset: 2px; }


.academy-trainers { padding: var(--section-y) var(--section-x); }

 
.proj-slider { padding: var(--section-y) var(--section-x); }
.proj-slider__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; margin-bottom: 2rem; }
.proj-slider__head h2 { font-size: clamp(1.8rem, 3.6vw, 2.6rem); max-width: 22ch; }
.proj-slider__nav { display: flex; gap: .6rem; flex: none; }
.proj-slider__btn { width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--white); color: var(--wp--preset--color--base); display: grid; place-items: center; cursor: pointer; transition: background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease); }
.proj-slider__btn:hover { background: var(--wp--preset--color--highlight-dark); color: var(--wp--preset--color--white); border-color: transparent; }
.proj-slider__btn svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.proj-slider__track { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 1rem; scrollbar-width: none; cursor: grab; }
.proj-slider__track::-webkit-scrollbar { display: none; }
.proj-slider__track.is-grabbing { cursor: grabbing; }
 
.proj-slider__track.is-freescroll { scroll-snap-type: none; }
.proj-card { flex: 0 0 clamp(260px, 32%, 360px); scroll-snap-align: start; text-decoration: none; }
.proj-card__img { aspect-ratio: 4/3; border-radius: var(--radius); overflow: hidden; background: var(--wp--preset--color--base); margin-bottom: .8rem; }
.proj-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s var(--ease); }
.proj-card:hover .proj-card__img img { transform: scale(1.05); }
.proj-card__title { font-family: var(--font-display); font-weight: 700; color: var(--wp--preset--color--base); }
.proj-slider__cta { flex: 0 0 clamp(260px, 32%, 360px); scroll-snap-align: start; display: flex; flex-direction: column; justify-content: center; gap: .7rem; border-radius: var(--radius); padding: 1.8rem; }
.proj-slider__cta h3 { font-size: 1.3rem; }
.proj-slider__cta .btn { align-self: flex-start; margin-top: .3rem; }

 
.reveal, .reveal-card, .reveal-text { opacity: 0; }
.no-gsap .reveal, .no-gsap .reveal-card, .no-gsap .reveal-text { opacity: 1; }

 
@media (max-width: 1024px) {
  .hero__inner { grid-template-columns: 1fr; }
  .hero__visual { display: none; }
  .services__inner { grid-template-columns: 1fr; }
  .faq__inner { grid-template-columns: 1fr; }
  .hero__wave { bottom: -2px; }
}

@media (max-width: 860px) {
  .mainnav { display: none; }
  .hamburger { display: flex; }
  .mega__inner, .mega__inner--4 { grid-template-columns: 1fr; gap: 1.5rem; }
  .stats__inner { grid-template-columns: 1fr 1fr; gap: 2rem; }
   
  .stat:nth-child(even)::after { display: none; }
   
  .stat:nth-child(n+3) { padding-top: 1.5rem; border-top: 1px solid var(--wp--preset--color--border); }
   
  .stat:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .services__intro { position: static; top: auto; margin-bottom: 1.5rem; }
  .services__cards { grid-template-columns: 1fr; }
  .about__inner, .academy__inner { grid-template-columns: 1fr; }
  .pricing { grid-template-columns: 1fr; }
  .price-card--featured { transform: none; }
  .price-card--featured:hover { transform: translateY(-6px); }
  .blogs__grid { grid-template-columns: 1fr; }
   
  .portfolio__grid {
    display: flex;
    grid-template-columns: none;
    gap: 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: .5rem;
    scrollbar-width: none;
    cursor: grab;
    margin-inline: calc( -1.25rem - clamp( 1.5rem, 4vw, 3.5rem ) );
    width: auto;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
            mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
  }
   
  .portfolio--overview .portfolio__grid { margin-inline: -1.25rem; }
  .portfolio__grid::-webkit-scrollbar { display: none; }
  .portfolio__grid.is-grabbing { cursor: grabbing; }
  .portfolio-item, .portfolio-cta {
    flex: 0 0 82%;
    scroll-snap-align: start;
  }
  .site-footer__inner { grid-template-columns: 1fr 1fr; }
  .contact-cta__box { flex-direction: column; align-items: flex-start; }

   
  .steps__grid { grid-template-columns: 1fr 1fr; }
  .step:not(:last-child)::after { display: none; }
  .features__grid { grid-template-columns: 1fr; }
  .form-section__inner, .textnum__inner { grid-template-columns: 1fr; }

   
  .hero-split__inner, .pkg__inner, .compare__inner, .contact-block__inner { grid-template-columns: 1fr; }
  .pkg__cards { grid-template-columns: 1fr; }
  .templates__grid { grid-template-columns: 1fr 1fr; }

   
  .contact-block__inner--mirror { direction: ltr; }
  .contact-block__visual { order: -1; }

   
  .media-duo__inner, .text-split__inner, .text-cols__grid { grid-template-columns: 1fr; }
  .media-duo__imgs figure:first-child, .media-duo__imgs figure:last-child { margin: 0; }

   
  .stepflow__inner { grid-template-columns: 1fr; }
  .stepflow__visual { order: -1; position: static; }

   
  .trust-cards__grid { grid-template-columns: 1fr; }
  .feature-list__inner { grid-template-columns: 1fr; }
  .feature-list__visual { order: -1; }

   
  .usp-photo__grid { grid-template-columns: 1fr; }
  .newsletter__box { flex-direction: column; align-items: stretch; }
  .newsletter__form { min-width: 0; max-width: none; }

   
  .proj-slider__head { flex-direction: column; align-items: flex-start; }

   
  .mainnav.is-mobile-open {
    display: flex; flex-direction: column; align-items: stretch;
    position: absolute; top: 100%; left: 0; width: 100%;
    background: var(--wp--preset--color--white); padding: 1rem; gap: 0;
    box-shadow: var(--shadow-lg); border-top: 1px solid var(--wp--preset--color--border);
  }
   
  .mainnav.is-mobile-open .mega { position: static; opacity: 1; visibility: hidden; transform: none; box-shadow: none; pointer-events: auto; max-height: 0; overflow: hidden; transition: max-height .4s var(--ease); }
  .mainnav.is-mobile-open .is-open .mega { visibility: visible; max-height: 600px; }
  .mainnav.is-mobile-open .mega__inner { padding: 1rem 0; }

   
  .domain-modal-layer { align-items: flex-start; padding: calc(76px + 12px) 12px 24px; }
  .domain-finder.is-wide { margin-top: 0; max-height: calc(100vh - 76px - 24px); }
}

@media (max-width: 560px) {
  .topbar__usp { display: none; }
  .steps__grid { grid-template-columns: 1fr; }
  .textnum__stats { grid-template-columns: 1fr 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .pkg__cards { grid-template-columns: 1fr; }
  .templates__grid { grid-template-columns: 1fr; }
  .stats__inner { grid-template-columns: 1fr; }
  .stats__inner .stat::after { display: none; }
   
  .stats__inner .stat:not(:first-child) { padding-top: 1.25rem; border-top: 1px solid var(--wp--preset--color--border); }
  .feature-list__usps { grid-template-columns: 1fr; }
  .site-footer__inner { grid-template-columns: 1fr; }
  .domain-finder__field { flex-direction: column; }
  .domain-row { grid-template-columns: 1fr auto; row-gap: .5rem; }
  .domain-row__btn { grid-column: 1 / -1; }
  .blogs__head { flex-direction: column; align-items: flex-start; }
  .hero__wave { bottom: -2px; }
}

 
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .reveal, .reveal-card, .reveal-text { opacity: 1 !important; }
}

 
.content-section {
	padding-block: clamp( 2rem, 6vw, 4rem );
}

 
.wp-block-buttons {
	gap: 1rem;
}

.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	position: relative;
	border: 2px solid transparent;
	 
	box-shadow: none;
	transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
 
.wp-block-button__link::after {
	content: "";
	width: 1em;
	height: 1em;
	background: currentColor;
	-webkit-mask: var( --arrow-mask ) center / contain no-repeat;
	mask: var( --arrow-mask ) center / contain no-repeat;
	position: relative;
	top: 0.12em;
	opacity: .85;
	transform: translateX( 0 );
	transition: opacity 0.3s var( --ease ), transform 0.3s var( --ease );
}
.wp-block-button__link:hover::after {
	opacity: 1;
	transform: translateX( 5px );
}

 
.wp-block-button.is-style-h2g-primary > .wp-block-button__link {
	background: var( --wp--preset--color--primary );
	color: var(--wp--preset--color--white);
}
.wp-block-button.is-style-h2g-primary > .wp-block-button__link:hover {
	background: var( --wp--preset--color--primary-light );
}
 
.wp-block-button.is-style-h2g-outline > .wp-block-button__link {
	background: transparent;
	color: var( --wp--preset--color--primary );
	border-color: var( --wp--preset--color--primary );
	box-shadow: none;
}
.wp-block-button.is-style-h2g-outline > .wp-block-button__link:hover {
	background: var( --wp--preset--color--primary );
	color: var(--wp--preset--color--white);
}
 
.wp-block-button.is-style-h2g-outline-light > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--white);
	border-color: color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent);
	box-shadow: none;
}
.wp-block-button.is-style-h2g-outline-light > .wp-block-button__link:hover {
	background: var(--wp--preset--color--white);
	color: var( --wp--preset--color--base );
	border-color: var(--wp--preset--color--white);
}
 
.wp-block-button.is-style-h2g-cta > .wp-block-button__link {
	background: var( --wp--preset--color--accent );
	color: var(--wp--preset--color--white);
}
.wp-block-button.is-style-h2g-cta > .wp-block-button__link:hover {
	background: var( --wp--preset--color--accent-light );
}
 
.wp-block-button.is-style-h2g-link > .wp-block-button__link {
	padding-inline: 0;
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	color: var( --wp--preset--color--primary );
}
[data-theme="dark"] .wp-block-button.is-style-h2g-link > .wp-block-button__link {
	color: var( --wp--preset--color--highlight );
}
.wp-block-button.is-style-h2g-link > .wp-block-button__link:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
	text-underline-offset: .25em;
}

 
 
.quote-block figcaption {
	display: flex;
	justify-content: center;
	align-items: center;
}
 
.quote-block figcaption > span {
	display: flex;
	flex-direction: column;
	gap: 0.1em;
}
 
.quote-block figcaption strong {
	font-size: 1rem;
	white-space: nowrap;
}
 
.quote-block figcaption > span > span {
	display: block;
	white-space: nowrap;
}
 
.quote-block figcaption .review__avatar-initials {
	flex: none;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var( --wp--preset--color--primary );
	color: var(--wp--preset--color--white);
	font-family: var( --font-display );
	font-weight: 700;
	font-size: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

 
:root {
	--quote-mask: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z'/%3E%3C/svg%3E" );
}
.quote-section {
	overflow: hidden;  
}
.quote-block__mark {
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	margin: 0 auto;
	font-size: 0;  
	background: var( --wp--preset--color--highlight );
	-webkit-mask: var( --quote-mask ) center / contain no-repeat;
	mask: var( --quote-mask ) center / contain no-repeat;
}
.quote-block__mark--open {
	margin-bottom: 0.4rem;
	transform: rotate( 180deg );  
}
.quote-block__mark--close {
	margin-top: 0.4rem;
}
 
.quote-block > * {
	position: relative;
	z-index: 1;
}
.quote-block::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26rem;
	height: 26rem;
	transform: translate( -50%, -50% );
	background: var( --wp--preset--color--highlight );
	opacity: 0.1;
	-webkit-mask: var( --quote-mask ) center / contain no-repeat;
	mask: var( --quote-mask ) center / contain no-repeat;
	z-index: 0;
	pointer-events: none;
}

 
.academy-workshops,
.academy-replays,
.webinars {
	padding: var( --section-y ) 0;
}

 
.wp-block-list:not( .is-style-checklist ) {
	padding-left: 1.3em;
	margin: 1em 0;
	margin-left: 20px;
}
.wp-block-list:not( .is-style-checklist ) li {
	margin-bottom: 0.5em;
}
.wp-block-list:not( .is-style-checklist ) li:last-child {
	margin-bottom: 0;
}
.wp-block-list:not( .is-style-checklist ) ul,
.wp-block-list:not( .is-style-checklist ) ol {
	margin-top: 0.5em;
}

 
:root {
	--check-mask: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E" );
}
.wp-block-list.is-style-checklist {
	list-style: none;
	padding: 0;
	margin: 1rem 0 0;
	column-count: 2;
	column-gap: 1rem;
}
.wp-block-list.is-style-checklist li {
	position: relative;
	padding-left: 1.8rem;
	font-weight: 400;
	color: var( --wp--preset--color--base );
	margin-bottom: 0.5rem;
	break-inside: avoid;
}
.wp-block-list.is-style-checklist li:last-child {
	margin-bottom: 0;
}
.wp-block-list.is-style-checklist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.15em;
	width: 20px;
	height: 20px;
	background: var( --wp--preset--color--highlight-dark );
	-webkit-mask: var( --check-mask ) center / contain no-repeat;
	mask: var( --check-mask ) center / contain no-repeat;
}
 
.wp-block-list.is-style-checklist.h2g-checklist--1col {
	column-count: 1;
}

 
.compare-section {
	background: transparent;
	padding: 0;
	overflow: hidden;
}
.compare__box {
	background: var( --wp--preset--color--base );
	color: var(--wp--preset--color--white);
	padding: var( --section-y ) 0;
	position: relative;
	overflow: hidden;
	margin-inline: auto;
}
 
.compare__box::before {
	content: "";
	position: absolute;
	width: 460px;
	height: 460px;
	border-radius: 50%;
	background: var( --wp--preset--color--highlight );
	filter: blur( 120px );
	opacity: 0.4;
	top: -160px;
	left: -120px;
	pointer-events: none;
	transform: translate(calc(var(--blob-tx,0)*1px),calc(var(--blob-ty,0)*1px));
}
.compare__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 0.7fr 2fr;
	gap: clamp( 2rem, 4vw, 3.5rem );
	align-items: start;
}

 
.compare__intro .eyebrow {
	color: var( --wp--preset--color--highlight );
}
.compare__intro :where( h1, h2, h3, h4, h5, h6 ) {
	color: var(--wp--preset--color--white);
	font-size: clamp( 1.8rem, 3.5vw, 2.6rem );
	margin-bottom: 0.8rem;
}
.compare__intro :where( h1, h2, h3, h4, h5, h6 ) em {
	color: var( --wp--preset--color--highlight );
}
.compare__intro p {
	color: color-mix(in srgb, var(--wp--preset--color--white) 78%, transparent);
}

 
.compare__card {
	background: var(--wp--preset--color--white);
	border-radius: var( --radius-lg );
	padding: 1.5rem;
	box-shadow: var( --shadow-lg );
	overflow-x: auto;
}

 
.compare__toggle {
	position: relative;
	display: inline-grid;
	grid-template-columns: 1fr 1fr;
	background: var( --wp--preset--color--background );
	border-radius: var( --radius-pill );
	padding: 4px;
	margin-bottom: 1.2rem;
}
.compare__toggle__slider {
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: 4px;
	width: calc( 50% - 4px );
	border-radius: var( --radius-pill );
	background: var( --wp--preset--color--primary );
	transition: transform 0.35s var( --ease );
	z-index: 0;
	pointer-events: none;
}
.compare__toggle.is-year .compare__toggle__slider {
	transform: translateX( 100% );
}
.compare__toggle button {
	position: relative;
	z-index: 1;
	font-family: var( --font-display );
	font-weight: 700;
	font-size: 0.82rem;
	border: 0;
	background: none;
	color: var( --wp--preset--color--muted );
	padding: 0.5em 1.5em;
	cursor: pointer;
	transition: color 0.25s;
	white-space: nowrap;
}
.compare__toggle button.is-active {
	color: var(--wp--preset--color--white);
}

 
.h2g-btw-toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
}
.h2g-btw-toggle__label {
	font-family: var( --font-display );
	font-weight: 700;
	font-size: 0.7rem;
	letter-spacing: 0.02em;
	white-space: nowrap;
}
.h2g-btw-toggle__switch {
	position: relative;
	flex: 0 0 auto;
	width: 34px;
	height: 20px;
	box-sizing: border-box;
	border: 2px solid;
	border-radius: var( --radius-pill );
	background: none;
	padding: 0;
	cursor: pointer;
	transition: border-color 0.25s, background-color 0.25s;
}
.h2g-btw-toggle__knob {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	transition: transform 0.3s var( --ease ), background-color 0.25s;
}
.h2g-btw-toggle.is-on .h2g-btw-toggle__knob {
	transform: translateX( 14px );
}
.h2g-btw-toggle:not( .is-on ) .h2g-btw-toggle__knob {
	transform: translateX( 0 );
}

 
.h2g-btw {
	display: inline-grid;
}
.h2g-btw > span {
	grid-area: 1 / 1;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
.h2g-btw .h2g-btw__excl {
	opacity: 0;
	visibility: hidden;
}
html.h2g-btw-excl .h2g-btw .h2g-btw__incl {
	opacity: 0;
	visibility: hidden;
}
html.h2g-btw-excl .h2g-btw .h2g-btw__excl {
	opacity: 1;
	visibility: visible;
}

 
.price-card__price .h2g-btw__incl,
.price-card__price .h2g-btw__excl {
	display: inline-flex;
	align-items: baseline;
	gap: 0.4em;
}

 
.h2g-promo-badge {
	display: inline-block;
	align-self: flex-start;
	margin-bottom: 0.6rem;
	padding: 0.2em 0.65em;
	border-radius: 999px;
	background: var( --wp--preset--color--accent );
	color: var( --wp--preset--color--white );
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.02em;
}
 
@supports ( text-box: trim-both cap alphabetic ) {
	.h2g-promo-badge {
		padding-block: 0.6em;
		text-box: trim-both cap alphabetic;
	}
}
.h2g-promo-was {
	margin-inline-end: 0.3em;
	font-size: 0.85em;
	font-weight: 400;
	opacity: 0.7;
	text-decoration: line-through;
	text-decoration-thickness: 1.5px;
	white-space: nowrap;
}
.h2g-promo-note {
	display: block;
	flex-basis: 100%;
	margin-top: 0.15rem;
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.4;
	opacity: 0.85;
}
.h2g-btw__incl:has( .h2g-promo-note ),
.h2g-btw__excl:has( .h2g-promo-note ) {
	flex-wrap: wrap;
}
.price-card__price .h2g-promo-was {
	align-self: baseline;
	margin-inline-end: 0;  
}
 
.compare__price .h2g-promo-was,
.service-card__price-amount .h2g-promo-was,
.workshop-card__price .h2g-promo-was,
.webinar-card__price .h2g-promo-was,
.workshop-info__price .h2g-promo-was {
	font-size: 0.6em;
}
.compare__price .h2g-promo-was {
	font-size: 0.7em;
}
.h2g-promo-badge {
	white-space: nowrap;
}
 
.compare__mc-head:has( > .h2g-promo-badge ) {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: start;
	row-gap: 0.5rem;
}
.compare__mc-head > .h2g-promo-badge {
	grid-column: 1 / -1;
	grid-row: 1;
	justify-self: start;
	margin-bottom: 0;
}
.compare__mc-head:has( > .h2g-promo-badge ) .compare__mc-name {
	grid-row: 2;
	align-self: center;
}
.compare__mc-head:has( > .h2g-promo-badge ) .compare__price {
	grid-row: 2;
	justify-self: end;
	min-width: 0;
	text-align: right;
}
.h2g-promo-inline {
	font-size: 0.85em;
	opacity: 0.85;
}

 
.compare__table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	min-width: 480px;
}
 
.compare__table :is( th, td ):first-child {
	width: 34%;
	text-align: left;
}
.compare__table th,
.compare__table td {
	padding: 0.8rem 1rem;
	text-align: center;
	font-size: 0.9rem;
}
.compare__table thead th {
	color: var( --wp--preset--color--base );
	font-family: var( --font-display );
	vertical-align: top;
}
.compare__table tbody th {
	text-align: left;
	font-weight: 600;
	color: var( --wp--preset--color--base );
	font-family: var( --font-body );
}
.compare__table tbody tr:nth-child( odd ) {
	background: var( --wp--preset--color--background );
}

.compare__table tbody td {
	color: var( --wp--preset--color--text );
}

 
.compare__table .yes {
	color: var( --wp--preset--color--highlight-dark );
	font-weight: 800;
}
.compare__table .no {
	color: var( --wp--preset--color--accent );
	font-weight: 800;
}
.compare__table tfoot td {
	padding-top: 1.2rem;
}
.compare__table tfoot .btn {
	width: 100%;
}

 
.compare__price {
	display: inline-grid;
}
.compare__price > span {
	grid-area: 1 / 1;
	color: var( --wp--preset--color--highlight-dark );
	font-weight: 800;
	font-size: 1.1rem;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
.compare__price small {
	color: var( --wp--preset--color--muted );
	font-weight: 600;
	font-size: 0.72rem;
}
 
.compare__card .compare__note {
	color: var( --wp--preset--color--muted );
}
 
.compare__price .compare__y {
	opacity: 0;
	visibility: hidden;
}
 
.compare__card.show-year .compare__price .compare__m {
	opacity: 0;
	visibility: hidden;
}
.compare__card.show-year .compare__price .compare__y {
	opacity: 1;
	visibility: visible;
}

 
@keyframes h2g-compare-pop {
	from { opacity: 0; transform: translateY( 12px ); }
	to   { opacity: 1; transform: translateY( 0 ); }
}
.compare__table.is-switching thead th + th {
	animation: h2g-compare-pop 0.45s var( --ease ) both;
}
.compare__table.is-switching thead th:nth-child( 3 ) {
	animation-delay: 0.06s;
}
.compare__table.is-switching thead th:nth-child( 4 ) {
	animation-delay: 0.12s;
}

 
@media ( max-width: 980px ) {
	.compare__inner,
	.hero-split__inner,
	.pkg__inner {
		grid-template-columns: 1fr;
	}
}
@media ( max-width: 640px ) {
	.compare__table th,
	.compare__table td {
		padding: 0.6rem 0.5rem;
		font-size: 0.82rem;
	}
}
@media ( max-width: 860px ) {
	.text-media__inner,
	.text-media--duo .text-media__inner,
	.text-media--checklist .text-media__inner {
		grid-template-columns: 1fr;
	}
	.text-media--mirror .text-media__inner,
	.spotlight--mirror .academy__inner {
		direction: ltr;
	}
	.text-media__media {
		order: -1;
	}
	 
	.academy.spotlight .academy__content {
		order: 0;
	}
	.academy.spotlight .event-card {
		order: 1;
	}
	.text-media--duo .text-media__media .text-media__fig:first-child,
	.text-media--duo .text-media__media .text-media__fig:last-child {
		margin: 0;
	}
}
@media ( max-width: 560px ) {
	.text-media__stats {
		grid-template-columns: 1fr 1fr;
	}
	.wp-block-list.is-style-checklist {
		column-count: 1;
	}
}

 

 
:root {
	--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.68' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='250' height='250' filter='url(%23g)'/%3E%3C/svg%3E");
	 
	--dark-texture-scrim: linear-gradient( color-mix( in srgb, var( --wp--preset--color--base ) 95%, transparent ), color-mix( in srgb, var( --wp--preset--color--base ) 95%, transparent ) );
}

.contact-cta {
	padding: var( --section-y, 5rem ) 0;
}

.contact-cta__box {
	background:    var(--wp--preset--color--base);
	border-radius: var( --radius-lg, 16px );
	padding:       clamp( 2.5rem, 5vw, 4rem );
	display:       flex;
	align-items:   center;
	justify-content: space-between;
	gap:           2rem;
	flex-wrap:     wrap;
	color:         var(--wp--preset--color--white);
	box-shadow:    var( --shadow-lg );
	position:      relative;
	overflow:      hidden;
}

 
.contact-cta__box::before {
	content: none;
}

 
.contact-cta__box::after {
	content:          "";
	position:         absolute;
	inset:            0;
	z-index:          0;
	background-image: var( --grain );
	opacity:          0.16;
	mix-blend-mode:   soft-light;
	pointer-events:   none;
	border-radius:    inherit;
}

 
.contact-cta__content,
.contact-cta__box > .wp-block-group,
.contact-cta__box > .wp-block-buttons,
.contact-cta__box > .btn,
.contact-cta__box > a,
.callback-cta__note {
	position: relative;
	z-index:  1;
}

 
.callback-cta__note {
	flex-basis: 100%;
	margin-top: .6rem;
	font-size: .85rem;
	color: color-mix(in srgb, var(--wp--preset--color--white) 75%, transparent);
}

 
.contact-cta__box > .wp-block-group {
	max-width: 540px;
	flex:      1 1 300px;
}

 
.contact-cta__box .eyebrow {
	color: color-mix(in srgb, var(--wp--preset--color--white) 85%, transparent);
}

 
.contact-cta__box h1,
.contact-cta__box h2,
.contact-cta__box h3 {
	color:         var(--wp--preset--color--white) !important;
	font-size:     clamp( 1.8rem, 4vw, 2.6rem );
	margin-bottom: 0.8rem;
}
.contact-cta__box p {
	color: color-mix(in srgb, var(--wp--preset--color--white) 90%, transparent);
}

 
.contact-cta__box > .wp-block-buttons {
	display:    flex;
	gap:        1rem;
	flex-wrap:  wrap;
	position:   relative;
	align-self: center;
}

 
.contact-cta__box .is-style-h2g-cta > .wp-block-button__link {
	background: var(--wp--preset--color--accent) !important;
	color:      var(--wp--preset--color--white) !important;
	border: 	2px solid var(--wp--preset--color--accent) !important;
}
.contact-cta__box .is-style-h2g-cta > .wp-block-button__link:hover {
	background: var(--wp--preset--color--accent-light) !important;
	color:      var(--wp--preset--color--white) !important;
	border: 	2px solid var(--wp--preset--color--accent-light) !important;
}

 
.contact-cta__box .is-style-h2g-outline > .wp-block-button__link {
	background:   transparent !important;
	color:        var(--wp--preset--color--white) !important;
	border-color: color-mix(in srgb, var(--wp--preset--color--white) 60%, transparent) !important;
}
.contact-cta__box .is-style-h2g-outline > .wp-block-button__link:hover {
	background:   var(--wp--preset--color--white) !important;
	color:        var(--wp--preset--color--primary) !important;
	border-color: transparent !important;
}

@media ( max-width: 680px ) {
	.contact-cta__box {
		flex-direction: column;
		align-items:    flex-start;
	}

	 
	.contact-cta__box > .wp-block-buttons {
		flex-direction: column;
		width:          100%;
	}
	.contact-cta__box > .wp-block-buttons > .wp-block-button,
	.contact-cta__box > .wp-block-buttons > .wp-block-button__link {
		width: 100%;
	}
	.contact-cta__box > .wp-block-buttons .wp-block-button__link {
		width:           100%;
		justify-content: center;
	}
}

 
.editor-styles-wrapper .contact-cta__box > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display:         flex;
	align-items:     center;
	justify-content: space-between;
	gap:             2rem;
	flex-wrap:       wrap;
	width:           100%;
}
.editor-styles-wrapper .contact-cta__box .block-editor-block-list__layout > .wp-block-group {
	max-width: 540px;
	flex:      1 1 300px;
	position:  relative;
}
.editor-styles-wrapper .contact-cta__box .block-editor-block-list__layout > .wp-block-buttons {
	align-self:  center;
	flex-shrink: 0;
	position:    relative;
}

 
.editor-styles-wrapper .stepflow__list--horizontal > .block-editor-inner-blocks > .block-editor-block-list__layout {
	position:       relative;
	display:        flex;
	flex-direction: row;
	align-items:    flex-start;
	gap:            1.75rem;
	width:          100%;
}

 

 
.trainers__head,
.workshops__head,
.replays__head,
.webinars__head {
	margin-bottom: var(--wp--preset--spacing--50);
}
 
.trainers__head h2,
.workshops__head h2,
.replays__head h2,
.webinars__head h2 {
	font-size: clamp( 1.8rem, 4vw, 2.8rem );
	margin-bottom: 1rem;
}

 
.trainers__grid {
	display: grid;
	grid-template-columns: repeat( var( --trainers-cols, 3 ), 1fr );
	gap: clamp( 2rem, 4vw, 3rem );
}

.trainer-card {
	background: var(--wp--preset--color--white);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 14px rgba( 0, 0, 0, .07 );
	display: flex;
	flex-direction: column;
	transition: box-shadow .2s;
}
.trainer-card:hover { box-shadow: 0 8px 28px rgba( 0, 0, 0, .12 ); }

.trainer-card__photo {
	aspect-ratio: 1;
	overflow: hidden;
	background: var( --wp--preset--color--background );
}
.trainer-card__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.trainer-card__initials {
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
	font-size: 3rem;
	font-weight: 800;
	color: var( --wp--preset--color--primary );
	background: color-mix(in srgb, var(--wp--preset--color--primary) 10%, var(--wp--preset--color--white));
	font-family: var( --wp--preset--font-family--sofia-pro );
}

.trainer-card__body {
	padding: 1.5rem;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: .375rem;
}
.trainer-card__name {
	font-size: 1.125rem;
	font-weight: 700;
	margin: 0 0 .125rem;
	color: var( --wp--preset--color--base );
}
.trainer-card__expertise {
	font-size: .8125rem;
	font-weight: 700;
	color: var( --wp--preset--color--primary );
	margin: 0;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.trainer-card__bio {
	font-size: .875rem;
	color: var( --wp--preset--color--text );
	margin: .25rem 0 0;
	flex: 1;
	line-height: 1.55;
}
.trainer-card__linkedin {
	display: inline-flex;
	align-items: center;
	gap: .375rem;
	font-size: .8125rem;
	font-weight: 600;
	color: var( --wp--preset--color--primary );
	text-decoration: none;
	margin-top: .75rem;
}
.trainer-card__linkedin:hover { color: var( --wp--preset--color--base ); }
.trainer-card__linkedin::after { display: none; }  
.trainers__empty { color: var( --wp--preset--color--text ); font-style: italic; }

 
.workshops__grid {
	display: grid;
	grid-template-columns: repeat( var( --workshops-cols, 3 ), 1fr );
	gap: clamp(2rem, 4vw, 3rem);
}

.workshop-card {
	background: var(--wp--preset--color--white);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 14px rgba( 0, 0, 0, .07 );
	display: flex;
	flex-direction: column;
	transition: box-shadow .2s;
}
.workshop-card:hover { box-shadow: 0 8px 28px rgba( 0, 0, 0, .12 ); }

.workshop-card__img {
	aspect-ratio: 16/9;
	overflow: hidden;
	background: var( --wp--preset--color--background );
	position: relative;
}
.workshop-card__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.workshop-card__status {
	position: absolute;
	top: .75rem;
	left: .75rem;
	padding: .25rem .75rem;
	border-radius: 100px;
	font-size: .6875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	background: var( --wp--preset--color--highlight );
	color: var( --wp--preset--color--base );
	line-height: 1.6;
}
.workshop-card__status--volgeboekt   { background: var( --wp--preset--color--accent ); color: var(--wp--preset--color--white); }
.workshop-card__status--niet-gepland { background: var(--wp--preset--color--border); color: var( --wp--preset--color--text ); }

.workshop-card__body {
	padding: 1.25rem 1.5rem 1.5rem;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}
.workshop-card__topic {
	font-size: .6875rem;
	font-weight: 700;
	color: var( --wp--preset--color--primary );
	text-transform: uppercase;
	letter-spacing: .07em;
	margin: 0;
}
.workshop-card__title {
	font-size: 1.0625rem;
	font-weight: 700;
	margin: 0;
	color: var( --wp--preset--color--base );
	line-height: 1.3;
}
.workshop-card__meta {
	display: flex;
	flex-direction: column;
	gap: .3rem;
	color: var( --wp--preset--color--text );
	font-size: .8125rem;
	margin: .25rem 0;
}
.workshop-card__meta span {
	display: flex;
	align-items: center;
	gap: .375rem;
}
.workshop-card__meta .ic {
	width: .9375rem;
	height: .9375rem;
	flex-shrink: 0;
	color: var( --wp--preset--color--primary );
}
.workshop-card__footer {
	margin-top: auto;
	padding-top: 1rem;
	border-top: 1px solid #f0f0f1;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .75rem;
}
.workshop-card__price {
	font-size: 1rem;
	font-weight: 700;
	color: var( --wp--preset--color--base );
}
.workshop-card__spots {
	font-size: .75rem;
	color: var( --wp--preset--color--primary );
	font-weight: 600;
}
.workshop-card__footer .btn { margin-left: auto; }
.workshops__empty { color: var( --wp--preset--color--text ); font-style: italic; }
.workshops__cta { text-align: center; margin-top: 2.4rem; }

 
.replays__grid {
	display: grid;
	grid-template-columns: repeat( var( --replays-cols, 3 ), 1fr );
	gap: var( --wp--preset--spacing--40 );
}

.replay-card {
	background: var(--wp--preset--color--white);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 14px rgba( 0, 0, 0, .07 );
	display: flex;
	flex-direction: column;
	transition: box-shadow .2s;
}
.replay-card:hover { box-shadow: 0 8px 28px rgba( 0, 0, 0, .12 ); }

.replay-card__thumb {
	display: block;
	aspect-ratio: 16/9;
	overflow: hidden;
	background: var( --wp--preset--color--base );
	position: relative;
	text-decoration: none;
}
.replay-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	opacity: .85;
	transition: opacity .2s;
}
.replay-card:hover .replay-card__thumb img { opacity: .7; }
.replay-card__thumb-placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient( 135deg, var( --wp--preset--color--base ), var( --wp--preset--color--primary ) );
}

.replay-card__play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--wp--preset--color--white);
}
.replay-card__play > svg {
	width: 3rem;
	height: 3rem;
	filter: drop-shadow( 0 2px 8px rgba( 0, 0, 0, .4 ) );
	transition: transform .2s;
}
.replay-card:hover .replay-card__play > svg { transform: scale( 1.1 ); }

.replay-card__body {
	padding: 1.25rem 1.5rem 1.5rem;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: .375rem;
}
.replay-card__topic {
	font-size: .6875rem;
	font-weight: 700;
	color: var( --wp--preset--color--primary );
	text-transform: uppercase;
	letter-spacing: .07em;
}
.replay-card__title {
	font-size: 1rem;
	font-weight: 700;
	color: var( --wp--preset--color--base );
	margin: 0;
	line-height: 1.35;
}
.replay-card__title a { color: inherit; text-decoration: none; }
.replay-card__title a:hover { color: var( --wp--preset--color--primary ); }
.replay-card__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .5rem .875rem;
	color: var( --wp--preset--color--text );
	font-size: .8125rem;
	margin-top: auto;
	padding-top: .75rem;
}
.replay-card__duration,
.replay-card__trainer,
.replay-card__date {
	display: flex;
	align-items: center;
	gap: .3rem;
}
.replay-card__meta .ic {
	width: .875rem;
	height: .875rem;
	color: var( --wp--preset--color--primary );
	flex-shrink: 0;
}
.replays__empty { color: var( --wp--preset--color--text ); font-style: italic; }

 
.webinars__grid {
	display: grid;
	grid-template-columns: repeat( var( --webinars-cols, 3 ), 1fr );
	gap: var( --wp--preset--spacing--40 );
}

.webinar-card {
	background: var(--wp--preset--color--white);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 14px rgba( 0, 0, 0, .07 );
	display: flex;
	flex-direction: column;
	transition: box-shadow .2s;
}
.webinar-card:hover { box-shadow: 0 8px 28px rgba( 0, 0, 0, .12 ); }

.webinar-card__thumb {
	aspect-ratio: 16/9;
	overflow: hidden;
	background: var( --wp--preset--color--base );
}
.webinar-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.webinar-card__body {
	padding: 1.25rem 1.5rem 1.5rem;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}
.webinar-card__topic {
	font-size: .6875rem;
	font-weight: 700;
	color: var( --wp--preset--color--primary );
	text-transform: uppercase;
	letter-spacing: .07em;
}
.webinar-card__title {
	font-size: 1.125rem;
	font-weight: 700;
	color: var( --wp--preset--color--base );
	margin: 0;
	line-height: 1.35;
}
.webinar-card__excerpt {
	color: var( --wp--preset--color--text );
	font-size: .9rem;
	line-height: 1.6;
	margin: 0;
}
.webinar-card__meta {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: .4rem;
	color: var( --wp--preset--color--text );
	font-size: .8125rem;
}
.webinar-card__meta li {
	display: flex;
	align-items: center;
	gap: .45rem;
}
.webinar-card__meta .ic {
	width: .95rem;
	height: .95rem;
	color: var( --wp--preset--color--primary );
	flex-shrink: 0;
}
.webinar-card__footer {
	margin-top: auto;
	padding-top: 1rem;
	border-top: 1px solid #f0f0f1;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .75rem;
}
.webinar-card__price {
	font-size: 1rem;
	font-weight: 700;
	color: var( --wp--preset--color--base );
}
.webinar-card__cta { margin-left: auto; }
.webinars__empty { color: var( --wp--preset--color--text ); font-style: italic; }
.webinars__cta { text-align: center; margin-top: 2.4rem; }

 
.webinargeek-embed {
	border-radius: 10px;
	overflow: hidden;
	background: var( --wp--preset--color--background );
}

 
@media ( max-width: 980px ) {
	.trainers__grid  { --trainers-cols:  2; }
	.workshops__grid { --workshops-cols: 2; }
	.replays__grid   { --replays-cols:   2; }
	.webinars__grid  { --webinars-cols:  2; }
}
@media ( max-width: 640px ) {
	.trainers__grid  { --trainers-cols:  1; }
	.workshops__grid { --workshops-cols: 1; }
	.replays__grid   { --replays-cols:   1; }
	.webinars__grid  { --webinars-cols:  1; }
}

 

 
.form-section__list {
	margin-top: 1.6rem;
}
.form-section__check-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--wp--preset--color--success);
	color: var(--wp--preset--color--white);
	padding: 4px;
}
.form-section__check-icon svg {
	display: block;
	stroke: var(--wp--preset--color--white);
}

 
.form-section__notice {
	padding: 1rem;
	background: color-mix(in srgb, var(--wp--preset--color--warning) 12%, var(--wp--preset--color--white));
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--warning) 45%, var(--wp--preset--color--white));
	border-radius: var( --radius-md );
	color: var(--wp--preset--color--warning-text);
	font-size: 0.85rem;
}

 
.form-section__editor-placeholder {
	min-height: 180px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	text-align: center;
	border: 2px dashed var(--wp--preset--color--border);
	border-radius: var( --radius-lg );
	padding: 2rem;
	color: var(--wp--preset--color--muted);
	font-size: 0.85rem;
}
.form-section__editor-placeholder--selected {
	border-style: solid;
	border-color: var(--wp--preset--color--success);
	color: var( --wp--preset--color--text );
	background: color-mix(in srgb, var(--wp--preset--color--highlight) 18%, var(--wp--preset--color--white));
}
.form-section__editor-placeholder p {
	margin: 0;
}

 

 
.gform_wrapper .gfield_label {
	font-family: var( --font-display );
	font-weight: 600;
	font-size: 0.875rem;
	color: var( --wp--preset--color--base );
	margin-bottom: 0.35rem;
}

 
.gform_wrapper .gfield_required {
	color: var( --wp--preset--color--accent );
	margin-left: 0.15em;
}
 
.gform_wrapper .gfield_required::before {
	content: "*";
	content: "*" / "";
	font-weight: 700;
}
.gform_wrapper .gfield_required_text::before {
	content: none;
}
.gform_wrapper .gfield_required_text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect( 0 0 0 0 );
	white-space: nowrap;
}

 
.gform_wrapper .gform_fields {
	grid-row-gap: 0 !important;
	column-gap: 1.5rem;
}

 
.gform_wrapper .gform_fields .gfield--width-half:last-of-type:nth-last-child( odd ) {
	grid-column: 1 / -1;
}

 
.gform_wrapper .ginput_container input:not([type='checkbox']):not([type='radio']):not([type='submit']),
.gform_wrapper .ginput_container select,
.gform_wrapper .ginput_container textarea {
	width: 100%;
	 
	height: auto;
	padding: 0.82rem 1.05rem;
	border: 1.5px solid var(--wp--preset--color--border);
	border-radius: var( --radius-md, 10px );
	font-family: var( --font-body );
	font-size: 0.95rem;
	line-height: 1.4;
	color: var( --wp--preset--color--base );
	background-color: var(--wp--preset--color--background);
	transition: border-color 0.18s var( --ease ), box-shadow 0.18s var( --ease ),
		background-color 0.18s var( --ease );
	outline: none;
}
.gform_wrapper .ginput_container input:not([type='checkbox']):not([type='radio']):not([type='submit']):hover,
.gform_wrapper .ginput_container select:hover,
.gform_wrapper .ginput_container textarea:hover {
	border-color: var(--wp--preset--color--border);
}
.gform_wrapper .ginput_container input:focus:not([type='checkbox']):not([type='radio']),
.gform_wrapper .ginput_container select:focus,
.gform_wrapper .ginput_container textarea:focus {
	border-color: var( --wp--preset--color--primary );
	background-color: var(--wp--preset--color--white);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary) 14%, transparent);
}
 
.gform_wrapper .gfield:focus-within .gfield_label {
	color: var( --wp--preset--color--primary );
}

 
.gform_wrapper .ginput_container select {
	appearance: none;
	-webkit-appearance: none;
	padding-right: 2.4rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23454f5e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.85rem center;
	background-size: 1em;
	cursor: pointer;
}

 
.gform_wrapper .ginput_container textarea {
	min-height: 130px;
	resize: vertical;
}

 
.gform_wrapper .gfield--type-phone .gform-phone .gform-phone__input-wrapper {
	grid-template-columns: auto minmax( 0, 1fr );
	grid-template-rows: auto auto;
	grid-auto-flow: column;
	column-gap: 0;
	align-items: stretch;
}
.gform_wrapper .gfield--type-phone .gform-phone__input-wrapper > .ginput_country-selector_container,
.gform_wrapper .gfield--type-phone .gform-phone__input-wrapper > .ginput_phone_container {
	display: contents;
}
.gform_wrapper .gfield--type-phone .gform-phone__input-wrapper .gform-field-label--type-sub {
	align-self: end;
}
.gform_wrapper .gfield--type-phone .gform-phone .gform-phone__input-wrapper button.gform-phone__country-selector.gform-theme-button {
	block-size: auto;
	min-block-size: 0;
	height: auto;
	margin-inline-end: -1px;
	padding: 0 0.85rem 0 1rem;
	border: 1px solid var( --wp--preset--color--border );
	border-radius: var( --radius-md, 10px ) 0 0 var( --radius-md, 10px );
	background-color: var( --wp--preset--color--background );
	color: var( --wp--preset--color--base );
	font-family: var( --font-body );
	font-size: 0.95rem;
	box-shadow: var( --gf-ctrl-shadow, none );
	transition: border-color 0.18s var( --ease ), box-shadow 0.18s var( --ease ),
		background-color 0.18s var( --ease );
}
.gform_wrapper .gfield--type-phone .gform-phone .gform-phone__input-wrapper button.gform-phone__country-selector.gform-theme-button:focus-visible,
.gform_wrapper .gfield--type-phone .gform-phone.gform-phone--open .gform-phone__input-wrapper button.gform-phone__country-selector.gform-theme-button {
	position: relative;
	z-index: 1;
	outline: none;
	border-color: var( --wp--preset--color--primary );
	background-color: var( --wp--preset--color--white );
	box-shadow: 0 0 0 3px color-mix( in srgb, var( --wp--preset--color--primary ) 14%, transparent );
}
.gform_wrapper .gfield--type-phone .ginput_container input.gform-phone__input:not([type='checkbox']) {
	border-radius: 0 var( --radius-md, 10px ) var( --radius-md, 10px ) 0;
}
 
.gform_wrapper .gfield--type-phone .ginput_container input.gform-phone__search:not([type='checkbox']):not([type='radio']):not([type='submit']) {
	padding-inline-start: 2.5rem;
}

 
 
.gform_wrapper .gfield--type-fileupload .ginput_container.ginput_container_fileupload input[type='file']:not([type='submit']) {
	padding: 0.5rem 0.6rem;
	font-size: 0.9rem;
	color: var( --wp--preset--color--text );
	cursor: pointer;
}
.gform_wrapper .ginput_container_fileupload input[type='file']::file-selector-button {
	vertical-align: middle;
	margin: 0 0.9rem 0 0;
	padding: 0.55rem 1.1rem;
	border: 2px solid var( --wp--preset--color--primary );
	border-radius: var( --radius-btn, 6px );
	background: transparent;
	color: var( --wp--preset--color--primary );
	font-family: var( --font-display );
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color 0.18s var( --ease ), color 0.18s var( --ease );
}
.gform_wrapper .ginput_container_fileupload input[type='file']:hover::file-selector-button,
.gform_wrapper .ginput_container_fileupload input[type='file']:focus-visible::file-selector-button {
	background: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--white );
}
 
@media ( max-width: 560px ) {
	.gform_wrapper .gfield--type-fileupload .ginput_container.ginput_container_fileupload input[type='file']:not([type='submit']) {
		padding: 0.45rem 0.5rem;
		font-size: 0.8rem;
	}
	.gform_wrapper .ginput_container_fileupload input[type='file']::file-selector-button {
		margin-right: 0.5rem;
		padding: 0.45rem 0.7rem;
		font-size: 0.8rem;
	}
}

 
.gform_wrapper .gfield .ginput_container_fileupload .gform_drop_area {
	block-size: auto;
	padding: 1.75rem 1.25rem;
	border: 1.5px dashed var( --wp--preset--color--border );
	border-radius: var( --radius-md, 10px );
	background: var( --wp--preset--color--background );
	box-shadow: none;
	color: var( --wp--preset--color--text );
	font-family: var( --font-body );
	font-size: 0.9rem;
	transition: border-color 0.18s var( --ease ), background-color 0.18s var( --ease );
}
.gform_wrapper .gfield .ginput_container_fileupload .gform_drop_area.hover,
.gform_wrapper .gfield .ginput_container_fileupload .gform_drop_area:hover {
	border-color: var( --wp--preset--color--primary );
	background: var( --wp--preset--color--white );
}
.gform_wrapper .gfield .ginput_container_fileupload .gform_drop_area::before {
	color: var( --wp--preset--color--primary );
}
.gform_wrapper .gfield .ginput_container_fileupload .gform_drop_area .button.gform_button_select_files.gform-theme-button--control {
	margin-top: 0.6rem;
	padding: 0.6rem 1.2rem;
	border: 2px solid var( --wp--preset--color--primary );
	border-radius: var( --radius-btn, 6px );
	background: transparent;
	color: var( --wp--preset--color--primary );
	font-family: var( --font-display );
	font-size: 0.85rem;
	font-weight: 600;
	box-shadow: none;
}
.gform_wrapper .gfield .ginput_container_fileupload .gform_drop_area .button.gform_button_select_files.gform-theme-button--control:hover,
.gform_wrapper .gfield .ginput_container_fileupload .gform_drop_area .button.gform_button_select_files.gform-theme-button--control:focus-visible {
	background: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--white );
	outline: none;
}
 
.gform_wrapper .ginput_preview_list {
	--gf-ctrl-file-prog-bar-bg-color-loading: var( --wp--preset--color--primary );
}
.gform_wrapper .ginput_preview .gfield_fileupload_filename {
	font-family: var( --font-display );
	font-weight: 600;
	color: var( --wp--preset--color--base );
}
 
.gform_wrapper .gfield .gfield_description.gform_fileupload_rules {
	margin: 0.75rem 0 0;
	text-transform: lowercase;
}

 
.gform_wrapper .gfield_description:not( .validation_message ) {
	font-size: 0.8rem;
	color: var( --wp--preset--color--muted );
	margin: -0.15rem 0 0.5rem;
	line-height: 1.5;
}

 
.gform_wrapper .gfield {
	margin-bottom: 1.35rem;
}

 
.gform_wrapper .top_label .gfield_label {
	font-size: 0.875rem;
}

 
.gform_wrapper .gform-footer {
	margin-top: 0.4rem;
}
.gform_wrapper .gform_button,
.gform_wrapper input[type='submit'].gform_button {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.5em !important;
	position: relative !important;
	width: auto !important;
	min-height: 0 !important;
	padding: 0.85em 1.8em !important;
	background: var( --wp--preset--color--accent ) !important;
	background-color: var( --wp--preset--color--accent ) !important;
	color: var(--wp--preset--color--white) !important;
	border: none !important;
	border-radius: var( --radius-btn ) !important;
	font-family: var( --font-display ) !important;
	font-weight: 700 !important;
	font-size: 1rem !important;
	line-height: normal !important;
	text-transform: none !important;
	cursor: pointer !important;
	transition: background 0.18s, box-shadow 0.18s, transform 0.14s !important;
	box-shadow: none !important;
}
.gform_wrapper .gform_button::after,
.gform_wrapper input[type='submit'].gform_button::after {
	content: "";
	width: 0;
	height: 1em;
	background: currentColor;
	-webkit-mask: var( --arrow-mask ) center / contain no-repeat;
	mask: var( --arrow-mask ) center / contain no-repeat;
	opacity: 0;
	transform: translateX( -4px );
	transition: width 0.3s var( --ease ), opacity 0.3s var( --ease ),
		transform 0.3s var( --ease ), margin 0.3s var( --ease );
}
.gform_wrapper .gform_button:hover,
.gform_wrapper input[type='submit'].gform_button:hover {
	background: var( --wp--preset--color--accent-light ) !important;
	background-color: var( --wp--preset--color--accent-light ) !important;
	color: var(--wp--preset--color--white) !important;
	transform: translateY( -1px );
	box-shadow: none !important;
}
.gform_wrapper .gform_button:hover::after,
.gform_wrapper input[type='submit'].gform_button:hover::after {
	width: 1em;
	opacity: 1;
	transform: translateX( 0 );
	margin-left: 0.1em;
}
.gform_wrapper .gform_button:focus,
.gform_wrapper input[type='submit'].gform_button:focus {
	outline: none !important;
	 
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--accent) 25%, transparent) !important;
}

 
.gform_wrapper .gfield_description.validation_message {
	color: var( --wp--preset--color--accent );
	font-size: 0.8rem;
	margin-top: 0.25rem;
}
.gform_wrapper .gform_validation_errors {
	border: 1.5px solid var( --wp--preset--color--accent );
	border-radius: var( --radius-md );
	padding: 0.8rem 1rem;
	color: var( --wp--preset--color--accent );
	font-size: 0.875rem;
	margin-bottom: 1rem;
	background: color-mix(in srgb, var(--wp--preset--color--accent) 8%, var(--wp--preset--color--white));
}

 
.gform_wrapper .gform_confirmation_message {
	color: var( --wp--preset--color--success );
	font-weight: 600;
	font-size: 1rem;
}

 
.gform_wrapper .ginput_container input::placeholder,
.gform_wrapper .ginput_container textarea::placeholder {
	color: var(--wp--preset--color--muted);
	opacity: 1;
}

 
.gform_wrapper .gfield_checkbox,
.gform_wrapper .gfield_radio {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.gform_wrapper .gchoice {
	display: flex;
	align-items: flex-start;
	gap: 0.55em;
}
.gform_wrapper .gchoice input[type='checkbox'],
.gform_wrapper .gchoice input[type='radio'],
.gform_wrapper .ginput_container_consent input[type='checkbox'] {
	accent-color: var( --wp--preset--color--primary );
	width: 1.05em;
	height: 1.05em;
	margin-top: 0.18em;
	flex-shrink: 0;
	cursor: pointer;
}
.gform_wrapper .gchoice label,
.gform_wrapper .gfield_consent_label {
	font-family: var( --font-body );
	font-weight: 400;
	font-size: 0.9rem;
	color: var( --wp--preset--color--text );
	cursor: pointer;
}

 
.gform_wrapper .ginput_container_consent {
	display: flex;
	align-items: flex-start;
	gap: 0.55em;
}

 
.gform_wrapper .ginput_counter.gfield_description {
	font-size: 0.75rem;
	color: var(--wp--preset--color--muted);
	margin-top: 0.5rem;
}

 
.gform_wrapper .gsection {
	border-bottom: 1.5px solid var(--wp--preset--color--border);
	padding-bottom: 0.5rem;
	margin: 1.4rem 0 1.2rem;
}
.gform_wrapper .gsection_title {
	font-family: var( --font-display );
	font-weight: 700;
	font-size: 1.1rem;
	color: var( --wp--preset--color--base );
	margin: 0;
}

 
.newsletter__box .gform_wrapper .gfield_label,
.newsletter__box .gform_wrapper .gchoice label,
.newsletter__box .gform_wrapper .gfield_consent_label,
.newsletter__box .gform_wrapper .gsection_title {
	color: var(--wp--preset--color--white);
}
 
.newsletter__box .gform_wrapper .gform-field-label .gfield_required,
.newsletter__box .gform_wrapper .gform_required_legend .gfield_required {
	color: var(--wp--preset--color--highlight);
}
.newsletter__box .gform_wrapper .gfield_description:not( .validation_message ),
.newsletter__box .gform_wrapper .ginput_counter {
	color: color-mix(in srgb, var(--wp--preset--color--white) 70%, transparent);
}
.newsletter__box .gform_wrapper .ginput_container input:not([type='checkbox']):not([type='radio']):not([type='submit']),
.newsletter__box .gform_wrapper .ginput_container select,
.newsletter__box .gform_wrapper .ginput_container textarea {
	border-color: transparent;
}
.newsletter__box .gform_wrapper .gform_confirmation_message {
	color: var(--wp--preset--color--highlight);
}

 
.newsletter__form {
	background: transparent;
	padding: 0;
	max-width: 520px;
	display: block;
}
.newsletter__box .gform_wrapper form {
	display: grid;
	grid-template-columns: minmax( 0, 1fr ) auto;
	gap: 0.9rem 0.6rem;
	align-items: start;
}
.newsletter__box .gform_wrapper .gform_body,
.newsletter__box .gform_wrapper .gform_fields {
	display: contents;
}
.newsletter__box .gform_wrapper .gfield--type-email {
	grid-column: 1;
	grid-row: 1;
}
.newsletter__box .gform_wrapper .gform_footer {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	padding: 0;
	width: auto;
}
.newsletter__box .gform_wrapper .gfield--type-consent {
	grid-column: 1 / -1;
	grid-row: 2;
}
 
.newsletter__box .gform_wrapper .gfield--type-email .gfield_label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect( 0 0 0 0 );
	white-space: nowrap;
}
.newsletter__box .gform_wrapper .ginput_container_email input[type='email'] {
	background: var(--wp--preset--color--white);
	border: 0;
	border-radius: var( --radius-btn, 6px );
	padding: 0.95rem 1.15rem;
	color: var(--wp--preset--color--text);
	width: 100%;
	height: auto;
}
.newsletter__box .gform_wrapper .gform_footer .gform_button {
	margin: 0;
	white-space: nowrap;
}
 
.newsletter__box .gform_wrapper .gfield--type-consent .gfield_label {
	display: none;
}
.newsletter__box .gform_wrapper .gfield--type-consent .gfield_consent_label,
.newsletter__box .gform_wrapper .gfield--type-consent label {
	font-size: 0.9rem;
	line-height: 1.45;
}
.newsletter__box .gform_wrapper .gfield--type-consent .gfield_description {
	font-size: 0.82rem;
	padding-top: 0.35rem;
	border: 0;
	background: none;
}
 
.newsletter__box .gform_wrapper .gfield_consent_description_text {
	border: 0;
	padding: 0;
	max-height: none;
	overflow: visible;
	font-size: 0.82rem;
	color: color-mix( in srgb, var(--wp--preset--color--white) 65%, transparent );
}
@media ( max-width: 640px ) {
	.newsletter__box .gform_wrapper form {
		grid-template-columns: minmax( 0, 1fr );
	}
	.newsletter__box .gform_wrapper .gform_footer {
		grid-column: 1;
		grid-row: 3;
	}
}

 

 
.contact-block__visual img {
	position: relative;
	width: 80%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 50%;
	display: block;
}

 
.editor-styles-wrapper .contact-block__img-btn {
	width: 100%;
	height: 100%;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.editor-styles-wrapper .contact-block__img-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .5rem;
	color: var(--wp--preset--color--white);
}
.editor-styles-wrapper .contact-block__img-hint {
	font-size: .75rem;
	opacity: .8;
}

 

 
.features__grid {
	grid-template-columns: repeat( var( --feat-cols, 3 ), 1fr );
}

 
.editor-styles-wrapper .feature {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
}

 

.newsletter__form-preview {
	position: relative;
	z-index: 1;
	display: flex;
	gap: .5rem;
	flex: 1;
	min-width: 280px;
	max-width: 460px;
	background: var(--wp--preset--color--white);
	border-radius: var( --radius-btn, 6px );
	padding: .4rem;
	align-items: center;
	pointer-events: none;
	opacity: .85;
}
.newsletter__input-mock {
	flex: 1;
	padding: .6rem .9rem;
	font-size: .95rem;
	color: var( --wp--preset--color--muted-light );
}

 
.editor-styles-wrapper .newsletter .blob {
	display: none;
}

 

 
.cta-banner__inner .wp-block-buttons {
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 1.8rem;
}
.cta-banner__inner .wp-block-button__link {
	color: var(--wp--preset--color--white);
}

 
.editor-styles-wrapper .cta-banner {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--white);
}
.editor-styles-wrapper .cta-banner h2,
.editor-styles-wrapper .cta-banner p {
	color: var(--wp--preset--color--white);
}

 

 
.editor-styles-wrapper .proj-slider__btn {
	pointer-events: none;
	opacity: .6;
}

 
.editor-styles-wrapper .proj-slider__track {
	cursor: default;
	overflow-x: scroll;
}

 

 
.editor-styles-wrapper .usp-photo-card {
	position: relative;
	min-height: 230px;
	border-radius: var( --radius, 10px );
	overflow: hidden;
	color: var(--wp--preset--color--white);
	padding: 1.4rem 1.5rem;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.editor-styles-wrapper .usp-photo-card::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient( to top, color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent) 10%, color-mix(in srgb, var(--wp--preset--color--base) 15%, transparent) 80% );
}
.editor-styles-wrapper .usp-photo-card h3,
.editor-styles-wrapper .usp-photo-card .usp-photo-card__link {
	position: relative;
	z-index: 1;
}
.editor-styles-wrapper .usp-photo-card h3 {
	color: var(--wp--preset--color--white);
}

 
.usp-photo-card:not( [style*="background-image"] ) {
	background: var(--wp--preset--color--base);
}

 
.compare__mobile {
	display: none;
}

@media ( max-width: 640px ) {
	.compare__table {
		display: none;
	}
	.compare__mobile {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		margin-top: 0.5rem;
	}
}

 
.compare__mc {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--base);
	border-radius: var( --radius-lg, 10px );
	padding: 1.4rem;
	box-shadow: 0 4px 18px color-mix(in srgb, var(--wp--preset--color--base) 10%, transparent);
}
.compare__mc--featured {
	border: 2px solid var(--wp--preset--color--accent);
	position: relative;
}

 
.compare__mc-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid rgba( 0, 0, 0, 0.08 );
}
.compare__mc-name {
	font-family: var( --font-display, sans-serif );
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--wp--preset--color--base);
}

 
.compare__mc-features {
	list-style: none;
	margin: 0 0 1.4rem;
	padding: 0;
}
.compare__mc-features li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.45rem 0;
	font-size: 0.88rem;
	border-bottom: 1px solid rgba( 0, 0, 0, 0.05 );
}
.compare__mc-features li:last-child {
	border-bottom: 0;
}
.compare__mc-label {
	color: var(--wp--preset--color--text);
	flex: 1;
}
.compare__mc-val {
	font-weight: 600;
	flex-shrink: 0;
}
.compare__mc-val.yes {
	color: var(--wp--preset--color--success);
	font-size: 1.1rem;
}
.compare__mc-val.no {
	color: var(--wp--preset--color--accent);
	opacity: 0.65;
	font-size: 1.05rem;
}
 
.compare__mc .btn--outline {
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}
.compare__mc .btn--outline:hover {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

 
 
ul.icon-list {
	list-style: none;
	padding: 0;
	margin: 0 0 1rem;
	display: grid;
	grid-template-columns: repeat( 2, 1fr );
	gap: .4rem 2rem;
}
@media ( max-width: 480px ) {
	ul.icon-list {
		grid-template-columns: 1fr;
	}
}
.icon-list__item {
	display: flex;
	align-items: flex-start;
	gap: .75rem;
}
.icon-list__icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	color: var(--wp--preset--color--primary);
	margin-top: 1px;
}
.icon-list__icon svg {
	width: 22px;
	height: 22px;
	stroke: currentColor;
	fill: none;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.icon-list__text {
	line-height: 1.55;
}

 
.spotlight__logo {
	display: block;
	max-width: 180px;
	height: auto;
	margin-bottom: 1.2rem;
}

 
.workshop-info {
	padding-block: var(--wp--preset--spacing--70, 4rem) var(--wp--preset--spacing--80, 5rem);
}
.workshop-info__card {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--white);
	border-radius: 16px;
	padding: clamp(1.5rem, 4vw, 2.5rem);
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	max-width: 640px;
	margin-inline: auto;
}

 
.workshop-info--light {
	padding-block: 0;
}
.workshop-info--light .workshop-info__card {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--text);
	border: 1px solid var(--wp--preset--color--border);
	box-shadow: var(--shadow-md, 0 8px 24px color-mix(in srgb, var(--wp--preset--color--base) 8%, transparent));
	max-width: none;
	height: 100%;
}
.workshop-info--light .workshop-info__price strong { color: var(--wp--preset--color--base); }
.workshop-info--light .workshop-info__price small { color: var(--wp--preset--color--muted); }
.workshop-info--light .workshop-info__status--niet-gepland {
	background: color-mix(in srgb, var(--wp--preset--color--base) 6%, transparent);
	color: var(--wp--preset--color--text);
}
.workshop-info--light .workshop-info__meta {
	border-top-color: var(--wp--preset--color--border);
}
.workshop-info--light .workshop-info__icon {
	color: var(--wp--preset--color--primary);
}
.workshop-info--light .workshop-info__label {
	color: var(--wp--preset--color--muted);
}
.workshop-info--light .workshop-info__value {
	color: var(--wp--preset--color--base);
}
.workshop-info--light .workshop-info__tba,
.workshop-info--light .workshop-info__hint {
	color: var(--wp--preset--color--muted);
}
.workshop-info__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}
.workshop-info__status {
	display: inline-flex;
	align-items: center;
	font-size: .75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	padding: .35em .9em;
	border-radius: 999px;
}
.workshop-info__status--gepland {
	background: color-mix(in srgb, var(--wp--preset--color--highlight) 18%, transparent);
	color: var(--wp--preset--color--highlight);
}
.workshop-info__status--volgeboekt {
	background: color-mix(in srgb, var(--wp--preset--color--accent) 18%, transparent);
	color: var(--wp--preset--color--accent);
}
.workshop-info__status--niet-gepland {
	background: color-mix(in srgb, var(--wp--preset--color--white) 10%, transparent);
	color: color-mix(in srgb, var(--wp--preset--color--white) 55%, transparent);
}
.workshop-info__price {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.workshop-info__price strong {
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	font-weight: 800;
	line-height: 1;
	color: var(--wp--preset--color--white);
}
.workshop-info__price small {
	font-size: .75rem;
	color: color-mix(in srgb, var(--wp--preset--color--white) 55%, transparent);
}
.workshop-info__meta {
	list-style: none;
	margin: 0;
	padding: 1rem 0 0;
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 10%, transparent);
	display: flex;
	flex-direction: column;
	gap: .75rem;
}
.workshop-info__meta li {
	display: grid;
	grid-template-columns: 20px 8rem 1fr;
	gap: 0 .6rem;
	align-items: center;
	font-size: .9rem;
}
.workshop-info__icon {
	color: var(--wp--preset--color--highlight);
	display: flex;
	align-items: center;
}
.workshop-info__label {
	color: color-mix(in srgb, var(--wp--preset--color--white) 50%, transparent);
}
.workshop-info__value {
	color: var(--wp--preset--color--white);
	font-weight: 600;
}
.workshop-info__spots {
	font-size: .85rem;
	color: var(--wp--preset--color--highlight);
	font-weight: 600;
	margin: 0;
}
.workshop-info__tba {
	font-size: .875rem;
	color: color-mix(in srgb, var(--wp--preset--color--white) 50%, transparent);
	margin: 0;
}
.workshop-info__hint {
	font-size: .8rem;
	color: color-mix(in srgb, var(--wp--preset--color--white) 35%, transparent);
	margin: 0;
	font-style: italic;
}
.workshop-info .btn {
	width: 100%;
	text-align: center;
	justify-content: center;
}
@media (max-width: 480px) {
	.workshop-info__meta li {
		grid-template-columns: 20px 1fr;
	}
	.workshop-info__label {
		display: none;
	}
}

 
.workshop-body {
	padding-block: var( --wp--preset--spacing--40, 2rem ) var( --wp--preset--spacing--50, 3rem );
}

.workshop-bottom {
	 
	background: var( --wp--preset--color--background );
	padding-bottom: clamp( 2.5rem, 5vw, 4rem );
}
.workshop-bottom__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	align-items: stretch;
}
.workshop-bottom__trainer,
.workshop-bottom__info {
	min-width: 0;
}

@media ( min-width: 860px ) {
	.workshop-bottom__inner {
		grid-template-columns: 1fr 1fr;
		gap: 2.5rem;
	}
}

 
.post-author.workshop-trainer {
	padding-block: 0;
}
.workshop-trainer .post-author__card {
	max-width: none;
	height: 100%;
}

 
.blog-card__img {
	position: relative;
	overflow: hidden;
}
.blog-card__img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

 

.post-hero {
	position: relative;
	overflow: hidden;
	color: var(--wp--preset--color--white);
	padding-top: calc( 118px + var( --section-y ) );  
	padding-bottom: clamp( 3rem, 6vw, 5rem );
}

 
.post-hero__bg {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: var( --wp--preset--color--base );
}

.post-hero__img {
	position: absolute;
	inset: 0;
	z-index: 0;  
	background-size: cover;
	background-position: center;
}

 
.post-hero--has-img .post-hero__bg {
	background: linear-gradient(
		160deg,
		color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent) 0%,
		color-mix(in srgb, var(--wp--preset--color--base) 72%, transparent) 100%
	);
}

 
.post-hero__inner {
	position: relative;
	z-index: 2;
	max-width: 760px;
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-inline: 0;  
}

 
.post-hero__cat {
	display: inline-block;
	color: var( --wp--preset--color--highlight );
	text-decoration: none;
	font-family: var( --font-display );
	font-weight: 700;
	font-size: 0.78rem;
	margin-bottom: 0px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.post-hero__cat:hover {
	color: var(--wp--preset--color--white);
}

 
.post-hero__title {
	font-size: clamp( 2rem, 5vw, 3.2rem );
	line-height: 1.15;
	color: var(--wp--preset--color--white);
	margin: 0;
	font-family: var( --font-display );
	font-weight: 800;
}

 
.post-hero__meta {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: color-mix(in srgb, var(--wp--preset--color--white) 65%, transparent);
	font-size: 0.9rem;
}
.post-hero__date,
.post-hero__read {
	color: color-mix(in srgb, var(--wp--preset--color--white) 65%, transparent);
}

 
.post-hero__wave {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 0;
	z-index: 3;
}
.post-hero__wave svg {
	display: block;
	width: 100%;
	height: clamp( 36px, 4.5vw, 72px );
}
 
.post-hero__wave path {
	fill: var( --wp--preset--color--background );
}

 
@media ( max-width: 860px ) {
	.post-hero {
		padding-top: calc( 76px + var( --section-y ) );
	}
}

 

.post-author {
	padding: clamp( 2.5rem, 5vw, 4rem ) 0;
	 
	background: var( --wp--preset--color--background );
}

.post-author__card {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 2rem;
	align-items: start;
	max-width: 760px;
	margin-inline: auto;
	background: var( --wp--preset--color--base );
	border-radius: var( --radius-lg );
	padding: clamp( 1.75rem, 4vw, 2.5rem ) clamp( 1.75rem, 4vw, 2.5rem ) clamp( 1.75rem, 4vw, 2.5rem ) clamp( 2rem, 4.5vw, 2.75rem );
	position: relative;
	overflow: hidden;
	box-shadow: 0 0px 44px rgba( -5, 1, 8, 0.32 );
}

 
.post-author__card::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient( ellipse 60% 75% at 110% -15%, color-mix(in srgb, var(--wp--preset--color--primary) 45%, transparent) 0%, transparent 60% );
	pointer-events: none;
}

 
.post-author__avatar-wrap {
	flex: none;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	overflow: hidden;
	background: color-mix(in srgb, var(--wp--preset--color--primary) 45%, transparent);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	 
	box-shadow: 0 0 0 2px var( --wp--preset--color--base ), 0 0 0 4px color-mix(in srgb, var(--wp--preset--color--highlight) 55%, transparent);
}
.post-author__avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.post-author__initials {
	font-family: var( --font-display );
	font-weight: 800;
	font-size: 1.5rem;
	color: var(--wp--preset--color--white);
	line-height: 1;
}

 
.post-author__body {
	flex: 1;
	min-width: 0;
	position: relative;
	z-index: 1;
}
.post-author__label {
	font-family: var( --font-display );
	font-weight: 700;
	font-size: 0.68rem;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var( --wp--preset--color--highlight );
	margin: 0 0 0.5rem;
}
.post-author__name {
	font-size: 1.3rem;
	color: var(--wp--preset--color--white);
	margin: 0 0 0.2rem;
	font-family: var( --font-display );
	font-weight: 800;
	line-height: 1.2;
}
.post-author__role {
	font-size: 0.875rem;
	color: color-mix(in srgb, var(--wp--preset--color--primary-light) 60%, var(--wp--preset--color--white));  
	font-family: var( --font-display );
	font-weight: 600;
	margin: 0 0 0.875rem;
}
.post-author__bio {
	font-size: 0.9375rem;
	color: color-mix(in srgb, var(--wp--preset--color--white) 60%, transparent);
	line-height: 1.7;
	margin: 0 0 1.1rem;
}

 
.post-author__socials {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.post-author__social-link {
	font-family: var( --font-display );
	font-weight: 600;
	font-size: 0.775rem;
	color: color-mix(in srgb, var(--wp--preset--color--white) 60%, transparent);
	text-decoration: none;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 16%, transparent);
	border-radius: var( --radius-btn );
	padding: 0.3em 0.9em;
	background: color-mix(in srgb, var(--wp--preset--color--white) 5%, transparent);
	transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.post-author__social-link:hover,
.post-author__social-link:focus-visible {
	color: var(--wp--preset--color--white);
	border-color: color-mix(in srgb, var(--wp--preset--color--highlight) 50%, transparent);
	background: color-mix(in srgb, var(--wp--preset--color--highlight) 8%, transparent);
}

 
@media ( max-width: 540px ) {
	.post-author__card {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}
}

 

.related-posts {
	padding: var( --section-y ) 0;
	background: var( --wp--preset--color--background );
}

.related-posts__heading {
	font-size: clamp( 1.5rem, 3vw, 2.2rem );
	color: var( --wp--preset--color--base );
	margin-bottom: 2rem;
	font-family: var( --font-display );
	font-weight: 800;
}

 
.blog-card__title {
	font-family: var( --font-display );
	font-weight: 700;
	font-size: 1.05rem;
	color: var( --wp--preset--color--base );
	margin: 0.4rem 0 0.5rem;
	line-height: 1.35;
}
.blog-card__title a {
	color: inherit;
	text-decoration: none;
}
.blog-card__title a:hover {
	color: var( --wp--preset--color--primary );
}
.blog-card__meta {
	font-size: 0.8rem;
	color: var( --wp--preset--color--muted );
	margin: 0;
}
.blog-card__img-link {
	display: block;
}

 

 
@media ( max-width: 860px ) {
	.single-post .wp-block-post-content {
		padding-inline: 1.25rem;
	}
}

 
.single-post .wp-block-post-title {
	font-size: clamp( 1.9rem, 4vw, 2.8rem );
	line-height: 1.2;
	color: var( --wp--preset--color--base );
	margin-bottom: 0;
}

 
.single-post__meta {
	align-items: center;
	color: var( --wp--preset--color--muted );
}
.single-post__meta .wp-block-post-date,
.single-post__meta .wp-block-post-date a {
	color: var( --wp--preset--color--muted );
	font-size: 0.875rem;
	text-decoration: none;
}
.single-post__meta .wp-block-post-terms {
	font-family: var( --font-display );
	font-weight: 700;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.single-post__meta .wp-block-post-terms a {
	color: var( --wp--preset--color--primary );
	text-decoration: none;
}
.single-post__meta .wp-block-post-terms a:hover {
	color: var( --wp--preset--color--primary-light );
}

 
.single-post .wp-block-post-featured-image img {
	border-radius: var( --radius );
	width: 100%;
	height: auto;
	display: block;
}

 
.single-post .wp-block-post-content,
.page .wp-block-post-content {
	font-size: 1.0625rem;
	line-height: 1.8;
	color: var( --wp--preset--color--text );
}

 
.single-post .wp-block-post-content .wp-block-heading:not( [data-theme="dark"] * ):not( [class*="wp-block-hosting2go-"] * ),
.page .wp-block-post-content .wp-block-heading:not( [data-theme="dark"] * ):not( [class*="wp-block-hosting2go-"] * ) {
	color: var( --wp--preset--color--base );
	margin-bottom: 0.75rem;
	line-height: 1.3;
}
.single-post .wp-block-post-content h2.wp-block-heading:not( [data-theme="dark"] * ):not( [class*="wp-block-hosting2go-"] * ),
.page .wp-block-post-content h2.wp-block-heading:not( [data-theme="dark"] * ):not( [class*="wp-block-hosting2go-"] * ) {
	font-size: clamp( 1.35rem, 2.5vw, 1.75rem );
}
.single-post .wp-block-post-content h3.wp-block-heading:not( [data-theme="dark"] * ):not( [class*="wp-block-hosting2go-"] * ),
.page .wp-block-post-content h3.wp-block-heading:not( [data-theme="dark"] * ):not( [class*="wp-block-hosting2go-"] * ) {
	font-size: clamp( 1.1rem, 2vw, 1.35rem );
}
.single-post .wp-block-post-content h4.wp-block-heading:not( [data-theme="dark"] * ):not( [class*="wp-block-hosting2go-"] * ),
.single-post .wp-block-post-content h5.wp-block-heading:not( [data-theme="dark"] * ):not( [class*="wp-block-hosting2go-"] * ),
.single-post .wp-block-post-content h6.wp-block-heading:not( [data-theme="dark"] * ):not( [class*="wp-block-hosting2go-"] * ),
.page .wp-block-post-content h4.wp-block-heading:not( [data-theme="dark"] * ):not( [class*="wp-block-hosting2go-"] * ),
.page .wp-block-post-content h5.wp-block-heading:not( [data-theme="dark"] * ):not( [class*="wp-block-hosting2go-"] * ),
.page .wp-block-post-content h6.wp-block-heading:not( [data-theme="dark"] * ):not( [class*="wp-block-hosting2go-"] * ) {
	font-size: 1rem;
}

 
.single-post .wp-block-post-content .wp-block-hosting2go-section.content-section .wp-block-heading:not( [data-theme="dark"] * ),
.page .wp-block-post-content .wp-block-hosting2go-section.content-section .wp-block-heading:not( [data-theme="dark"] * ) {
	color: var( --wp--preset--color--base );
	margin-bottom: 0.75rem;
	line-height: 1.3;
}
.single-post .wp-block-post-content .wp-block-hosting2go-section.content-section h2.wp-block-heading:not( [data-theme="dark"] * ),
.page .wp-block-post-content .wp-block-hosting2go-section.content-section h2.wp-block-heading:not( [data-theme="dark"] * ) {
	font-size: clamp( 1.35rem, 2.5vw, 1.75rem );
}
.single-post .wp-block-post-content .wp-block-hosting2go-section.content-section h3.wp-block-heading:not( [data-theme="dark"] * ),
.page .wp-block-post-content .wp-block-hosting2go-section.content-section h3.wp-block-heading:not( [data-theme="dark"] * ) {
	font-size: clamp( 1.1rem, 2vw, 1.35rem );
}
.single-post .wp-block-post-content .wp-block-hosting2go-section.content-section h4.wp-block-heading:not( [data-theme="dark"] * ),
.single-post .wp-block-post-content .wp-block-hosting2go-section.content-section h5.wp-block-heading:not( [data-theme="dark"] * ),
.single-post .wp-block-post-content .wp-block-hosting2go-section.content-section h6.wp-block-heading:not( [data-theme="dark"] * ),
.page .wp-block-post-content .wp-block-hosting2go-section.content-section h4.wp-block-heading:not( [data-theme="dark"] * ),
.page .wp-block-post-content .wp-block-hosting2go-section.content-section h5.wp-block-heading:not( [data-theme="dark"] * ),
.page .wp-block-post-content .wp-block-hosting2go-section.content-section h6.wp-block-heading:not( [data-theme="dark"] * ) {
	font-size: 1rem;
}

 
.single-post .wp-block-post-content .wp-block-paragraph,
.page .wp-block-post-content .wp-block-paragraph {
	margin-top: 0;
	margin-bottom: 1.25em;
}

 
.single-post .wp-block-post-content .wp-block-list,
.page .wp-block-post-content .wp-block-list {
	padding-inline-start: 0px !important;
	margin-bottom: 1.25em;
	color: var( --wp--preset--color--text );
}
.single-post .wp-block-post-content .wp-block-list li,
.page .wp-block-post-content .wp-block-list li {
	margin-bottom: 0.4em;
	margin-left: 24px;
}
 
.single-post .wp-block-post-content .wp-block-list.is-style-checklist li,
.page .wp-block-post-content .wp-block-list.is-style-checklist li {
	margin-left: 0;
}

 
.single-post .wp-block-post-content .wp-block-quote,
.page .wp-block-post-content .wp-block-quote {
	border-left: 4px solid var( --wp--preset--color--primary );
	padding: 1rem 1.5rem;
	margin: 2rem 0;
	background: color-mix(in srgb, var(--wp--preset--color--primary) 4%, transparent);
	border-radius: 0 var( --radius ) var( --radius ) 0;
}
.single-post .wp-block-post-content .wp-block-quote p,
.page .wp-block-post-content .wp-block-quote p {
	font-style: italic;
	font-size: 1.1rem;
	color: var( --wp--preset--color--base );
	margin-bottom: 0;
}
.single-post .wp-block-post-content .wp-block-quote cite,
.page .wp-block-post-content .wp-block-quote cite {
	display: block;
	font-style: normal;
	font-size: 0.875rem;
	color: var( --wp--preset--color--muted );
	margin-top: 0.5rem;
}

 
.single-post .wp-block-post-content .wp-block-image,
.page .wp-block-post-content .wp-block-image {
	margin: 1.75rem 0;
}
.single-post .wp-block-post-content .wp-block-image img,
.page .wp-block-post-content .wp-block-image img {
	border-radius: var( --radius );
	max-width: 100%;
	height: auto;
}
.single-post .wp-block-post-content .wp-block-image figcaption,
.page .wp-block-post-content .wp-block-image figcaption {
	font-size: 0.85rem;
	color: var( --wp--preset--color--muted );
	text-align: center;
	margin-top: 0.5rem;
	font-style: italic;
}

 
.single-post .wp-block-post-content .wp-block-code,
.page .wp-block-post-content .wp-block-code {
	background: var( --wp--preset--color--base );
	color: var( --wp--preset--color--border );
	border-radius: var( --radius );
	padding: 1.25rem 1.5rem;
	overflow-x: auto;
	margin: 1.5rem 0;
	font-size: 0.9em;
	line-height: 1.6;
}
.single-post .wp-block-post-content code:not( pre code ),
.page .wp-block-post-content code:not( pre code ) {
	background: color-mix(in srgb, var(--wp--preset--color--primary) 8%, transparent);
	color: var( --wp--preset--color--primary );
	padding: 0.15em 0.45em;
	border-radius: 4px;
	font-size: 0.875em;
}

 
.single-post .wp-block-post-content .wp-block-separator,
.page .wp-block-post-content .wp-block-separator {
	border: none;
	border-top: 1px solid var( --wp--preset--color--border );
	margin: 2.5rem 0;
}

 
.single-post .wp-block-post-content :where( .wp-block-paragraph, .wp-block-list, .wp-block-heading, .wp-block-quote ) a:not( .wp-block-button__link ):not( [data-theme="dark"] * ),
.page .wp-block-post-content :where( .wp-block-paragraph, .wp-block-list, .wp-block-heading, .wp-block-quote ) a:not( .wp-block-button__link ):not( [data-theme="dark"] * ) {
	color: var( --wp--preset--color--primary );
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color 0.2s ease;
}
.single-post .wp-block-post-content :where( .wp-block-paragraph, .wp-block-list, .wp-block-heading, .wp-block-quote ) a:not( .wp-block-button__link ):not( [data-theme="dark"] * ):hover,
.page .wp-block-post-content :where( .wp-block-paragraph, .wp-block-list, .wp-block-heading, .wp-block-quote ) a:not( .wp-block-button__link ):not( [data-theme="dark"] * ):hover {
	color: var( --wp--preset--color--base );
}

 
 
.single-post .wp-block-post-content .wp-block-table,
.page .wp-block-post-content .wp-block-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1.75rem 0;
	border: 1px solid var( --wp--preset--color--border );
	border-radius: var( --radius, 10px );
	background: var( --wp--preset--color--white );
}
 
.single-post .wp-block-post-content .wp-block-table table,
.page .wp-block-post-content .wp-block-table table {
	width: 100%;
	min-width: 0;
	margin: 0;
	table-layout: auto;
	border-collapse: collapse;
	font-size: 0.95rem;
	line-height: 1.55;
}
 
.single-post .wp-block-post-content .wp-block-table thead,
.page .wp-block-post-content .wp-block-table thead {
	border-bottom: none;
}
.single-post .wp-block-post-content .wp-block-table th,
.single-post .wp-block-post-content .wp-block-table td,
.page .wp-block-post-content .wp-block-table th,
.page .wp-block-post-content .wp-block-table td {
	border: none;
	border-bottom: 1px solid var( --wp--preset--color--border );
	padding: 0.8rem 1.1rem;
	vertical-align: top;
	text-align: left;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: manual;  
}
 
.single-post .wp-block-post-content .wp-block-table th,
.single-post .wp-block-post-content .wp-block-table thead td,
.page .wp-block-post-content .wp-block-table th,
.page .wp-block-post-content .wp-block-table thead td {
	background: var( --wp--preset--color--base );
	color: var( --wp--preset--color--white );
	font-family: var( --font-display );
	font-weight: 600;
	text-align: left;
	vertical-align: middle;
	border-bottom-color: var( --wp--preset--color--base );
}
.single-post .wp-block-post-content .wp-block-table tbody tr:last-child td,
.page .wp-block-post-content .wp-block-table tbody tr:last-child td {
	border-bottom: none;
}
 
.single-post .wp-block-post-content .wp-block-table tbody td:first-child,
.page .wp-block-post-content .wp-block-table tbody td:first-child {
	color: var( --wp--preset--color--base );
	font-weight: 500;
}
 
.single-post .wp-block-post-content .wp-block-table thead th,
.single-post .wp-block-post-content .wp-block-table thead td,
.page .wp-block-post-content .wp-block-table thead th,
.page .wp-block-post-content .wp-block-table thead td {
	white-space: nowrap;
}
.single-post .wp-block-post-content .wp-block-table table:has( tr > :nth-child( 3 ) ) tbody td:first-child,
.page .wp-block-post-content .wp-block-table table:has( tr > :nth-child( 3 ) ) tbody td:first-child {
	min-width: 9rem;
}
 
.single-post .wp-block-post-content .wp-block-table table:not( :has( thead ) ) tbody td:first-child,
.page .wp-block-post-content .wp-block-table table:not( :has( thead ) ) tbody td:first-child {
	width: 30%;
	background: var( --wp--preset--color--base );
	color: var( --wp--preset--color--white );
	font-family: var( --font-display );
	font-weight: 600;
	border-bottom-color: color-mix( in srgb, var( --wp--preset--color--white ) 14%, var( --wp--preset--color--base ) );
}
.single-post .wp-block-post-content .wp-block-table table:not( :has( thead ) ) tbody tr:last-child td:first-child,
.page .wp-block-post-content .wp-block-table table:not( :has( thead ) ) tbody tr:last-child td:first-child {
	border-bottom: none;
}
 
.single-post .wp-block-post-content .wp-block-table table:has( tr > :nth-child( 4 ) ),
.page .wp-block-post-content .wp-block-table table:has( tr > :nth-child( 4 ) ) {
	min-width: 40rem;
}
.single-post .wp-block-post-content .wp-block-table table:has( tr > :nth-child( 5 ) ),
.page .wp-block-post-content .wp-block-table table:has( tr > :nth-child( 5 ) ) {
	min-width: 52rem;
}

 
@media ( max-width: 640px ) {
	.single-post .wp-block-post-content .wp-block-table th,
	.single-post .wp-block-post-content .wp-block-table td,
	.page .wp-block-post-content .wp-block-table th,
	.page .wp-block-post-content .wp-block-table td {
		padding: 0.65rem 0.8rem;
	}
	.page .wp-block-post-content .wp-block-table table:not( :has( thead ) ) tbody td:first-child {
		width: 38%;
	}
	.single-post .wp-block-post-title {
		font-size: clamp( 1.6rem, 7vw, 1.9rem );
	}
}

 
.post-hero__breadcrumb {
	margin-bottom: 1.25rem;
}
.post-hero__breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 0.35em;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.8rem;
	font-family: var( --font-display );
	font-weight: 500;
	letter-spacing: 0.01em;
}
.post-hero__breadcrumb li {
	display: flex;
	align-items: center;
	gap: 0 0.35em;
	color: color-mix(in srgb, var(--wp--preset--color--white) 55%, transparent);
}
.post-hero__breadcrumb li + li::before {
	content: '›';
	color: color-mix(in srgb, var(--wp--preset--color--white) 35%, transparent);
	font-size: 1em;
	line-height: 1;
}
.post-hero__breadcrumb a {
	color: color-mix(in srgb, var(--wp--preset--color--white) 70%, transparent);
	text-decoration: none;
	transition: color 0.2s ease;
}
.post-hero__breadcrumb a:hover,
.post-hero__breadcrumb a:focus-visible {
	color: var(--wp--preset--color--white);
	text-decoration: underline;
}
.post-hero__breadcrumb [aria-current="page"] {
	color: color-mix(in srgb, var(--wp--preset--color--white) 45%, transparent);
}

 

 
.project-banner__content {
	color: var(--wp--preset--color--white);
}
 
.hero-banner--no-image .project-banner__inner {
	max-width: 820px;
}

 
.project-hero__breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.35em;
	font-size: 0.8125rem;
	color: color-mix(in srgb, var(--wp--preset--color--white) 60%, transparent);
	margin-bottom: 1.25rem;
}
.project-hero__breadcrumb a {
	color: color-mix(in srgb, var(--wp--preset--color--white) 70%, transparent);
	text-decoration: none;
	transition: color 0.2s ease;
}
.project-hero__breadcrumb a:hover { color: var(--wp--preset--color--white); }
.project-hero__breadcrumb [aria-current="page"] { color: color-mix(in srgb, var(--wp--preset--color--white) 45%, transparent); }

 
.project-hero__title {
	font-size: clamp( 1.75rem, 5vw, 3rem );
	font-weight: 700;
	color: var(--wp--preset--color--white);
	margin: 0 0 0.75rem;
	line-height: 1.15;
	max-width: 720px;
}
.project-hero__intro {
	font-size: clamp( 1rem, 2vw, 1.1rem );
	color: color-mix(in srgb, var(--wp--preset--color--white) 82%, transparent);
	line-height: 1.65;
	max-width: 640px;
	margin: 0 0 1.25rem;
}

 
.project-hero__metrics {
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem;
	margin-top: 2rem;
	padding-top: 1.5rem;
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 20%, transparent);
	max-width: 640px;
}

.project-hero__metric {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.6rem;
	text-align: center;
}

 
.project-hero__metric-value {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.15em;
	line-height: 1;
	width: clamp( 84px, 10vw, 112px );
	height: clamp( 84px, 10vw, 112px );
	flex: none;
	border-radius: 50%;
	background: var( --wp--preset--color--base-light );
	border: 1px solid color-mix( in srgb, var( --wp--preset--color--white ) 14%, transparent );
	padding: 0.5rem;
	overflow: hidden;
}

.project-hero__metric-number {
	font-size: clamp( 1.15rem, 2.6vw, 1.6rem );
	font-weight: 700;
	color: var(--wp--preset--color--white);
	font-variant-numeric: tabular-nums;
}

 
.project-hero__metric-digit {
	display: inline-block;
	overflow: hidden;
	height: 1em;
	line-height: 1;
	vertical-align: bottom;
}
.project-hero__metric-digit-strip {
	display: flex;
	flex-direction: column;
	will-change: transform;
}
.project-hero__metric-digit-cell {
	height: 1em;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.project-hero__metric-digit-static {
	display: inline-block;
}

.project-hero__metric-prefix,
.project-hero__metric-suffix {
	font-size: 0.9em;
	color: var(--wp--preset--color--white);
	font-weight: 600;
}

.project-hero__metric-label {
	font-size: 0.8rem;
	color: var(--wp--preset--color--white);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 500;
}

 
.tech-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: 1rem;
}
.tech-pill {
	display: inline-flex;
	align-items: center;
	padding: 0.4rem 0.9rem;
	border-radius: 100px;
	background: color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 20%, transparent);
	color: var(--wp--preset--color--white);
	font-size: 0.85rem;
	font-weight: 600;
}

 
.project-body {
	padding: var( --wp--preset--spacing--60, 6rem ) 0 var( --wp--preset--spacing--70, 8rem );
	background: var(--wp--preset--color--background);
}
.project-body__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5rem;
	align-items: start;
}
.project-body__content {
	min-width: 0;
}
.project-body__content > * + * { margin-top: 1.25em; }
.project-body__content h2 { font-size: 1.5rem; color: var( --wp--preset--color--base ); margin-top: 2.75rem; }
.project-body__content h2:first-child { margin-top: 0; }
.project-body__content h3 { font-size: 1.2rem; color: var( --wp--preset--color--base ); }
.project-body__content p  { color: var( --wp--preset--color--text ); line-height: 1.7; }
.project-body__content > p:first-child,
.project-body__content > .vacature-body__title + p {
	font-size: 1.15rem;
	font-weight: 500;
	line-height: 1.6;
	color: var( --wp--preset--color--base );
}
.project-body__content img { max-width: 100%; border-radius: var( --radius-md, 10px ); }
 
.project-body__content > h2.vacature-body__title {
	margin: 0 0 0.25em;
	font-size: clamp( 1.8rem, 3vw, 2.4rem );
}
.project-body__empty { color: var( --wp--preset--color--muted ); font-style: italic; }

 
.vacature-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	background: color-mix( in srgb, var( --wp--preset--color--primary ) 6%, var( --wp--preset--color--background ) );
	border: 1px solid var( --wp--preset--color--border );
	border-radius: var( --radius-lg, 16px );
	padding: 1.5rem 1.75rem;
}
.vacature-cta p { margin: 0; font-weight: 600; color: var( --wp--preset--color--base ); }
.vacature-cta .wp-block-buttons { margin: 0; }
@media ( max-width: 640px ) {
	.vacature-cta { flex-direction: column; align-items: flex-start; }
}

 
.project-meta { min-width: 0; }
.project-meta__card {
	background: var(--wp--preset--color--white);
	border-radius: var( --radius-lg, 16px );
	box-shadow: 0 4px 20px color-mix(in srgb, var(--wp--preset--color--base) 8%, transparent);
	overflow: hidden;
	position: sticky;
	top: 140px;
}
.project-meta__row {
	padding: 0.9rem 1.25rem;
	border-bottom: 1px solid var(--wp--preset--color--border);
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}
.project-meta__row--pills { gap: 0.5rem; }
.project-meta__row:last-of-type { border-bottom: none; }
.project-meta__label {
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: var(--wp--preset--color--muted);
}
.project-meta__value {
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--wp--preset--color--base);
}

 
.project-meta__pills {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}
.project-meta__pill {
	background: var(--wp--preset--color--background);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 100px;
	padding: 0.2em 0.7em;
	font-size: 0.8rem;
	font-weight: 500;
	color: var(--wp--preset--color--text);
}

 
.project-meta__cta {
	padding: 1.25rem;
	border-top: 1px solid var(--wp--preset--color--border);
}
.project-meta__cta .btn {
	width: 100%;
	justify-content: center;
}

 
.vacature-meta { min-width: 0; }
.vacature-meta__card {
	background: var(--wp--preset--color--white);
	border-radius: var( --radius-lg, 16px );
	box-shadow: 0 4px 20px color-mix(in srgb, var(--wp--preset--color--base) 8%, transparent);
	overflow: hidden;
	position: sticky;
	top: 140px;
}
.vacature-meta__row {
	padding: 0.9rem 1.25rem;
	border-bottom: 1px solid var(--wp--preset--color--border);
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}
.vacature-meta__row:last-of-type { border-bottom: none; }
.vacature-meta__label {
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: var(--wp--preset--color--muted);
}
.vacature-meta__value {
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--wp--preset--color--base);
	display: flex;
	align-items: center;
	gap: 0.4em;
}
.vacature-meta__value .ic { width: 16px; height: 16px; flex-shrink: 0; }
.vacature-meta__cta {
	padding: 1.25rem;
	border-top: 1px solid var(--wp--preset--color--border);
}
.vacature-meta__cta .btn {
	width: 100%;
	justify-content: center;
}

 
.project-gallery {
	background: var(--wp--preset--color--white);
	padding: 3rem 0 4rem;
	border-top: 1px solid var(--wp--preset--color--border);
}
.project-gallery__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}
.project-gallery__item {
	border: none;
	padding: 0;
	background: var(--wp--preset--color--background);
	border-radius: var( --radius-md, 10px );
	overflow: hidden;
	cursor: zoom-in;
	display: block;
	width: 100%;
	transition: transform 0.25s var( --ease ), box-shadow 0.25s var( --ease );
}
.project-gallery__item:hover {
	transform: translateY( -3px );
	box-shadow: 0 12px 28px color-mix(in srgb, var(--wp--preset--color--base) 14%, transparent);
}
.project-gallery__item img {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
	display: block;
}

 
.pg-lightbox {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease;
}
.pg-lightbox.is-open {
	opacity: 1;
	pointer-events: all;
}
.pg-lightbox__backdrop {
	position: absolute;
	inset: 0;
	background: color-mix(in srgb, var(--wp--preset--color--base) 92%, transparent);
}
.pg-lightbox__stage {
	position: relative;
	z-index: 1;
	max-width: min( 92vw, 1100px );
	max-height: 90vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pg-lightbox__img {
	max-width: 100%;
	max-height: 88vh;
	border-radius: var( --radius-md, 10px );
	box-shadow: 0 24px 64px rgba( 0, 0, 0, 0.6 );
	object-fit: contain;
	display: block;
}
.pg-lightbox__close,
.pg-lightbox__prev,
.pg-lightbox__next {
	position: fixed;
	background: color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent);
	border: none;
	border-radius: 50%;
	color: var(--wp--preset--color--white);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s ease;
	z-index: 2;
}
.pg-lightbox__close:hover,
.pg-lightbox__prev:hover,
.pg-lightbox__next:hover { background: color-mix(in srgb, var(--wp--preset--color--white) 25%, transparent); }
.pg-lightbox__close { top: 1.25rem; right: 1.25rem; width: 44px; height: 44px; }
.pg-lightbox__close svg,
.pg-lightbox__prev svg,
.pg-lightbox__next svg { width: 22px; height: 22px; }
.pg-lightbox__prev { left: 1rem; top: 50%; transform: translateY( -50% ); width: 48px; height: 48px; }
.pg-lightbox__next { right: 1rem; top: 50%; transform: translateY( -50% ); width: 48px; height: 48px; }

@media ( prefers-reduced-motion: reduce ) {
	.pg-lightbox { transition: none; }
	.project-gallery__item { transition: none; }
}

 
.project-single-editor-preview {
	border: 2px dashed #c3c4c7;
	border-radius: 8px;
	background: #f6f7f7;
}
.project-single-editor-preview__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	padding: 2.5rem;
	text-align: center;
	color: #50575e;
}
.project-single-editor-preview__icon {
	width: 64px;
	height: 64px;
	background: var( --wp--preset--color--border );
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #a7aaad;
	margin-bottom: 0.5rem;
}

 
@media ( min-width: 680px ) {
	.project-gallery__grid { grid-template-columns: repeat( 2, 1fr ); }
}

@media ( min-width: 860px ) {
	.project-body__inner { grid-template-columns: 1fr 300px; gap: 3.5rem; }
	.project-gallery__grid { grid-template-columns: repeat( 3, 1fr ); }
}

@media ( min-width: 1100px ) {
	.project-body__inner { grid-template-columns: 1fr 320px; }
}

 
.is-layout-flex:has( > .wp-block-group + .wp-block-group ) {
	align-items: flex-start;
}
.is-layout-flex:has( > .wp-block-group + .wp-block-group ) > .wp-block-group {
	flex: 1 1 0;
	min-width: 0;
}

 
.logo__brand-academy-wrap {
	display: none;
	position: relative;
}
.logo__brand-academy {
	display: block;
	height: 38px;
	width: auto;
	 
	opacity: 0;
}
 
@property --logo-academy-rest {
	syntax: '<color>';
	inherits: true;
	initial-value: #ffffff;
}
.logo__brand-academy-mark {
	position: absolute;
	inset: 0;
	-webkit-mask: var(--h2g-academy-logo) no-repeat center / contain;
	mask: var(--h2g-academy-logo) no-repeat center / contain;
	--logo-wipe: 0%;
	--logo-academy-rest: var(--wp--preset--color--white);
	 
	--logo-fill: var(--wp--preset--color--highlight);
	transition: --logo-wipe .55s var(--ease), --logo-academy-rest .35s var(--ease), --logo-fill .35s var(--ease);
	pointer-events: none;
	background: linear-gradient(
		90deg,
		var(--logo-fill) 0%, var(--logo-fill) var(--logo-wipe),
		var(--logo-academy-rest) var(--logo-wipe), var(--logo-academy-rest) 100%
	);
}
.logo.is-logo-leaving .logo__brand-academy-mark {
	background: linear-gradient(
		90deg,
		var(--logo-academy-rest) 0%, var(--logo-academy-rest) var(--logo-wipe),
		var(--logo-fill) var(--logo-wipe), var(--logo-fill) 100%
	);
}
 
.logo:focus-visible .logo__brand-academy-mark {
	--logo-wipe: 100%;
}
 
.logo.is-logo-snapping .logo__brand-academy-mark {
	transition-duration: 0s, .35s, .35s;
}
:root[data-brand="academy"] .logo__wrap {
	display: none;
}
:root[data-brand="academy"] .logo__brand-academy-wrap {
	display: inline-flex;
}
 
:root[data-brand="academy"] .site-header.is-scrolled .logo__brand-academy-mark {
	--logo-academy-rest: #000;
	--logo-fill: var(--wp--preset--color--highlight-dark);
}
@media (prefers-reduced-motion: reduce) {
	.logo__brand-academy-mark { transition: none; }
}

 

 
.hero__img {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-size: cover;
	background-position: center;
	pointer-events: none;
}
 
.hero__img video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

 
.hero.has-bg-img .hero__bg,
.hero-banner.has-bg-img .hero__bg,
.hero-split.has-bg-img .hero__bg {
	background: linear-gradient(
		160deg,
		color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent) 0%,
		color-mix(in srgb, var(--wp--preset--color--base) 72%, transparent) 100%
	);
}

 
.has-bg-echo .hero__img {
	opacity: 0.16;
	transform: rotate( -6deg ) scale( 1.4 );
	transform-origin: center;
}

 
.hero-split__inner .price-card :where( h1, h2, h3, h4, h5, h6 ),
.hero-banner__inner .price-card :where( h1, h2, h3, h4, h5, h6 ),
.hero-split__inner .price-card :where( p, ul, ol, li ),
.hero-banner__inner .price-card :where( p, ul, ol, li ) {
	color: inherit;
}
.hero-split__inner .price-card--featured,
.hero-banner__inner .price-card--featured {
	color: var( --wp--preset--color--base );
}

 

 
.project-hero__frame {
	display: block;
	border-radius: var( --radius-lg, 16px );
	overflow: hidden;
	box-shadow: var( --wp--custom--shadow--lg, 0 30px 60px rgba( 12, 1, 65, 0.16 ) );
	background: color-mix( in srgb, var( --wp--preset--color--base ) 70%, black 30% );
	padding-top: 32px;
	position: relative;
}
.project-hero__frame::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 32px;
	background: color-mix( in srgb, var( --wp--preset--color--base ) 55%, black 45% );
	z-index: 1;
}
.project-hero__frame::after {
	content: "";
	position: absolute;
	top: 12px;
	left: 14px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: color-mix( in srgb, var( --wp--preset--color--white ) 35%, transparent );
	box-shadow:
		18px 0 0 color-mix( in srgb, var( --wp--preset--color--white ) 35%, transparent ),
		36px 0 0 color-mix( in srgb, var( --wp--preset--color--white ) 35%, transparent );
	z-index: 2;
}
.project-hero__frame img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0;  
	filter: none;  
}

 
.project-meta__label {
	display: flex;
	align-items: center;
	gap: 0.4em;
}
.project-meta__label .ic {
	width: 13px;
	height: 13px;
	flex-shrink: 0;
}

 
@media ( min-width: 680px ) {
	.project-gallery__item--featured {
		grid-column: span 2;
		grid-row: span 2;
	}
}

 
.project-related {
	padding: clamp( 3rem, 6vw, 5rem ) 0;
	background: var( --wp--preset--color--background );
}
.project-related__head {
	text-align: center;
	max-width: 560px;
	margin: 0 auto 2.5rem;
}
.project-related__head h2 {
	font-size: clamp( 1.6rem, 3vw, 2.2rem );
	margin-bottom: 0.5rem;
}
.project-related__head p {
	color: var( --wp--preset--color--text );
}
.project-related__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
}
@media ( min-width: 640px ) {
	.project-related__grid { grid-template-columns: repeat( 2, 1fr ); }
}
@media ( min-width: 860px ) {
	.project-related__grid { grid-template-columns: repeat( 3, 1fr ); }
}

 
.hero-intro__content,
.hero-intro__visual {
	opacity: 0;
}
.no-gsap .hero-intro__content,
.no-gsap .hero-intro__visual {
	opacity: 1;
}
@media ( prefers-reduced-motion: reduce ) {
	.hero-intro__content,
	.hero-intro__visual {
		opacity: 1 !important;
	}
}

 
.partners {
	padding: var( --section-y ) var( --section-x );
}

.partners__empty {
	color: var( --wp--preset--color--muted );
	font-size: 0.9rem;
}

.partners__intro {
	margin-bottom: clamp( 2rem, 5vw, 3rem );
}

.partners__intro .eyebrow {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	color: var( --wp--preset--color--primary );
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 0.75rem;
}

 
.partners__intro h2,
.partners__content h2 {
	font-size: clamp( 1.5rem, 4vw, 2.5rem );
	margin-bottom: 0.5rem;
	line-height: 1.2;
}

 
.partners__intro p {
	font-size: 1rem;
	color: var( --wp--preset--color--text );
	max-width: 600px;
}

.partners__content p {
	font-size: 1rem;
	color: var( --wp--preset--color--text );
}

 
.partners__intro em,
.partners__content em {
	font-style: normal;
	font-weight: 700;
}

.partners__grid {
	display: grid;
	grid-template-columns: repeat( var( --partners-cols, 4 ), 1fr );
	gap: var( --gap );
	max-width: 100%;
}

.partner-card {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 4 / 3;
	border-radius: var( --radius-btn );
	background-color: var( --wp--preset--color--muted-light );
	overflow: hidden;
	transition: transform 0.25s var( --ease ), box-shadow 0.25s var( --ease );
	cursor: default;
	text-decoration: none;
	color: inherit;
}

.partner-card img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	padding: 1rem;
}

.partner-card:is( a ) {
	cursor: pointer;
}

.partner-card:is( a ):hover {
	transform: translateY( -6px );
	box-shadow: var( --shadow-lg );
}

.partner-card__placeholder {
	font-size: 0.875rem;
	color: var( --wp--preset--color--muted );
	text-align: center;
	padding: 1rem;
}

 
.partners--side {
	--partners-cols: 3;
}

.partners__inner--side {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: clamp( 2rem, 5vw, 4rem );
	align-items: start;
}

.partners__content {
	padding-block: clamp( 1rem, 3vw, 2rem );
}

.partners__content .eyebrow {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	color: var( --wp--preset--color--primary );
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 0.75rem;
}

.partners__content h2 {
	font-size: clamp( 1.5rem, 4vw, 2.5rem );
	margin-bottom: 1rem;
	line-height: 1.2;
}

.partners__content p {
	font-size: 1rem;
	color: var( --wp--preset--color--text );
	margin-bottom: 1rem;
}

.partners__grid-col {
	display: flex;
	flex-direction: column;
}

 
@media ( max-width: 860px ) {
	.partners {
		--partners-cols: 2;
	}

	.partners__inner--side {
		grid-template-columns: 1fr;
		gap: clamp( 1.5rem, 4vw, 3rem );
	}
}

@media ( max-width: 560px ) {
	.partners {
		--partners-cols: 1;
	}
}

 
.team {
	padding: var( --section-y ) var( --section-x );
}

.team__intro {
	margin-bottom: clamp( 2rem, 5vw, 3rem );
}

.team__intro .eyebrow {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	color: var( --wp--preset--color--primary );
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 0.75rem;
}

.team__intro h2 {
	font-size: clamp( 1.5rem, 4vw, 2.5rem );
	margin-bottom: 0.5rem;
	line-height: 1.2;
}

.team__intro p {
	font-size: 1rem;
	color: var( --wp--preset--color--text );
}

.team__intro em {
	font-style: normal;
	font-weight: 700;
}

.team__grid {
	display: grid;
	grid-template-columns: repeat( var( --team-cols, 5 ), 1fr );
	gap: var( --gap );
}
 
@media ( max-width: 1024px ) {
	.team__grid {
		grid-template-columns: repeat( min( var( --team-cols, 5 ), 3 ), 1fr );
	}
}
@media ( max-width: 768px ) {
	.team__grid {
		grid-template-columns: repeat( min( var( --team-cols, 5 ), 2 ), 1fr );
	}
}

.team__empty {
	color: var( --wp--preset--color--muted );
	font-size: 0.9rem;
	grid-column: 1 / -1;
}

 
.team-card {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font: inherit;
	text-align: inherit;
	color: inherit;
	cursor: pointer;
}

.team-card__media {
	position: relative;
	aspect-ratio: 4 / 5;
	border-radius: var( --radius-lg );
	overflow: hidden;
	background-color: var( --wp--preset--color--base );
}

.team-card__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.team-card__img--base {
	opacity: 1;
	transition: opacity 0.35s var( --ease );
}

.team-card__img--hover {
	opacity: 0;
	transition: opacity 0.35s var( --ease );
}

.team-card__media:hover .team-card__img--base {
	opacity: 0;
}

.team-card__media:hover .team-card__img--hover {
	opacity: 1;
}

.team-card__placeholder {
	position: absolute;
	inset: 0;
	background-color: var( --wp--preset--color--muted-light );
}

 
.team-card__overlay {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 1rem;
	background: linear-gradient( to top, color-mix( in srgb, var( --wp--preset--color--base ) 20%, transparent ) 0%, transparent 65% );
	opacity: 0;
	transform: translateY( 6px );
	transition: opacity 0.3s var( --ease ), transform 0.3s var( --ease );
}

.team-card__media:hover .team-card__overlay {
	opacity: 1;
	transform: translateY( 0 );
}

.team-card__name {
	display: block;
	color: var( --wp--preset--color--white );
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.3;
}

.team-card__role {
	display: block;
	color: color-mix( in srgb, var( --wp--preset--color--white ) 80%, transparent );
	font-size: 0.85rem;
	line-height: 1.3;
}

 
@media ( hover: none ) {
	.team-card__overlay {
		opacity: 1;
		transform: none;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.team-card__img,
	.team-card__overlay {
		transition: none;
	}
}

 
@media ( max-width: 1024px ) {
	.team {
		--team-cols: 3;
	}
}

@media ( max-width: 640px ) {
	.team {
		--team-cols: 2;
	}
}

 
.team-modal .h2g-popup__card {
	max-width: 640px;
}
.team-modal__inner {
	display: grid;
	grid-template-columns: 240px 1fr;
	align-items: stretch;
}
.team-modal__photo {
	position: relative;
	min-height: 320px;
	background: var( --wp--preset--color--muted-light );
}
.team-modal__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team-modal__content {
	padding: 2rem 2rem 2rem 1.75rem;
	display: flex;
	flex-direction: column;
}
.team-modal__name {
	font-family: var( --font-display, 'Sofia Pro', sans-serif );
	font-size: 1.35rem;
	font-weight: 700;
	color: var( --wp--preset--color--base );
	margin: 0 0 0.25rem;
	padding-right: 1.5rem;  
	line-height: 1.25;
}
.team-modal__role {
	font-size: 0.9rem;
	font-weight: 600;
	color: var( --wp--preset--color--primary );
	margin: 0 0 1rem;
}
.team-modal__role[hidden] {
	display: none;
}
.team-modal__bio {
	font-size: 0.95rem;
	color: var( --wp--preset--color--text );
	line-height: 1.65;
	margin: 0;
	flex: 1;
}
.team-modal__bio[hidden] {
	display: none;
}
.team-modal__socials {
	display: flex;
	gap: 0.6rem;
	margin-top: 1.5rem;
}
.team-modal__socials[hidden] {
	display: none;
}
.team-modal__social-link {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: color-mix( in srgb, var( --wp--preset--color--base ) 6%, transparent );
	color: var( --wp--preset--color--base );
	transition: background 0.2s, color 0.2s, transform 0.2s;
}
.team-modal__social-link:hover {
	background: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--white );
	transform: translateY( -3px );
}
.team-modal__social-link[hidden] {
	display: none;
}
.team-modal__social-link svg {
	width: 18px;
	height: 18px;
	display: block;
}
 
.team-modal__social-link[data-social="website"] svg {
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

@media ( max-width: 600px ) {
	.team-modal__inner {
		grid-template-columns: 1fr;
	}
	.team-modal__photo {
		min-height: 0;
		aspect-ratio: 4 / 3;
	}
	.team-modal__content {
		padding: 1.5rem 1.5rem 1.75rem;
	}
}

 
.callback-cta__trigger {
	cursor: pointer;
}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
@media ( max-width: 860px ) {

	 
}

@media ( max-width: 560px ) {
}

 

 

.project-comparison-before-after {
	padding-block: 3rem 4rem;
	background: linear-gradient(180deg, rgba(241, 251, 251, 0.5), rgba(229, 225, 246, 0.5));
}

.project-comparison-before-after__headline {
	font-size: clamp(1.5rem, 4vw, 2.25rem);
	font-weight: 600;
	color: var(--wp--preset--color--base);
	margin-bottom: 2rem;
	text-align: center;
}

.comparison-slider {
	max-width: 900px;
	margin: 0 auto;
	position: relative;
}

.comparison-slider__figure {
	position: relative;
	margin: 0;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 12px 36px rgba(12, 1, 65, 0.15);
}

.comparison-slider__image {
	display: block;
	width: 100%;
	height: auto;
}

.comparison-slider__image--before {
	display: block;
}

.comparison-slider__image--after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: inset(0 50% 0 0);
}

.comparison-slider__handle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	min-width: 90px;
	min-height: 70px;
	border: none;
	border-radius: 50px;
	background: var(--wp--preset--color--primary);
	color: white;
	cursor: grab;
	box-shadow: 0 8px 24px rgba(81, 22, 193, 0.35);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	z-index: 10;
	padding: 16px 24px;
	user-select: none;
	transition: background 0.2s ease, box-shadow 0.2s ease;
}

.comparison-slider__handle:hover {
	background: var(--wp--preset--color--primary-light);
	box-shadow: 0 12px 32px rgba(81, 22, 193, 0.45);
	cursor: grabbing;
}

.comparison-slider__handle-label {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: white;
	opacity: 0.9;
	white-space: nowrap;
	transition: opacity 0.3s ease-in-out;
}

.comparison-slider:hover .comparison-slider__handle-label {
	opacity: 1;
}

 

.project-testimonial {
	padding-block: var(--section-y) var(--section-y);
	background: transparent;
}

.testimonial-card {
	max-width: 860px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.testimonial-card__quote-icon {
	font-family: var(--font-display);
	font-weight: 800;
	font-size: 4rem;
	line-height: 1;
	color: var(--wp--preset--color--highlight);
	display: block;
	margin-bottom: -0.5rem;
}

.testimonial-card__text {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: clamp(1.4rem, 3vw, 2.1rem);
	line-height: 1.3;
	color: var(--wp--preset--color--base);
	letter-spacing: -0.01em;
	margin: 1.5rem 0;
	font-style: normal;
}

.testimonial-card__text p {
	margin: 0;
}

.testimonial-card__author-group {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	margin-top: 1.8rem;
}

.testimonial-card__photo {
	width: 52px;
	height: 52px;
	margin: 0;
	border-radius: 50%;
	overflow: hidden;
	background: var(--wp--preset--color--background);
	flex-shrink: 0;
}

.testimonial-card__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.testimonial-card__author-text {
	text-align: left;
}

.testimonial-card__author-name {
	display: block;
	font-family: var(--font-display);
	color: var(--wp--preset--color--base);
	font-weight: 700;
}

.testimonial-card__author-role {
	font-size: 0.9rem;
	color: var(--wp--preset--color--muted);
	display: block;
}

 

@media (max-width: 768px) {
	.project-hero__metrics {
		gap: 1.5rem;
	}

	.project-hero__metric-value {
		width: 76px;
		height: 76px;
	}

	.project-hero__metric-number {
		font-size: 1.3rem;
	}

	.testimonial-card__author-group {
		flex-direction: column;
		text-align: center;
		border-top: none;
		padding-top: 0;
		margin-top: 1.5rem;
	}

	.testimonial-card__photo {
		width: 50px;
		height: 50px;
	}
}

@media (max-width: 560px) {
	.project-comparison-before-after,
	.project-testimonial {
		padding-block: 2rem 2.5rem;
	}

	.testimonial-card__text {
		font-size: 1.1rem;
	}

	.tech-pills {
		gap: 0.75rem;
	}

	.tech-pill {
		padding: 0.5rem 1rem;
		font-size: 0.85rem;
	}
}

 
.h2g-btw-label {
	display: block;
	margin-top: 2px;
	font-size: 0.75em;
	font-weight: 400;
	opacity: 0.65;
}
 
.h2g-btw-label.h2g-btw {
	display: inline-grid;
}

 
.domain-finder--popup {
	opacity: 0;
	transform: scale( 0.96 );
	transition: opacity 0.25s ease, transform 0.25s ease;
}
.domain-finder--popup.is-open {
	opacity: 1;
	transform: none;
}

.domain-finder__header {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin-bottom: 0.9rem;
	padding-bottom: 0.9rem;
	border-bottom: 1px solid color-mix( in srgb, var( --wp--preset--color--white ) 16%, transparent );
	color: var( --wp--preset--color--white );
	font-weight: 700;
	font-size: 1.05rem;
}
.domain-finder__header-icon {
	width: 1.3em;
	height: 1.3em;
	flex: none;
	color: var( --wp--preset--color--highlight );
}

.domain-finder__package {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 0.9rem;
	padding-bottom: 0.9rem;
	border-bottom: 1px solid color-mix( in srgb, var( --wp--preset--color--white ) 16%, transparent );
	color: var( --wp--preset--color--white );
}
.domain-finder__package-name {
	font-weight: 700;
	font-size: 1.05rem;
}
.domain-finder__package-price {
	font-weight: 700;
	color: var( --wp--preset--color--highlight );
	white-space: nowrap;
}
 
@media ( max-width: 560px ) {
	.domain-finder__package {
		flex-wrap: wrap;
		row-gap: 0.3rem;
	}
	.domain-finder__package-price {
		white-space: normal;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.domain-finder--popup {
		transition: none;
	}
}

 
.link-arrow--subtle {
	font-weight: 500;
	font-size: 0.9rem;
	color: var( --wp--preset--color--muted );
}

.link-arrow--subtle .ic {
	width: 0.85em;
	height: 0.85em;
}

.link-arrow--subtle:hover {
	color: var( --wp--preset--color--primary );
}

 
.wp-block-group.is-style-h2g-card {
	background:     var( --wp--preset--color--background );
	border-radius:  var( --radius );
	padding:        clamp( 1.6rem, 3vw, 2.2rem );
}
 
.wp-block-group.is-style-h2g-card .wp-block-list.is-style-checklist {
	column-count: 1;
	margin-top: -12px;
}

 
.wp-block-group.is-style-h2g-card:has( > .login-actions ) {
	display:        flex;
	flex-direction: column;
}
.wp-block-group.is-style-h2g-card > .login-actions {
	margin-top:  auto;
	padding-top: 1.25rem;
	display:     flex;
	flex-wrap:   wrap;
	align-items: center;
	gap:         .9rem 1.5rem;
}
.login-actions .wp-block-buttons {
	margin: 0;
}
.wp-block-group.is-style-h2g-card > .login-actions > p.login-actions__help {
	margin:    0;
	font-size: .95rem;
}
.page .wp-block-post-content .wp-block-group .login-actions .login-actions__help a {
	color:                      var( --wp--preset--color--base );
	font-weight:                600;
	text-decoration:            underline;
	text-decoration-color:      color-mix( in srgb, var( --wp--preset--color--primary ) 35%, transparent );
	text-decoration-thickness:  1.5px;
	text-underline-offset:      .3em;
	transition:                 color .2s, text-decoration-color .2s;
}
 
.page .wp-block-post-content .wp-block-group .login-actions .login-actions__help a:visited,
.page .wp-block-post-content .wp-block-group .login-actions .login-actions__help a:hover,
.page .wp-block-post-content .wp-block-group .login-actions .login-actions__help a:active,
.page .wp-block-post-content .wp-block-group .login-actions .login-actions__help a:focus {
	color: var( --wp--preset--color--base );
}
.page .wp-block-post-content .wp-block-group .login-actions .login-actions__help a:hover,
.page .wp-block-post-content .wp-block-group .login-actions .login-actions__help a:focus-visible {
	text-decoration-color: var( --wp--preset--color--primary );
}

 
.wp-block-group.is-style-h2g-ticket {
	--ticket-stub:  6.5rem;
	--ticket-notch: 12px;
	display: grid;
	grid-template-columns: var( --ticket-stub ) minmax( 0, 1fr );
	max-width: 30rem;
	margin-inline: auto;
	background: var( --wp--preset--color--white );
	color: var( --wp--preset--color--base );
	border-radius: var( --radius-lg );
	overflow: hidden;
	transform: rotate( -1.5deg );
	transition: transform 0.4s var( --ease );
	-webkit-mask:
		radial-gradient( circle at var( --ticket-stub ) 0, transparent var( --ticket-notch ), #000 calc( var( --ticket-notch ) + 0.5px ) ) top / 100% 51% no-repeat,
		radial-gradient( circle at var( --ticket-stub ) 100%, transparent var( --ticket-notch ), #000 calc( var( --ticket-notch ) + 0.5px ) ) bottom / 100% 51% no-repeat;
	mask:
		radial-gradient( circle at var( --ticket-stub ) 0, transparent var( --ticket-notch ), #000 calc( var( --ticket-notch ) + 0.5px ) ) top / 100% 51% no-repeat,
		radial-gradient( circle at var( --ticket-stub ) 100%, transparent var( --ticket-notch ), #000 calc( var( --ticket-notch ) + 0.5px ) ) bottom / 100% 51% no-repeat;
}
.wp-block-group.is-style-h2g-ticket:hover {
	transform: rotate( 0deg );
}
.wp-block-group.is-style-h2g-ticket .h2g-ticket__stub {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1.25rem 0.5rem;
	background: var( --wp--preset--color--primary );
	border-right: 2px dashed color-mix( in srgb, var( --wp--preset--color--white ) 55%, transparent );
	text-align: center;
}
.wp-block-group.is-style-h2g-ticket .h2g-ticket__stub p {
	margin: 0;
	max-width: none;
	color: var( --wp--preset--color--white );
	line-height: 1;
}
.wp-block-group.is-style-h2g-ticket .h2g-ticket__day {
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	opacity: 0.8;
}
.wp-block-group.is-style-h2g-ticket .h2g-ticket__date {
	margin: 0.3rem 0 0.2rem;
	font-family: var( --font-display );
	font-size: 2.9rem;
	font-weight: 800;
}
.wp-block-group.is-style-h2g-ticket .h2g-ticket__month {
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.wp-block-group.is-style-h2g-ticket .h2g-ticket__body {
	padding: 1.5rem 1.6rem 1.6rem 1.75rem;
}
.wp-block-group.is-style-h2g-ticket .h2g-ticket__label {
	display: inline-block;
	max-width: none;
	margin: 0 0 0.7rem;
	padding: 0.3rem 0.7rem;
	border-radius: 999px;
	background: color-mix( in srgb, var( --wp--preset--color--highlight ) 45%, var( --wp--preset--color--white ) );
	color: var( --wp--preset--color--base );
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1.2;
	text-transform: uppercase;
}
.wp-block-group.is-style-h2g-ticket h2 {
	margin: 0 0 0.9rem;
	color: var( --wp--preset--color--base );
	font-size: clamp( 1.35rem, 2.1vw, 1.7rem );
	line-height: 1.15;
}
.wp-block-group.is-style-h2g-ticket ul.icon-list {
	grid-template-columns: 1fr;
	gap: 0.45rem;
	margin: 0 0 1.3rem;
}
.wp-block-group.is-style-h2g-ticket li,
.wp-block-group.is-style-h2g-ticket .icon-list__text {
	color: var( --wp--preset--color--text );
	font-size: 0.95rem;
}
.wp-block-group.is-style-h2g-ticket .icon-list__icon svg {
	width: 20px;
	height: 20px;
}
.wp-block-group.is-style-h2g-ticket .wp-block-buttons {
	margin: 0;
}
@media ( max-width: 600px ) {
	.wp-block-group.is-style-h2g-ticket {
		--ticket-stub: 5rem;
		transform: rotate( -1deg );
	}
	.wp-block-group.is-style-h2g-ticket .h2g-ticket__date {
		font-size: 2.3rem;
	}
	.wp-block-group.is-style-h2g-ticket .h2g-ticket__body {
		padding: 1.25rem 1.15rem 1.3rem 1.3rem;
	}
}
@media ( prefers-reduced-motion: reduce ) {
	.wp-block-group.is-style-h2g-ticket {
		transition: none;
	}
}

 
.feature-tooltip {
	position: relative;
	display: inline-flex;
	align-items: center;
	 
	align-self: center;
	margin-left: -0.35em;
}

.feature-tooltip__trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	min-height: 22px;
	padding: 3px;
	background: transparent;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	 
	color: var( --wp--preset--color--highlight-dark );
	transition: color 0.2s ease;
}

.feature-tooltip__trigger:hover,
.feature-tooltip__trigger:focus-visible {
	outline: none;
	color: var( --wp--preset--color--primary );
}

.feature-tooltip__icon {
	display: block;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.feature-tooltip__panel {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 8px;
	max-width: 260px;
	width: max-content;
	padding: 0.75rem 0.9rem;
	background-color: var( --wp--preset--color--white );
	border: 1px solid var( --wp--preset--color--border );
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.12 );
	font-size: 0.85rem;
	line-height: 1.4;
	color: var( --wp--preset--color--text );
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease, visibility 0.2s ease;
}

 
.feature-tooltip__panel::before,
.feature-tooltip__panel::after {
	content: "";
	position: absolute;
	top: 100%;
	left: var( --tooltip-arrow-left, 50% );
	transform: translateX( -50% );
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid var( --wp--preset--color--border );
}

.feature-tooltip__panel::after {
	margin-top: -1px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-top-width: 6px;
	border-top-color: var( --wp--preset--color--white );
}

.feature-tooltip__panel:not([hidden]) {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
	.feature-tooltip__panel {
		transition: none;
	}
}

 
.feature-tooltip__panel p {
	margin: 0.5rem 0;
	font-size: inherit;
}

.feature-tooltip__panel p:first-child {
	margin-top: 0;
}

.feature-tooltip__panel p:last-child {
	margin-bottom: 0;
}

 
.feature-tooltip__panel ul,
.feature-tooltip__panel ol {
	margin: 0.5rem 0;
	padding-left: 1.2rem;
	font-size: inherit;
}

.feature-tooltip__panel li {
	margin: 0.3rem 0;
}

 
.feature-tooltip__panel a {
	color: var( --wp--preset--color--primary );
	text-decoration: underline;
}

.feature-tooltip__panel a:hover,
.feature-tooltip__panel a:focus {
	color: var( --wp--preset--color--highlight-dark );
	outline: none;
}

 
.feature-tooltip__panel strong {
	font-weight: 600;
	color: var( --wp--preset--color--base );
}

 
.feature-tooltip__panel em {
	font-style: italic;
	color: var( --wp--preset--color--highlight );
}

 
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect( 0, 0, 0, 0 );
	white-space: nowrap;
	border-width: 0;
}

 
.internetnl-notice,
.site-footer__internetnl,
.domain-finder__trust-note {
	font-size: .78rem;
	line-height: 1.5;
	opacity: .75;
}
.internetnl-notice p,
.site-footer__internetnl p,
.domain-finder__trust-note p {
	margin: 0;
	color: var( --wp--preset--color--white );
}
.internetnl-notice a,
.site-footer__internetnl a,
.domain-finder__trust-note a {
	color: inherit;
	text-decoration: underline;
}
.internetnl-notice--productkaarten {
	margin-top: 1.2rem;
	text-align: center;
}
 
.compare__inner > .internetnl-notice--productkaarten {
	grid-column: 1 / -1;
}

 
.domain-finder__trust-note {
	display: none;
	margin: .6rem 0 0;
}
.domain-finder.is-wide .domain-finder__trust-note,
.domain-finder--popup .domain-finder__trust-note {
	display: block;
}
.domain-finder__trust-note:empty {
	display: none;
}
 
.domain-finder--popup .domain-finder__trust-note {
	margin-top: 1rem;
	text-align: center;
}

 
.replay-video {
	margin: 0 0 var(--wp--preset--spacing--50);
	aspect-ratio: 16 / 9;
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--wp--preset--color--base);
}
.replay-video iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
.replay-video__link {
	margin: 0 0 var(--wp--preset--spacing--50);
}


 
.hero-banner.hero-banner--compact {
	padding-top: calc( 118px + 1.75rem );
	padding-bottom: clamp( 3.5rem, 6vw, 4.5rem );
}
.hero-banner--compact .hero-banner__inner {
	max-width: none;  
}
.hero-banner--compact h1 {
	margin-bottom: 0;
	font-size: clamp( 1.7rem, 3.4vw, 2.4rem );
}
.hero-banner--compact h1 + p {
	margin-top: .7rem;
	margin-bottom: 0;
	font-size: 1.05rem;
}
.hero-banner--compact .wp-block-buttons {
	margin-top: 1.25rem;
}
@media ( max-width: 860px ) {
	.hero-banner.hero-banner--compact {
		padding-top: calc( 76px + 1.5rem );
		padding-bottom: 3.25rem;
	}
}

 

.site-header:not(.is-scrolled) {
	background: var(--wp--preset--color--base);
}

 
body.h2g-popup-open {
	overflow: hidden;
}

 
html:has(.hero),
html:has(.hero-banner),
html:has(.hero-split),
html:has(.post-hero),
html:has(.is-contact-profile),
body:has(.hero),
body:has(.hero-banner),
body:has(.hero-split),
body:has(.post-hero),
body.is-contact-profile {
	background-color: var(--wp--preset--color--base);
}
#main-content {
	background-color: var(--wp--preset--color--background);
}

.wp-site-blocks {
	padding-top: 118px;
}

 
@media ( min-width: 861px ) {
	body.search-open .navbar > .logo,
	body.search-open .mainnav {
		opacity: 0.35;
		pointer-events: none;
		transition: opacity 0.25s var( --ease );
	}
}

 
.search-page-overlay {
	position: fixed;
	inset: 0;
	z-index: 5;
	background: color-mix( in srgb, var( --wp--preset--color--base ) 45%, transparent );
	backdrop-filter: blur( 6px );
	-webkit-backdrop-filter: blur( 6px );
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s var( --ease ), visibility 0.3s var( --ease );
}
body.search-open .search-page-overlay {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

 
.wp-site-blocks:has(.hero),
.wp-site-blocks:has(.hero-banner),
.wp-site-blocks:has(.hero-split),
.is-contact-profile .wp-site-blocks {
	padding-top: 0;
}
.wp-site-blocks:has(.hero) .site-header:not(.is-scrolled),
.wp-site-blocks:has(.hero-banner) .site-header:not(.is-scrolled),
.wp-site-blocks:has(.hero-split) .site-header:not(.is-scrolled) {
	background: transparent;
}

 
.wp-site-blocks:has(.hero) .site-header:not(.is-scrolled) .topbar,
.wp-site-blocks:has(.hero-banner) .site-header:not(.is-scrolled) .topbar,
.wp-site-blocks:has(.hero-split) .site-header:not(.is-scrolled) .topbar {
	background: var( --topbar-bg );
}

 
.hero__content > :where( h1, h2, h3, h4, h5, h6 ) {
	color: var(--wp--preset--color--white);
}
.hero__content > :where( p, ul, ol ),
.hero__content > :where( ul, ol ) li {
	color: color-mix(in srgb, var(--wp--preset--color--white) 85%, transparent);
}
.hero__content > :where( h1, h2, h3, h4, h5, h6 ) em {
	color: var( --wp--preset--color--highlight );
	font-style: normal;
}
.hero__content > p a {
	color: var(--wp--preset--color--white);
}

 
.hero-banner__inner :where( h1, h2, h3, h4, h5, h6 ),
.hero-split__inner :where( h1, h2, h3, h4, h5, h6 ) {
	color: var(--wp--preset--color--white);
}
.hero-banner__inner :where( p, ul, ol, li ),
.hero-split__inner :where( p, ul, ol, li ) {
	color: color-mix(in srgb, var(--wp--preset--color--white) 85%, transparent);
}
.hero-banner__inner :where( h1, h2, h3, h4, h5, h6 ) em,
.hero-split__inner :where( h1, h2, h3, h4, h5, h6 ) em {
	color: var( --wp--preset--color--highlight );
	font-style: normal;
}

 
.hero-banner__price :where( h1, h2, h3, h4, h5, h6 ) {
	margin: 0;
	color: var(--wp--preset--color--white);
	font-family: var( --font-display );
	font-weight: 800;
	font-size: clamp( 2rem, 4vw, 2.6rem );
}
.hero-banner__price p {
	margin: 0;
	color: color-mix(in srgb, var(--wp--preset--color--white) 70%, transparent);
	font-size: 0.95rem;
}
 
.hero-split .hero__secondary {
	color: color-mix(in srgb, var(--wp--preset--color--white) 85%, transparent);
}

 
.hero-banner__inner .wp-block-list,
.hero-split__inner .wp-block-list,
.hero__content .wp-block-list {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
.hero-banner__inner .wp-block-list li,
.hero-split__inner .wp-block-list li,
.hero__content .wp-block-list li {
	position: relative;
	padding-left: 1.75rem;
}
.hero-banner__inner .wp-block-list li::before,
.hero-split__inner .wp-block-list li::before,
.hero__content .wp-block-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.2em;
	width: 1.1rem;
	height: 1.1rem;
	background: var( --wp--preset--color--highlight );
	-webkit-mask: var( --check-mask ) center / contain no-repeat;
	mask: var( --check-mask ) center / contain no-repeat;
}

 

 
.site-header.is-scrolled .navbar {
	background: color-mix(in srgb, var(--wp--preset--color--white) 55%, transparent);
	backdrop-filter: blur( 22px ) saturate( 180% );
	-webkit-backdrop-filter: blur( 22px ) saturate( 180% );
	border-bottom-color: color-mix(in srgb, var(--wp--preset--color--white) 35%, transparent);
	box-shadow:
		0 8px 32px color-mix(in srgb, var(--wp--preset--color--base) 14%, transparent),
		inset 0 1px 0 color-mix(in srgb, var(--wp--preset--color--white) 65%, transparent);
}

 
.admin-bar .site-header {
	top: 32px;
}
@media screen and (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}
}

 
body.has-mobile-nav-open {
	overflow: hidden;
	height: 100vh;
}

 
.usp-strip {
	margin-block-start: 0px;
}
.home .usp-strip {
	padding-bottom: 20px;
}

.usp-marquee__track {
	animation: h2g-marquee var( --marquee-duration, 60s ) linear infinite;
}
.usp-marquee:hover .usp-marquee__track {
	animation-play-state: paused;
}
@keyframes h2g-marquee {
	from {
		transform: translateX( 0 );
	}
	to {
		 
		transform: var( --marquee-shift, translateX( -50% ) );
	}
}
@media ( prefers-reduced-motion: reduce ) {
	.usp-marquee__track {
		animation: none;
	}
}

 
 
.review__avatar-initials {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-family: var( --font-display );
	font-weight: 600;
	color: var(--wp--preset--color--primary);
}
 

 
.mainnav__search,
.mainnav__secondary {
	display: none;
}

@media (max-width: 860px) {
	 
	.site-header .topbar {
		display: none;
	}
	 
	.mega__feature {
		display: none;
	}
	.navbar__actions {
		margin-left: auto;
		gap: 0;
	}
	.navbar__actions #searchToggle {
		display: none;
	}
	.search-overlay {
		display: none;
	}

	 
	.mainnav.is-mobile-open {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		position: fixed;
		top: 76px;
		left: 0;
		width: 100%;
		height: calc( 100vh - 76px );
		z-index: 999;
		padding: 1rem 1.1rem 1.4rem;
		background: var(--wp--preset--color--base);
		border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent);
		box-shadow: var(--shadow-lg);
		overflow-y: auto;
	}
	.admin-bar .mainnav.is-mobile-open {
		top: calc( 76px + 32px );
		height: calc( 100vh - 76px - 32px );
	}
	@media screen and (max-width: 782px) {
		.admin-bar .mainnav.is-mobile-open {
			top: calc( 76px + 46px );
			height: calc( 100vh - 76px - 46px );
		}
	}

	 
	.mainnav.is-mobile-open .mainnav__search {
		display: flex;
		align-items: center;
		gap: 0.6rem;
		width: 100%;
		margin-bottom: 1rem;
		padding: 0.55rem 0.55rem 0.55rem 0.85rem;
		background: color-mix(in srgb, var(--wp--preset--color--white) 10%, transparent);
		border: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 20%, transparent);
		border-radius: var(--radius-btn);
	}
	.mainnav.is-mobile-open .mainnav__search .ic {
		flex: none;
		width: 20px;
		height: 20px;
		color: color-mix(in srgb, var(--wp--preset--color--white) 70%, transparent);
	}
	.mainnav.is-mobile-open .mainnav__search input {
		flex: 1;
		min-width: 0;
		border: 0;
		background: none;
		font: inherit;
		color: var(--wp--preset--color--white);
		outline: none;
	}
	.mainnav.is-mobile-open .mainnav__search input::placeholder {
		color: color-mix(in srgb, var(--wp--preset--color--white) 60%, transparent);
	}

	 
	.mainnav.is-mobile-open .mainnav__item {
		width: 100%;
		border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 10%, transparent);
	}
	.mainnav.is-mobile-open .mainnav__link,
	.site-header.is-scrolled .mainnav.is-mobile-open .mainnav__link {
		width: 100%;
		justify-content: space-between;
		color: var(--wp--preset--color--white);
		padding: 0.95rem 0.25rem;
		font-size: 1.05rem;
		background: transparent;
	}
	 
	.mainnav.is-mobile-open .mainnav__link:hover,
	.site-header.is-scrolled .mainnav.is-mobile-open .mainnav__link:hover {
		color: var(--wp--preset--color--white);
		background: color-mix(in srgb, var(--wp--preset--color--white) 6%, transparent);
	}

	 
	.mainnav.is-mobile-open .mega {
		background: transparent;
		box-shadow: none;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.4s var(--ease);
	}
	.mainnav.is-mobile-open .is-open .mega {
		max-height: 1200px;
	}
	.mainnav.is-mobile-open .mega__inner,
	.mainnav.is-mobile-open .mega__inner--4 {
		grid-template-columns: 1fr;
		gap: 1rem;
		padding: 20px 0 1rem;
		width: auto;
		margin-inline: 0;
	}
	.mainnav.is-mobile-open .mega__title {
		color: var(--wp--preset--color--highlight);
	}
	.mainnav.is-mobile-open .mega__link {
		margin-left: -.7rem;
	}
	.mainnav.is-mobile-open .mega__link strong {
		color: var(--wp--preset--color--white);
	}
	.mainnav.is-mobile-open .mega__link span {
		color: color-mix(in srgb, var(--wp--preset--color--white) 70%, transparent);
	}
	.mainnav.is-mobile-open .mega__link-ic {
		color: var(--wp--preset--color--highlight-dark) !important;
	}
	.mainnav.is-mobile-open .mega__link:hover {
		background: color-mix(in srgb, var(--wp--preset--color--white) 8%, transparent);
	}
	.mainnav.is-mobile-open .mega__link:hover strong {
		color: var(--wp--preset--color--white);
	}
	.mainnav.is-mobile-open .mega__link:hover .mega__link-ic {
		color: var(--wp--preset--color--white) !important;
	}

	 
	.mainnav.is-mobile-open .mainnav__secondary {
		display: flex;
		flex-direction: column;
		gap: 0.1rem;
		margin-top: 1rem;
		padding-top: 1rem;
		border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent);
	}
	.mainnav.is-mobile-open .mainnav__secondary a {
		color: color-mix(in srgb, var(--wp--preset--color--white) 85%, transparent);
		padding: 0.6rem 0.25rem;
		font-family: var(--font-display);
		font-weight: 600;
	}
	.mainnav.is-mobile-open .mainnav__secondary a:hover {
		color: var(--wp--preset--color--white);
	}
	.mainnav.is-mobile-open .mainnav__login {
		margin-top: 0.5rem;
		color: var(--wp--preset--color--highlight) !important;
	}
	 
	.mainnav.is-mobile-open .mainnav__btw {
		margin-top: 0.75rem;
		padding: 1rem 0.25rem 0.25rem;
		border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent);
	}
	.mainnav__btw .h2g-btw-toggle {
		gap: 1rem;
	}
	.mainnav__btw .h2g-btw-toggle__label {
		font-size: 1rem;
		font-weight: 600;
		letter-spacing: 0;
		color: color-mix(in srgb, var(--wp--preset--color--white) 85%, transparent);
	}
	.mainnav__btw .h2g-btw-toggle__switch {
		border-color: color-mix(in srgb, var(--wp--preset--color--white) 45%, transparent);
	}
	.mainnav__btw .h2g-btw-toggle__knob {
		background: color-mix(in srgb, var(--wp--preset--color--white) 60%, transparent);
	}
	.mainnav__btw .h2g-btw-toggle.is-on .h2g-btw-toggle__switch {
		border-color: var(--wp--preset--color--highlight);
	}
	.mainnav__btw .h2g-btw-toggle.is-on .h2g-btw-toggle__knob {
		background: var(--wp--preset--color--highlight);
	}
}

 
.portfolio {
	background: transparent;
	overflow: visible;
}
.portfolio::before {
	display: none;  
}
.portfolio__box {
	width: min( 100% - 2.5rem, var( --container ) );
	margin-inline: auto;
	background: var( --wp--preset--color--base );
	color: var(--wp--preset--color--white);
	border-radius: var( --radius-lg );
	padding: clamp( 3rem, 6vw, 5rem ) clamp( 1.5rem, 4vw, 3.5rem );
	position: relative;
	overflow: hidden;
}
.portfolio__box::before {
	content: "";
	position: absolute;
	width: 500px;
	height: 500px;
	border-radius: 50%;
	background: var( --wp--preset--color--highlight );
	filter: blur( 120px );
	opacity: 0.35;
	top: -120px;
	right: -120px;
}
 
@media ( max-width: 860px ) {
	.portfolio__box {
		width: 100%;
		margin-inline: 0;
		border-radius: 0;
	}
}

 
.ext-slider .ext-marquee__track {
	animation: h2g-marquee var( --ext-duration, 45s ) linear infinite;
	 
	padding-inline-end: 1rem;
	--marquee-shift: translateX( calc( -100% / 3 ) );
}
.ext-slider .ext-marquee:hover .ext-marquee__track {
	animation-play-state: paused;
}
@media ( prefers-reduced-motion: reduce ) {
	.ext-slider .ext-marquee__track {
		animation: none;
	}
}

 
.blogs__grid {
	grid-template-columns: repeat( var( --blogs-cols, 3 ), 1fr );
}
.blogs--overview {
	padding-top: 0px;
}
@media ( max-width: 980px ) {
	.blogs__grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}
@media ( max-width: 640px ) {
	.blogs__grid {
		grid-template-columns: 1fr;
	}
}
.blog-card__img {
	position: relative;
	overflow: hidden;
}
.related-posts h2 {
	margin-bottom: 20px;
}
.blog-card__img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s var( --ease );
}
.blog-card:hover .blog-card__img img {
	transform: scale( 1.05 );
}
.blogs__empty {
	grid-column: 1 / -1;
	color: var( --wp--preset--color--muted );
}
.blogs__load-more {
	display: flex;
	justify-content: center;
	margin-top: 2.5rem;
}

 
.blog-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.blog-card__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

 
.blog-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-top: auto;
	padding-top: 1rem;
}
.blog-card__author {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	min-width: 0;
}
.blog-card__author-avatar {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	overflow: hidden;
	background: color-mix(in srgb, var(--wp--preset--color--primary) 45%, transparent);
	display: flex;
	align-items: center;
	justify-content: center;
}
.blog-card__author-avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.blog-card__author-initials {
	font-family: var( --font-display );
	font-weight: 800;
	font-size: 0.72rem;
	color: var(--wp--preset--color--white);
	line-height: 1;
}
.blog-card__author-info {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
	min-width: 0;
}
.blog-card__author-name {
	font-size: 0.82rem;
	font-weight: 600;
	color: var( --wp--preset--color--base );
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.blog-card__author-date {
	font-size: 0.75rem;
	color: var( --wp--preset--color--muted );
}
.blog-card__meta {
	flex-shrink: 0;
	white-space: nowrap;
}

 
.blog-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-bottom: 2.5rem;
}
.blog-filter .btn::after {
	display: none;
}
.blog-filter__btn {
	transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease,
	            box-shadow 0.22s ease, transform 0.15s ease;
}
.blog-filter__btn:active {
	transform: scale( 0.94 );
}
.blog-filter .btn.is-active {
	background: var( --wp--preset--color--primary );
	border-color: var( --wp--preset--color--primary );
	color: var(--wp--preset--color--white);
	box-shadow: 0 12px 28px color-mix(in srgb, var(--wp--preset--color--primary) 30%, transparent);
}

 
.blog-filter__btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
.blog-filter__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.5em;
	padding: 0.05em 0.5em;
	border-radius: 999px;
	font-size: 0.78em;
	font-weight: 600;
	line-height: 1.5;
	background: color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent);
	color: var(--wp--preset--color--primary);
	transition: background 0.22s ease, color 0.22s ease;
}
.blog-filter .btn.is-active .blog-filter__count {
	background: color-mix(in srgb, var(--wp--preset--color--white) 22%, transparent);
	color: var(--wp--preset--color--white);
}

 
.blog-card.is-hidden {
	display: none;
}

 
.blogs__pagination {
	margin-top: 3rem;
}
.blogs__pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
	align-items: center;
}
.blogs__pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.6rem;
	height: 2.6rem;
	padding: 0 0.85rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--radius-btn);
	color: var(--wp--preset--color--base);
	font-weight: 600;
	line-height: 1;
	transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}
.blogs__pagination a.page-numbers:hover {
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}
.blogs__pagination .page-numbers.current {
	background: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}
.blogs__pagination .page-numbers.dots {
	border-color: transparent;
	min-width: auto;
	padding: 0 0.35rem;
}

 

 
@media ( max-width: 860px ) {
	.form-section__inner {
		grid-template-columns: 1fr;
	}
	.form-card {
		width: 100%;
	}
}

 
 
.hero__content .wp-block-hosting2go-wizard,
.hero-banner__inner .wp-block-hosting2go-wizard,
.hero-split__inner .wp-block-hosting2go-wizard,
.hero__secondary .wp-block-hosting2go-wizard {
	color: var( --wp--preset--color--text );
}
.hero__content .wp-block-hosting2go-wizard :where( h1, h2, h3, h4, h5, h6 ),
.hero-banner__inner .wp-block-hosting2go-wizard :where( h1, h2, h3, h4, h5, h6 ),
.hero-split__inner .wp-block-hosting2go-wizard :where( h1, h2, h3, h4, h5, h6 ),
.hero__secondary .wp-block-hosting2go-wizard :where( h1, h2, h3, h4, h5, h6 ) {
	color: var( --wp--preset--color--base );
}
.hero__content .wp-block-hosting2go-wizard :where( p, ul, ol, li, label, span ),
.hero-banner__inner .wp-block-hosting2go-wizard :where( p, ul, ol, li, label, span ),
.hero-split__inner .wp-block-hosting2go-wizard :where( p, ul, ol, li, label, span ),
.hero__secondary .wp-block-hosting2go-wizard :where( p, ul, ol, li, label, span ) {
	color: var( --wp--preset--color--text );
}
.hero-split__inner .wp-block-hosting2go-wizard {
	margin-top: -50px;
}
 

 
.contact-block__inner--mirror {
	direction: rtl;
}
.contact-block__inner--mirror > * {
	direction: ltr;
}

 
.editor-styles-wrapper .contact-block__visual {
	overflow: visible;
}

 
 
@media ( min-width: 861px ) {
	.hero-split:has( .hero__secondary .wp-block-hosting2go-wizard ) {
		overflow-x: clip;
		overflow-y: visible;
	}
	.hero-split:has( .hero__secondary .wp-block-hosting2go-wizard ) .hero-split__inner {
		align-items: start;
		position: relative;  
	}
	.hero-split:has( .hero__secondary .wp-block-hosting2go-wizard ) .hero__secondary {
		position: absolute;
		top: 0;
		right: 0;
		 
		width: calc( 50% - clamp( 1rem, 2.5vw, 2rem ) );
		z-index: 3;  
	}
}

 
 
@media ( min-width: 981px ) {
	.hero-split__inner:has( > .hero__secondary > .price-card ) {
		align-items: start;
	}
}

 
@media ( max-width: 860px ) {
	.features__grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}
@media ( max-width: 540px ) {
	.features__grid {
		grid-template-columns: 1fr;
	}
}

 
@media ( max-width: 640px ) {
	.trust-cards__grid {
		grid-template-columns: 1fr;
	}
}

 
@media ( max-width: 640px ) {
	.usp-photo__grid {
		grid-template-columns: 1fr;
	}
}

 
@media ( max-width: 640px ) {
	.proj-slider__head {
		flex-direction: column;
		align-items: flex-start;
	}
}

 
@media ( max-width: 640px ) {
	.newsletter__box {
		flex-direction: column;
		align-items: stretch;
	}
	.newsletter__form {
		max-width: none;
	}
}

 
.newsletter__box::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: var( --dark-texture-scrim ), var( --dark-texture, none );
	background-size: 100% 100%, cover;
	background-position: 0 0, center;
	background-blend-mode: normal, normal;
	background-color: var( --wp--preset--color--base );
	border-radius: inherit;
	pointer-events: none;
}

 
@media ( max-width: 540px ) {
	.cta-banner::before {
		opacity: .55 !important;
	}
	.cta-banner__inner .wp-block-buttons {
		flex-direction: column;
		align-items: stretch;
	}
	.cta-banner__inner .wp-block-button,
	.cta-banner__inner .wp-block-button__link {
		width: 100%;
	}
}

 
@media ( max-width: 860px ) {
	.wp-site-blocks {
		padding-top: 76px;
	}
	 
	.portfolio-cta {
		grid-column: span 1;
	}
}

 
@media ( max-width: 860px ) {
	.services__intro {
		top: 80px;
	}
}

 
@media ( max-width: 860px ) {
	.stepflow__visual {
		position: static;
		top: auto;
	}
}

 
figure.wp-block-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
figure.wp-block-table table {
	min-width: max-content;
}

 
@media ( max-width: 640px ) {
	.blogs__head {
		flex-direction: column;
		align-items: flex-start;
	}
	.blog-filter {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 4px;
		flex-wrap: nowrap;
		width: 100%;
	}
}

 
@media ( max-width: 860px ) {
	.event-card {
		order: -1;
	}
}


 
 
.search-results-outer {
	display: grid;
	 
	grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	gap: clamp( 1.25rem, 2.5vw, 2rem );
	 
	align-items: stretch;
	margin-top: clamp( 1.75rem, 4vw, 2.75rem );
}
@media ( max-width: 860px ) {
	.search-results-outer {
		grid-template-columns: minmax( 0, 1fr );
	}
}
.wp-block-hosting2go-search-results,
.wp-block-hosting2go-support-search-results,
.search-results__grid {
	display: contents;
}
.search-results__card {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var( --radius-lg, 16px );
	padding: clamp( 1.4rem, 2.5vw, 1.8rem );
	box-shadow: var( --shadow-sm );
	 
	display: flex;
	flex-direction: column;
	height: 100%;
}
.search-results__card-title {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	font-size: 1.1rem;
	margin: 0 0 0.9rem;
	padding-bottom: 0.7rem;
	border-bottom: 2px solid var(--wp--preset--color--border);
	color: var( --wp--preset--color--base );
}
.search-results__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.6em;
	height: 1.6em;
	padding: 0 0.4em;
	border-radius: 999px;
	background: var(--wp--preset--color--background);
	color: var( --wp--preset--color--primary );
	font-size: 0.75rem;
	font-weight: 700;
	font-family: var( --font-display, sans-serif );
}
.search-results__list {
	list-style: none;
	margin: 0;
	padding: 0;
	min-height: calc( 6 * 3.6rem );  
	flex: 1 1 auto;  
}
.search-results__item {
	border-bottom: 1px solid var(--wp--preset--color--border);
}
.search-results__item:last-of-type {
	border-bottom: none;
}
.search-results__item-link {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	padding: 0.75rem 0.15rem;
	text-decoration: none;
	transition: background 0.15s ease;
	border-radius: var( --radius-sm, 6px );
}
.search-results__item-link:hover {
	background: var(--wp--preset--color--background);
}
.search-results__item-link:hover .search-results__item-title {
	color: var( --wp--preset--color--primary );
}
.search-results__item-title {
	font-family: var( --font-display, sans-serif );
	font-weight: 700;
	font-size: 0.95rem;
	color: var( --wp--preset--color--base );
	transition: color 0.15s ease;
}
.search-results__item-excerpt {
	font-size: 0.85rem;
	color: var( --wp--preset--color--text );
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

 
.search-results__item-link--external {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 0.6rem;
}
.search-results__item-link--external .search-results__item-title {
	flex: 1 1 auto;
}
.search-results__item-link--external .ic-external {
	flex-shrink: 0;
	width: 0.95em;
	height: 0.95em;
	background: var( --wp--preset--color--muted );
	-webkit-mask: var( --external-mask ) center / contain no-repeat;
	mask: var( --external-mask ) center / contain no-repeat;
	transition: background 0.15s ease;
}
.search-results__item-link--external:hover .ic-external {
	background: var( --wp--preset--color--primary );
}
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect( 0 0 0 0 );
	white-space: nowrap;
}

 
.search-results__pager {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	margin-top: 1.1rem;
}
.search-results__pager .page-numbers {
	min-width: 2.1rem;
	height: 2.1rem;
	padding: 0 0.5rem;
	font-size: 0.85rem;
	background: none;
	cursor: pointer;
}
.search-results__pager-btn:disabled {
	opacity: 0.35;
	cursor: not-allowed;
	pointer-events: none;
}

 
 
.search-refine.wp-block-search {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0.5rem;
	max-width: 580px;
}
.search-refine .wp-block-search__inside-wrapper {
	flex: 1 1 200px;
	display: flex;
}
.search-refine .wp-block-search__input {
	flex: 1;
	min-width: 0;
	border: 2px solid var(--wp--preset--color--border);
	border-radius: var( --radius, 6px );
	padding: 0.8rem 1.1rem;
	font-size: 1rem;
	width: 100%;
}
.search-refine .wp-block-search__button {
	flex-shrink: 0;
	background: var( --wp--preset--color--primary );
	color: var(--wp--preset--color--white);
	border: none;
	border-radius: var( --radius, 6px );
	padding: 0.8rem 1.4rem;
	font-family: var( --font-display, sans-serif );
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
}

 
 
.wp-block-hosting2go-search-results .search-no-results {
	 
	grid-column: 1 / -1;
	text-align: center;
	padding: 3rem 0;
}

 
.wp-block-hosting2go-search-results .search-no-results .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	margin-top: 1.5rem;
}

 
.wp-block-query-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers a,
.wp-block-query-pagination .wp-block-query-pagination-previous a,
.wp-block-query-pagination .wp-block-query-pagination-next a,
.wp-block-query-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.4rem;
	height: 2.4rem;
	padding: 0 0.7rem;
	border: 2px solid var(--wp--preset--color--border);
	border-radius: var( --radius, 6px );
	color: var( --wp--preset--color--base );
	text-decoration: none;
	font-family: var( --font-display, sans-serif );
	font-weight: 600;
	font-size: 0.9rem;
	transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.wp-block-query-pagination .page-numbers:hover,
.wp-block-query-pagination a:hover {
	border-color: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--primary );
}
.wp-block-query-pagination .page-numbers.current {
	background: var( --wp--preset--color--primary );
	border-color: var( --wp--preset--color--primary );
	color: var(--wp--preset--color--white);
}

 

 
.not-found-search .wp-block-search {
	max-width: 520px;
	margin-inline: auto;
}
.search-404.wp-block-search {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0.5rem;
}
.search-404 .wp-block-search__inside-wrapper {
	flex: 1 1 200px;
	display: flex;
}
.search-404 .wp-block-search__input {
	flex: 1;
	min-width: 0;
	border: 2px solid var(--wp--preset--color--border);
	border-radius: var( --radius, 6px );
	padding: 0.8rem 1.1rem;
	font-size: 1rem;
	width: 100%;
}
.search-404 .wp-block-search__button {
	flex-shrink: 0;
	background: var( --wp--preset--color--primary );
	color: var(--wp--preset--color--white);
	border: none;
	border-radius: var( --radius, 6px );
	padding: 0.8rem 1.4rem;
	font-family: var( --font-display, sans-serif );
	font-weight: 700;
	cursor: pointer;
}

 

 
.single-post__meta .wp-block-post-terms::before {
	content: "·";
	margin-right: 0.35rem;
	color: var( --wp--preset--color--border );
	font-weight: 400;
}

 
.single-post .wp-block-post-content > .wp-block-heading:first-child {
	margin-top: 0;
}

 
 
.site-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient( ellipse 80% 70% at 50% 50%, color-mix(in srgb, var(--wp--preset--color--primary) 40%, transparent) 0%, transparent 70% ),
		radial-gradient( ellipse 100% 100% at 50% 50%, transparent 50%, rgba( 0, 0, 0, 0.4 ) 100% );
	background-size: 100% 100%, 100% 100%;
	pointer-events: none;
}

.site-footer::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: var( --grain );
	opacity: 0.16;
	mix-blend-mode: soft-light;
	pointer-events: none;
}

.site-footer > * {
	position: relative;
	z-index: 1;
}

 
.site-footer__certs {
	position: relative;
	z-index: 1;
	border-top: 1px solid color-mix( in srgb, var( --wp--preset--color--white ) 12%, transparent );
}

.site-footer__certs-inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem 2rem;
	padding: 1.75rem 0;
}

.site-footer__certs-label {
	font-family: var( --font-display );
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: color-mix( in srgb, var( --wp--preset--color--white ) 55%, transparent );
	flex: none;
}

.site-footer__certs-logos {
	display: flex;
	align-items: center;
	gap: 1.5rem 3rem;
	flex-wrap: wrap;
}

.site-footer__cert {
	display: block;
	line-height: 0;
}

.site-footer__cert img {
	display: block;
	height: 32px;
	width: auto;
	max-width: 120px;
	object-fit: contain;
	 
	opacity: 0.6;
	transition: opacity 0.3s var( --ease );
}

.site-footer__cert:hover img {
	opacity: 0.9;
}

@media ( prefers-reduced-motion: reduce ) {
	.site-footer__cert img {
		transition: none;
	}
}

 
.social__link:hover,
.social__link:focus-visible {
	color: var( --wp--preset--color--white );
}

 
.site-footer__links {
	position: relative;
	z-index: 1;
	border-top: 1px solid color-mix( in srgb, var( --wp--preset--color--white ) 12%, transparent );
}

.site-footer__links-inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.5rem;
	padding: 1.5rem 0;
	 
	font-size: 0.8rem;
}

 
.site-footer__links .site-footer__legal {
	flex-wrap: wrap;
}

@media ( max-width: 560px ) {
	.site-footer__links .site-footer__legal {
		flex-direction: column;
		gap: 0.75rem;
	}
}

 
.site-footer__btw {
	margin-inline-start: auto;
}
.h2g-btw-toggle--footer {
	gap: 0.75rem;
}
.h2g-btw-toggle--footer .h2g-btw-toggle__label {
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0;
	color: color-mix( in srgb, var( --wp--preset--color--white ) 85%, transparent );
}
.h2g-btw-toggle--footer .h2g-btw-toggle__switch {
	border-color: color-mix( in srgb, var( --wp--preset--color--white ) 45%, transparent );
}
.h2g-btw-toggle--footer .h2g-btw-toggle__knob {
	background: color-mix( in srgb, var( --wp--preset--color--white ) 60%, transparent );
}
.h2g-btw-toggle--footer.is-on .h2g-btw-toggle__switch,
.h2g-btw-toggle--footer .h2g-btw-toggle__switch:hover,
.h2g-btw-toggle--footer .h2g-btw-toggle__switch:focus-visible {
	border-color: var( --wp--preset--color--highlight );
}
.h2g-btw-toggle--footer.is-on .h2g-btw-toggle__knob {
	background: var( --wp--preset--color--highlight );
}
@media ( max-width: 560px ) {
	 
	.site-footer__btw {
		flex-basis: 100%;
		margin-inline-start: 0;
	}
}

 
@media ( min-width: 861px ) {
	.navbar .mainnav__link {
		white-space: nowrap;
	}
}
@media ( min-width: 861px ) and ( max-width: 1000px ) {
	.navbar .mainnav__link {
		padding-inline: 0.55rem;
	}
}

 
.mainnav__item--link > .mainnav__link {
	line-height: normal;
}

 
.h2g-address {
	display: block;
}
.h2g-address + .h2g-address {
	margin-top: 0.75em;
}
.h2g-address__label {
	font-weight: 700;
}
 
.h2g-address + br {
	display: none;
}

 


 
.wp-site-blocks:has( .post-hero ) {
	padding-top: 0;
}
.wp-site-blocks:has( .post-hero ) .site-header:not( .is-scrolled ) {
	background: transparent;
}

 
.post-hero__bg {
	background:
		radial-gradient( ellipse 80% 70% at 30% 50%, color-mix(in srgb, var(--wp--preset--color--primary) 50%, transparent) 0%, transparent 70% ),
		radial-gradient( ellipse 100% 100% at 50% 50%, transparent 50%, rgba( 0, 0, 0, 0.45 ) 100% ),
		var( --dark-texture-scrim ),
		var( --dark-texture, none );
	background-size: 100% 100%, 100% 100%, 100% 100%, cover;
	background-position: 0 0, 0 0, 0 0, center;
	background-blend-mode: normal, normal, normal, normal;
	background-color: var( --wp--preset--color--base );
}

 
.post-hero--has-img .post-hero__bg {
	background: linear-gradient(
		160deg,
		color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent) 0%,
		color-mix(in srgb, var(--wp--preset--color--base) 72%, transparent) 100%
	);
}

.post-hero__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var( --grain );
	opacity: 0.18;
	mix-blend-mode: soft-light;
	pointer-events: none;
}

 
.reading-progress {
	position: fixed;
	top: 118px;  
	left: 0;
	width: 100%;
	height: 3px;
	z-index: 9998;
	pointer-events: none;
	background: linear-gradient( 90deg, var( --wp--preset--color--base ) 0%, var( --wp--preset--color--primary ) 100% );
	transform-origin: 0 50%;
	transform: scaleX( 0 );
	 
	transition: top 0.45s var( --ease );
}

 
body:has( .site-header.is-scrolled ) .reading-progress {
	top: 76px;
}

 
@media ( max-width: 860px ) {
	.reading-progress {
		top: 76px;
	}
}

 
.admin-bar .reading-progress {
	top: calc( 118px + 32px );
}
body.admin-bar:has( .site-header.is-scrolled ) .reading-progress {
	top: calc( 76px + 32px );
}
@media screen and ( max-width: 782px ) {
	.admin-bar .reading-progress {
		top: calc( 76px + 46px );
	}
}

@supports ( animation-timeline: scroll() ) {
	.reading-progress {
		animation: h2g-read-progress linear both;
		animation-timeline: scroll( root block );
	}
}

@keyframes h2g-read-progress {
	from { transform: scaleX( 0 ); }
	to   { transform: scaleX( 1 ); }
}

 
@media ( prefers-reduced-motion: reduce ) {
	.reading-progress {
		display: none;
	}
}

 
.hero .hero__bg,
.hero-banner .hero__bg,
.hero-split .hero__bg {
	background:
		radial-gradient( ellipse 80% 70% at 50% 50%, color-mix(in srgb, var(--wp--preset--color--primary) 40%, transparent) 0%, transparent 70% ),
		radial-gradient( ellipse 100% 100% at 50% 50%, transparent 50%, rgba( 0, 0, 0, 0.4 ) 100% ),
		var( --dark-texture-scrim ),
		var( --dark-texture, none );
	background-size: 100% 100%, 100% 100%, 100% 100%, cover;
	background-position: 0 0, 0 0, 0 0, center;
	background-blend-mode: normal, normal, normal, normal;
	background-color: var( --wp--preset--color--base );
}

.hero .hero__bg::after,
.hero-banner .hero__bg::after,
.hero-split .hero__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var( --grain );
	opacity: 0.18;
	mix-blend-mode: soft-light;
	pointer-events: none;
}

 
.hosting__box::before {
	width: auto !important;
	height: auto !important;
	inset: 0 !important;
	border-radius: 0 !important;
	filter: none !important;
	background:
		radial-gradient( ellipse 80% 70% at 50% 50%, color-mix(in srgb, var(--wp--preset--color--primary) 40%, transparent) 0%, transparent 70% ),
		radial-gradient( ellipse 100% 100% at 50% 50%, transparent 50%, rgba( 0, 0, 0, 0.4 ) 100% ),
		var( --dark-texture-scrim ),
		var( --dark-texture, none ) !important;
	background-size: 100% 100%, 100% 100%, 100% 100%, cover !important;
	background-position: 0 0, 0 0, 0 0, center !important;
	background-blend-mode: normal, normal, normal, normal !important;
	background-color: var( --wp--preset--color--base ) !important;
	opacity: 1 !important;
	transform: none !important;
}
.hosting__box.is-dark::before { opacity: 1 !important; }

.hosting__box::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var( --grain );
	opacity: 0.16;
	mix-blend-mode: soft-light;
	pointer-events: none;
	border-radius: inherit;
}

 
.portfolio__box::before {
	width: auto !important;
	height: auto !important;
	inset: 0 !important;
	border-radius: inherit !important;
	filter: none !important;
	background:
		radial-gradient( ellipse 80% 70% at 50% 50%, color-mix(in srgb, var(--wp--preset--color--highlight) 15%, transparent) 0%, transparent 70% ),
		radial-gradient( ellipse 100% 100% at 50% 50%, transparent 50%, rgba( 0, 0, 0, 0.4 ) 100% ),
		var( --dark-texture-scrim ),
		var( --dark-texture, none ) !important;
	background-size: 100% 100%, 100% 100%, 100% 100%, cover !important;
	background-position: 0 0, 0 0, 0 0, center !important;
	background-blend-mode: normal, normal, normal, normal !important;
	background-color: var( --wp--preset--color--base ) !important;
	opacity: 1 !important;
	transform: none !important;
}

.portfolio__box::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: var( --grain );
	opacity: 0.15;
	mix-blend-mode: soft-light;
	pointer-events: none;
	border-radius: inherit;
}

 
.pkg::before,
.pkg__box::before {
	width: auto !important;
	height: auto !important;
	inset: 0 !important;
	border-radius: inherit !important;
	filter: none !important;
	background:
		radial-gradient( ellipse 80% 70% at 50% 50%, color-mix(in srgb, var(--wp--preset--color--primary) 40%, transparent) 0%, transparent 70% ),
		radial-gradient( ellipse 100% 100% at 50% 50%, transparent 50%, rgba( 0, 0, 0, 0.4 ) 100% ),
		var( --dark-texture-scrim ),
		var( --dark-texture, none ) !important;
	background-size: 100% 100%, 100% 100%, 100% 100%, cover !important;
	background-position: 0 0, 0 0, 0 0, center !important;
	background-blend-mode: normal, normal, normal, normal !important;
	background-color: var( --wp--preset--color--base ) !important;
	opacity: 1 !important;
	transform: none !important;
}

.pkg__box::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var( --grain );
	opacity: 0.16;
	mix-blend-mode: soft-light;
	pointer-events: none;
	border-radius: inherit;
}

 
.compare::before,
.compare__box::before {
	width: auto !important;
	height: auto !important;
	inset: 0 !important;
	border-radius: inherit !important;
	filter: none !important;
	background:
		radial-gradient( ellipse 80% 70% at 50% 50%, color-mix(in srgb, var(--wp--preset--color--primary) 40%, transparent) 0%, transparent 70% ),
		radial-gradient( ellipse 100% 100% at 50% 50%, transparent 50%, rgba( 0, 0, 0, 0.4 ) 100% ),
		var( --dark-texture-scrim ),
		var( --dark-texture, none ) !important;
	background-size: 100% 100%, 100% 100%, 100% 100%, cover !important;
	background-position: 0 0, 0 0, 0 0, center !important;
	background-blend-mode: normal, normal, normal, normal !important;
	background-color: var( --wp--preset--color--base ) !important;
	opacity: 1 !important;
	transform: none !important;
}

.compare__box::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var( --grain );
	opacity: 0.16;
	mix-blend-mode: soft-light;
	pointer-events: none;
	border-radius: inherit;
}

 
 
.templates::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	background:
		radial-gradient( ellipse 80% 70% at 50% 50%, color-mix(in srgb, var(--wp--preset--color--highlight) 15%, transparent) 0%, transparent 70% ),
		radial-gradient( ellipse 100% 100% at 50% 50%, transparent 50%, rgba( 0, 0, 0, 0.4 ) 100% ),
		var( --dark-texture-scrim ),
		var( --dark-texture, none );
	background-size: 100% 100%, 100% 100%, 100% 100%, cover;
	background-position: 0 0, 0 0, 0 0, center;
	background-blend-mode: normal, normal, normal, normal;
	background-color: var( --wp--preset--color--base );
}
.templates::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var( --grain );
	opacity: 0.16;
	mix-blend-mode: soft-light;
	pointer-events: none;
	border-radius: inherit;
}

 
.cta-banner::before {
	width: auto !important;
	height: auto !important;
	inset: 0 !important;
	border-radius: 0 !important;
	filter: none !important;
	background:
		radial-gradient( ellipse 80% 70% at 50% 50%, color-mix(in srgb, var(--wp--preset--color--primary) 40%, transparent) 0%, transparent 70% ),
		radial-gradient( ellipse 100% 100% at 50% 50%, transparent 50%, rgba( 0, 0, 0, 0.4 ) 100% ),
		var( --dark-texture-scrim ),
		var( --dark-texture, none ) !important;
	background-size: 100% 100%, 100% 100%, 100% 100%, cover !important;
	background-position: 0 0, 0 0, 0 0, center !important;
	background-blend-mode: normal, normal, normal, normal !important;
	background-color: var( --wp--preset--color--base ) !important;
	opacity: 1 !important;
	transform: none !important;
}

.cta-banner::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var( --grain );
	opacity: 0.16;
	mix-blend-mode: soft-light;
	pointer-events: none;
}

 
.proj-slider__cta {
	background: var( --wp--preset--color--base );
	color: var(--wp--preset--color--white);
	position: relative;
	overflow: hidden;
}

.proj-slider__cta::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient( ellipse 80% 70% at 50% 50%, color-mix(in srgb, var(--wp--preset--color--primary) 40%, transparent) 0%, transparent 70% ),
		radial-gradient( ellipse 100% 100% at 50% 50%, transparent 50%, rgba( 0, 0, 0, 0.4 ) 100% );
	background-size: 100% 100%, 100% 100%;
	pointer-events: none;
}

.proj-slider__cta::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: var( --grain );
	opacity: 0.18;
	mix-blend-mode: soft-light;
	pointer-events: none;
}

.proj-slider__cta h3 {
	color: var(--wp--preset--color--white);
	position: relative;
	z-index: 1;
}

.proj-slider__cta p {
	color: color-mix(in srgb, var(--wp--preset--color--white) 75%, transparent);
	position: relative;
	z-index: 1;
}

.proj-slider__cta .btn {
	position: relative;
	z-index: 1;
}

 
call-us-selector {
	--call-us-main-accent-color: var( --wp--preset--color--primary ) !important;
}

 
.topbar__usp-viewport {
	display: grid;
	align-items: center;
}

.topbar__usp-item {
	grid-area: 1 / 1;
	opacity: 0;
	transform: translateY( 6px );
	transition: opacity .6s ease, transform .6s ease;
	white-space: nowrap;
}

.topbar__usp-item.is-active {
	opacity: 1;
	transform: translateY( 0 );
}

.topbar__usp-item.is-leaving {
	opacity: 0;
	transform: translateY( -6px );
}

@media ( prefers-reduced-motion: reduce ) {
	.topbar__usp-item {
		transition: none;
	}
}

 
@media (min-width: 861px) {
	.domain-finder.is-wide {
		padding: 50px;
	}
}

 
.site-footer__green {
	margin-top: 1.25rem;
}
.site-footer__green a {
	display: inline-block;
}
.site-footer__green img {
	display: block;
	max-width: min( 100%, 200px );
	height: auto;
	border-radius: 6px;
}

 
.wp-block-hosting2go-domain-checker[id] {
	scroll-margin-top: 7rem;
}

 
.wp-block-hosting2go-domain-bridge[id] {
	scroll-margin-top: 6rem;
}

 

 
:root {
	--topbar-bg: #05002b;
}
.topbar {
	background: var( --topbar-bg );
}

 
.btn,
.btn:hover,
.btn--cta,
.btn--cta:hover,
.btn--primary,
.btn--primary:hover,
.btn--outline:hover {
	box-shadow: none;
}
 
.wp-block-button__link[class*="-gradient-background"] {
	background: var( --wp--preset--color--accent ) !important;
}

 
.skip-link:hover {
	color: var( --wp--preset--color--white );
}

 
.btn:hover {
	color: var( --btn-fg );
}
.btn--outline:hover {
	color: var( --wp--preset--color--white );
}
.btn--outline-light:hover {
	color: var( --wp--preset--color--base );
}
.logo--light:hover {
	color: var( --wp--preset--color--white );
}

 
.event-card {
	box-shadow: none;
	border: 1px solid var( --wp--preset--color--border );
}

 
@media ( min-width: 861px ) {
	@supports ( grid-template-rows: subgrid ) {
		.pricing > .price-card {
			display: grid;
			grid-template-rows: subgrid;
			grid-row: span 7;
			row-gap: 0;
		}
		.pricing > .price-card > .price-card__badge {
			grid-row: 1;
			justify-self: start;
			align-self: start;
		}
		.pricing > .price-card > .price-card__name {
			grid-row: 2;
		}
		.pricing > .price-card > .price-card__desc {
			grid-row: 3;
		}
		.pricing > .price-card > .h2g-promo-badge {
			grid-row: 4;
			justify-self: start;
			align-self: start;
		}
		.pricing > .price-card > .price-card__price {
			grid-row: 5;
		}
		.pricing > .price-card > .price-card__features,
		.pricing > .price-card > .price-card__custom {
			grid-row: 6;
		}
		.pricing > .price-card > .btn {
			grid-row: 7;
			align-self: end;
		}
	}
	.price-card--featured {
		transform: none;
	}
	.price-card--featured:hover {
		transform: translateY( -6px );
	}
}

 
@media ( min-width: 861px ) {
	.portfolio__grid > .portfolio-item {
		align-self: stretch;
		justify-self: stretch;
	}
}

 
@media ( max-width: 781px ) {
	:root {
		--section-y: clamp( 2.5rem, 8vw, 7.5rem );
	}
	[style*="--section-y:"]:not( .usp-strip ) {
		padding-top: calc( var( --section-y ) * 0.6 );
		padding-bottom: calc( var( --section-y ) * 0.6 );
	}
}

 
html.h2g-chat-gesloten call-us-selector {
	display: none !important;
}