:root {
  --hg-navy-950: #031b33;
  --hg-navy-900: #072b4d;
  --hg-navy-800: #0b416b;
  --hg-blue-700: #075f95;
  --hg-teal-700: #087a83;
  --hg-teal-600: #0999a6;
  --hg-teal-500: #12b8c4;
  --hg-teal-100: #dcf8f8;
  --hg-teal-50: #effcfc;
  --hg-amber-500: #f6aa1c;
  --hg-amber-100: #fff2cd;
  --hg-ink: #12283b;
  --hg-muted: #5d7181;
  --hg-surface: #f4f9fb;
  --hg-line: #d9e7ed;
  --hg-white: #fff;
  --hg-success: #147a4d;
  --hg-danger: #b83c48;
  --hg-shadow-sm: 0 10px 30px rgba(4, 39, 67, .08);
  --hg-shadow-md: 0 24px 70px rgba(4, 39, 67, .14);
  --hg-radius-sm: 12px;
  --hg-radius-md: 20px;
  --hg-radius-lg: 30px;
  --hg-container: 1200px;
  --hg-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body {
  margin: 0;
  background: var(--hg-white);
  color: var(--hg-ink);
  font-family: var(--hg-font);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.hg-nav-open, body.hg-modal-open { overflow: hidden; }
img { max-width: 100%; height: auto; }
a { color: var(--hg-blue-700); text-decoration-thickness: 1px; text-underline-offset: 3px; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.hg-container { width: min(calc(100% - 40px), var(--hg-container)); margin-inline: auto; }
.hg-section { padding: 88px 0; }
.hg-section--soft { background: var(--hg-surface); }
.hg-section--dark {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 80% 20%, rgba(18,184,196,.2), transparent 35%), var(--hg-navy-950);
  color: var(--hg-white);
}
.hg-section--tight { padding: 58px 0; }
.hg-section__head { max-width: 720px; margin: 0 auto 38px; text-align: center; }
.hg-section__head--left { margin-inline: 0; text-align: left; }
.hg-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: var(--hg-teal-700);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.hg-eyebrow::before { content: ""; width: 26px; height: 2px; border-radius: 2px; background: var(--hg-teal-500); }
.hg-section--dark .hg-eyebrow { color: #8ce7ed; }
.hg-title, .hg-hero h1 { margin: 0; color: var(--hg-navy-950); font-size: clamp(2rem, 4vw, 3.55rem); line-height: 1.07; letter-spacing: -.04em; }
.hg-section--dark .hg-title { color: var(--hg-white); }
.hg-section__head p, .hg-lead { margin: 17px 0 0; color: var(--hg-muted); font-size: clamp(1rem, 1.4vw, 1.13rem); }
.hg-section--dark .hg-section__head p { color: rgba(255,255,255,.72); }
.hg-kicker { color: var(--hg-teal-700); font-weight: 800; }
.hg-note { color: var(--hg-muted); font-size: .88rem; }
.hg-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.hg-skip-link { position: fixed; z-index: 9999; left: 12px; top: 12px; padding: 10px 16px; border-radius: 10px; background: #fff; color: var(--hg-navy-950); font-weight: 800; transform: translateY(-150%); }
.hg-skip-link:focus { transform: translateY(0); }

.hg-topbar { background: linear-gradient(90deg, var(--hg-navy-950), var(--hg-navy-800)); color: rgba(255,255,255,.94); font-size: .82rem; font-weight: 700; }
.hg-topbar__inner { min-height: 36px; display: flex; justify-content: center; align-items: center; gap: 10px; text-align: center; }
.hg-topbar a { color: #a5eff2; font-weight: 850; }
.hg-header { position: sticky; z-index: 900; top: 0; border-bottom: 1px solid rgba(217,231,237,.9); background: rgba(255,255,255,.95); backdrop-filter: blur(16px); transition: box-shadow .2s ease; }
.admin-bar .hg-header { top: 32px; }
.hg-header.is-scrolled { box-shadow: var(--hg-shadow-sm); }
.hg-header__inner { min-height: 78px; display: flex; align-items: center; gap: 22px; }
.hg-brand { flex: 0 0 auto; display: inline-flex; align-items: center; color: var(--hg-navy-950); text-decoration: none; }
.hg-brand img { display: block; width: 170px; height: 62px; object-fit: contain; object-position: left center; }
.hg-brand__fallback { display: flex; align-items: center; gap: 10px; font-size: 1.08rem; font-weight: 900; }
.hg-brand__mark { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: linear-gradient(135deg,var(--hg-navy-800),var(--hg-teal-500)); color: #fff; box-shadow: 0 10px 24px rgba(9,153,166,.25); }
.hg-nav { margin-left: auto; }
.hg-menu, .hg-menu ul { margin: 0; padding: 0; list-style: none; }
.hg-menu { display: flex; align-items: center; gap: 2px; }
.hg-menu li { position: relative; }
.hg-menu a { display: flex; min-height: 44px; align-items: center; padding: 10px 11px; border-radius: 10px; color: var(--hg-ink); font-size: .89rem; font-weight: 760; text-decoration: none; white-space: nowrap; }
.hg-menu a:hover, .hg-menu a:focus-visible, .hg-menu a.is-active { background: var(--hg-teal-100); color: var(--hg-navy-900); }
.hg-header__cta { flex: 0 0 auto; }
.hg-nav-toggle { display: none; width: 44px; height: 44px; margin-left: auto; padding: 10px; border: 1px solid var(--hg-line); border-radius: 12px; background: #fff; cursor: pointer; }
.hg-nav-toggle span { display: block; width: 22px; height: 2px; margin: 4px auto; border-radius: 2px; background: var(--hg-navy-950); transition: transform .2s ease, opacity .2s ease; }

.hg-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 9px; padding: 12px 20px; border: 1px solid transparent; border-radius: 12px; background: linear-gradient(135deg,var(--hg-blue-700),var(--hg-teal-600)); box-shadow: 0 10px 24px rgba(7,95,149,.18); color: #fff !important; font-weight: 830; text-decoration: none; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.hg-button:hover, .hg-button:focus-visible { transform: translateY(-2px); box-shadow: 0 15px 32px rgba(7,95,149,.24); }
.hg-button--light { background: #fff; color: var(--hg-navy-950) !important; box-shadow: none; }
.hg-button--outline { border-color: var(--hg-line); background: #fff; box-shadow: none; color: var(--hg-navy-900) !important; }
.hg-button--ghost { border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); box-shadow: none; color: #fff !important; }
.hg-button--small { min-height: 42px; padding: 9px 15px; font-size: .88rem; }
.hg-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }

.hg-hero { position: relative; overflow: hidden; padding: 68px 0 56px; background: radial-gradient(circle at 15% 5%, #e3fbfb 0, transparent 32%), linear-gradient(145deg,#f8fcfd,#edf7fa); }
.hg-hero::before { content: ""; position: absolute; inset: auto -8% -150px 42%; height: 360px; border-radius: 50%; background: rgba(18,184,196,.09); filter: blur(2px); transform: rotate(-10deg); }
.hg-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; gap: 56px; }
.hg-hero__copy { max-width: 610px; }
.hg-hero h1 { font-size: clamp(2.7rem,5.1vw,5rem); }
.hg-hero h1 span { color: var(--hg-teal-700); }
.hg-hero__copy > p { max-width: 590px; margin: 22px 0 28px; color: var(--hg-muted); font-size: 1.12rem; }
.hg-hero__trust { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 25px; color: var(--hg-navy-800); font-size: .9rem; font-weight: 760; }
.hg-hero__trust span { display: inline-flex; align-items: center; gap: 7px; }
.hg-check { display: grid; flex: 0 0 20px; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: var(--hg-teal-100); color: var(--hg-teal-700); font-size: .75rem; }
.hg-hero__visual { position: relative; }
.hg-hero__image { overflow: hidden; aspect-ratio: 1.3; border: 8px solid rgba(255,255,255,.9); border-radius: 32px; background: var(--hg-navy-900); box-shadow: var(--hg-shadow-md); }
.hg-hero__image img { width: 100%; height: 100%; object-fit: cover; }
.hg-floating-card { position: absolute; display: flex; align-items: center; gap: 12px; max-width: 230px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.75); border-radius: 16px; background: rgba(255,255,255,.94); box-shadow: var(--hg-shadow-sm); backdrop-filter: blur(12px); }
.hg-floating-card--one { left: -34px; bottom: 32px; }
.hg-floating-card--two { right: -20px; top: 34px; }
.hg-floating-card strong { display: block; color: var(--hg-navy-950); font-size: .94rem; line-height: 1.25; }
.hg-floating-card small { display: block; color: var(--hg-muted); font-size: .75rem; }
.hg-floating-card__icon { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: var(--hg-teal-100); color: var(--hg-teal-700); font-weight: 900; }

.hg-stats { position: relative; z-index: 2; margin-top: -1px; border-top: 1px solid var(--hg-line); border-bottom: 1px solid var(--hg-line); background: #fff; }
.hg-stats__grid { display: grid; grid-template-columns: repeat(4,1fr); }
.hg-stat { padding: 28px 24px; text-align: center; }
.hg-stat + .hg-stat { border-left: 1px solid var(--hg-line); }
.hg-stat strong { display: block; color: var(--hg-navy-950); font-size: clamp(1.8rem,3vw,2.5rem); line-height: 1.1; letter-spacing: -.035em; }
.hg-stat span { display: block; margin-top: 5px; color: var(--hg-muted); font-size: .86rem; font-weight: 720; }

.hg-grid { display: grid; gap: 24px; }
.hg-grid--3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.hg-grid--4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.hg-card { overflow: hidden; border: 1px solid var(--hg-line); border-radius: var(--hg-radius-md); background: #fff; box-shadow: var(--hg-shadow-sm); }
.hg-feature-card { position: relative; padding: 27px; }
.hg-feature-card__icon { display: grid; width: 52px; height: 52px; margin-bottom: 18px; place-items: center; border-radius: 15px; background: linear-gradient(135deg,var(--hg-teal-100),#fff); border: 1px solid #c9eff1; color: var(--hg-teal-700); font-size: 1.35rem; font-weight: 900; }
.hg-feature-card h3 { margin: 0 0 9px; color: var(--hg-navy-950); font-size: 1.18rem; }
.hg-feature-card p { margin: 0; color: var(--hg-muted); font-size: .94rem; }

.hg-course-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
.hg-filter-group { display: flex; flex-wrap: wrap; gap: 8px; }
.hg-filter { min-height: 42px; padding: 9px 14px; border: 1px solid var(--hg-line); border-radius: 999px; background: #fff; color: var(--hg-ink); font-size: .86rem; font-weight: 780; cursor: pointer; }
.hg-filter:hover, .hg-filter:focus-visible, .hg-filter.is-active { border-color: var(--hg-teal-600); background: var(--hg-teal-100); color: var(--hg-navy-900); }
.hg-search { min-width: 260px; min-height: 44px; padding: 10px 14px; border: 1px solid var(--hg-line); border-radius: 12px; background: #fff; color: var(--hg-ink); }
.hg-course-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.hg-course { display: flex; min-height: 100%; flex-direction: column; overflow: hidden; border: 1px solid var(--hg-line); border-radius: 19px; background: #fff; box-shadow: 0 8px 26px rgba(4,39,67,.065); transition: transform .18s ease, box-shadow .18s ease; }
.hg-course:hover { transform: translateY(-4px); box-shadow: var(--hg-shadow-md); }
.hg-course__cover { position: relative; display: grid; min-height: 150px; place-items: center; overflow: hidden; background: linear-gradient(135deg,var(--hg-navy-900),var(--hg-blue-700)); color: #fff; }
.hg-course__cover::before { content: ""; position: absolute; width: 190px; height: 190px; right: -55px; bottom: -90px; border: 30px solid rgba(255,255,255,.09); border-radius: 50%; }
.hg-course__cover::after { content: ""; position: absolute; width: 86px; height: 86px; left: 22px; top: 20px; border: 1px solid rgba(255,255,255,.2); border-radius: 18px; transform: rotate(16deg); }
.hg-course[data-category="web"] .hg-course__cover { background: linear-gradient(135deg,#0c5c70,#08a6a8); }
.hg-course[data-category="automation"] .hg-course__cover { background: linear-gradient(135deg,#173a68,#6b5bd2); }
.hg-course[data-category="ads"] .hg-course__cover { background: linear-gradient(135deg,#06365d,#0f8eb2); }
.hg-course__monogram { position: relative; z-index: 1; display: grid; width: 70px; height: 70px; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 20px; background: rgba(255,255,255,.13); font-size: 1.42rem; font-weight: 900; backdrop-filter: blur(6px); }
.hg-course__lang { position: absolute; z-index: 2; top: 14px; right: 14px; padding: 5px 9px; border-radius: 999px; background: rgba(255,255,255,.93); color: var(--hg-navy-900); font-size: .72rem; font-weight: 850; }
.hg-course__body { display: flex; flex: 1; flex-direction: column; padding: 20px; }
.hg-course__meta { display: flex; flex-wrap: wrap; gap: 6px 13px; margin-bottom: 10px; color: var(--hg-muted); font-size: .78rem; font-weight: 700; }
.hg-course h3 { margin: 0 0 9px; color: var(--hg-navy-950); font-size: 1.06rem; line-height: 1.35; }
.hg-course__summary { margin: 0 0 18px; color: var(--hg-muted); font-size: .88rem; }
.hg-course__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 15px; border-top: 1px solid var(--hg-line); }
.hg-price { color: var(--hg-navy-950); font-size: 1.25rem; font-weight: 900; letter-spacing: -.02em; }
.hg-price small { display: block; color: var(--hg-muted); font-size: .7rem; font-weight: 650; letter-spacing: 0; }

.hg-bundle-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.hg-bundle { position: relative; display: flex; min-height: 100%; flex-direction: column; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 24px; background: rgba(255,255,255,.075); box-shadow: 0 20px 60px rgba(0,0,0,.15); }
.hg-bundle--featured { border-color: rgba(94,225,233,.7); background: linear-gradient(180deg,rgba(18,184,196,.19),rgba(255,255,255,.075)); transform: translateY(-10px); }
.hg-bundle__image { height: 190px; overflow: hidden; background: #0b416b; }
.hg-bundle__image img { width: 100%; height: 100%; object-fit: cover; }
.hg-bundle__body { display: flex; flex: 1; flex-direction: column; padding: 25px; }
.hg-bundle__tag { display: inline-flex; align-self: flex-start; margin-bottom: 12px; padding: 5px 9px; border-radius: 999px; background: rgba(140,231,237,.14); color: #91ecf1; font-size: .72rem; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.hg-bundle h3 { margin: 0 0 9px; color: #fff; font-size: 1.35rem; line-height: 1.25; }
.hg-bundle p { margin: 0; color: rgba(255,255,255,.68); font-size: .9rem; }
.hg-list { margin: 18px 0; padding: 0; list-style: none; }
.hg-list li { position: relative; margin: 8px 0; padding-left: 24px; color: inherit; font-size: .9rem; }
.hg-list li::before { content: "✓"; position: absolute; left: 0; color: #78e0e6; font-weight: 900; }
.hg-bundle__foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.13); }
.hg-bundle__price strong { display: block; color: #fff; font-size: 1.65rem; line-height: 1; }
.hg-bundle__price small { color: rgba(255,255,255,.58); }

.hg-pricing { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; max-width: 930px; margin-inline: auto; }
.hg-plan { position: relative; padding: 32px; border: 1px solid var(--hg-line); border-radius: 24px; background: #fff; box-shadow: var(--hg-shadow-sm); }
.hg-plan--featured { border: 2px solid var(--hg-teal-600); box-shadow: var(--hg-shadow-md); }
.hg-plan__badge { position: absolute; top: 18px; right: 18px; padding: 6px 10px; border-radius: 999px; background: var(--hg-amber-100); color: #81560a; font-size: .72rem; font-weight: 850; }
.hg-plan h3 { margin: 0; color: var(--hg-navy-950); font-size: 1.36rem; }
.hg-plan__price { display: flex; align-items: baseline; gap: 6px; margin: 18px 0 7px; color: var(--hg-navy-950); }
.hg-plan__price strong { font-size: 2.8rem; line-height: 1; letter-spacing: -.05em; }
.hg-plan__price span { color: var(--hg-muted); font-size: .88rem; }
.hg-plan > p { margin: 0; color: var(--hg-muted); }
.hg-plan .hg-list { min-height: 195px; }
.hg-plan .hg-list li::before { color: var(--hg-success); }

.hg-training-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.hg-training { position: relative; padding: 28px; border: 1px solid var(--hg-line); border-radius: 22px; background: #fff; }
.hg-training__status { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 15px; padding: 6px 10px; border-radius: 999px; background: #fff1f2; color: var(--hg-danger); font-size: .74rem; font-weight: 850; }
.hg-training__status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.hg-training h3 { margin: 0 0 9px; color: var(--hg-navy-950); font-size: 1.25rem; }
.hg-training p { margin: 0; color: var(--hg-muted); font-size: .92rem; }
.hg-training__price { margin-top: 18px; color: var(--hg-navy-950); font-size: 1.45rem; font-weight: 900; }

.hg-cert-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 55px; }
.hg-cert-copy h2 { margin: 0 0 16px; color: var(--hg-navy-950); font-size: clamp(2rem,4vw,3.2rem); line-height: 1.1; letter-spacing: -.04em; }
.hg-cert-copy p { color: var(--hg-muted); }
.hg-cert-tabs { display: flex; gap: 8px; margin: 22px 0 14px; }
.hg-cert-tab { padding: 9px 13px; border: 1px solid var(--hg-line); border-radius: 10px; background: #fff; color: var(--hg-ink); font-weight: 780; cursor: pointer; }
.hg-cert-tab.is-active { border-color: var(--hg-teal-600); background: var(--hg-teal-100); color: var(--hg-navy-900); }
.hg-cert-preview { position: relative; padding: 12px; border-radius: 23px; background: linear-gradient(135deg,var(--hg-navy-900),var(--hg-teal-600)); box-shadow: var(--hg-shadow-md); transform: rotate(1.5deg); }
.hg-cert-preview img { display: block; width: 100%; border-radius: 13px; background: #fff; }
.hg-cert-preview__caption { position: absolute; left: 28px; bottom: 26px; padding: 8px 12px; border-radius: 10px; background: rgba(3,27,51,.88); color: #fff; font-size: .75rem; font-weight: 760; }

.hg-about-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 55px; }
.hg-about-visual { position: relative; overflow: hidden; min-height: 470px; border-radius: 28px; background: var(--hg-navy-900); box-shadow: var(--hg-shadow-md); }
.hg-about-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .78; }
.hg-about-visual__overlay { position: absolute; inset: auto 22px 22px; padding: 22px; border: 1px solid rgba(255,255,255,.2); border-radius: 18px; background: rgba(3,27,51,.82); color: #fff; backdrop-filter: blur(12px); }
.hg-about-visual__overlay strong { display: block; font-size: 1.25rem; }
.hg-about-copy h2 { margin: 0 0 18px; color: var(--hg-navy-950); font-size: clamp(2rem,4vw,3.2rem); line-height: 1.1; letter-spacing: -.04em; }
.hg-about-copy p { color: var(--hg-muted); }
.hg-profile-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; margin-top: 22px; }
.hg-profile { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--hg-line); border-radius: 14px; }
.hg-avatar { display: grid; flex: 0 0 46px; width: 46px; height: 46px; place-items: center; border-radius: 14px; background: linear-gradient(135deg,var(--hg-navy-800),var(--hg-teal-500)); color: #fff; font-weight: 900; }
.hg-profile strong { display: block; font-size: .9rem; }
.hg-profile small { color: var(--hg-muted); font-size: .74rem; }

.hg-faq { max-width: 850px; margin-inline: auto; }
.hg-faq details { border-bottom: 1px solid var(--hg-line); }
.hg-faq summary { position: relative; padding: 20px 44px 20px 0; color: var(--hg-navy-950); font-weight: 820; cursor: pointer; list-style: none; }
.hg-faq summary::-webkit-details-marker { display: none; }
.hg-faq summary::after { content: "+"; position: absolute; right: 5px; top: 15px; color: var(--hg-teal-700); font-size: 1.4rem; }
.hg-faq details[open] summary::after { content: "−"; }
.hg-faq details p { margin: -5px 0 20px; padding-right: 50px; color: var(--hg-muted); }

.hg-cta { padding: 0 0 88px; }
.hg-cta__panel { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 32px; padding: 44px; border-radius: 28px; background: linear-gradient(120deg,var(--hg-navy-950),var(--hg-navy-800) 58%,var(--hg-teal-700)); color: #fff; box-shadow: var(--hg-shadow-md); }
.hg-cta h2 { margin: 0 0 8px; color: #fff; font-size: clamp(1.8rem,3vw,2.7rem); line-height: 1.15; }
.hg-cta p { margin: 0; color: rgba(255,255,255,.72); }

.hg-footer { padding: 68px 0 0; background: #02172b; color: rgba(255,255,255,.72); }
.hg-footer__grid { display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 38px; }
.hg-footer__brand img { width: 175px; height: 70px; object-fit: contain; object-position: left center; filter: drop-shadow(0 8px 22px rgba(0,0,0,.2)); }
.hg-footer__about { max-width: 340px; margin: 15px 0 0; }
.hg-footer h3 { margin: 0 0 14px; color: #fff; font-size: .96rem; }
.hg-footer ul { margin: 0; padding: 0; list-style: none; }
.hg-footer li { margin: 8px 0; }
.hg-footer a { color: rgba(255,255,255,.72); text-decoration: none; }
.hg-footer a:hover { color: #97edf1; }
.hg-footer__bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 48px; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.1); font-size: .82rem; }
.hg-footer__bottom p { margin: 0; }

.hg-whatsapp { position: fixed; z-index: 700; right: 22px; bottom: 22px; display: flex; width: 58px; height: 58px; align-items: center; justify-content: center; border-radius: 50%; background: #1fa855; box-shadow: 0 12px 30px rgba(20,122,77,.3); color: #fff !important; font-weight: 900; text-decoration: none; }
.hg-whatsapp span { position: absolute; right: 68px; width: max-content; padding: 7px 10px; border-radius: 8px; background: var(--hg-navy-950); color: #fff; font-size: .75rem; opacity: 0; pointer-events: none; transform: translateX(8px); transition: .18s ease; }
.hg-whatsapp:hover span, .hg-whatsapp:focus-visible span { opacity: 1; transform: translateX(0); }

.hg-modal { position: fixed; z-index: 2000; inset: 0; display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(3,27,51,.68); backdrop-filter: blur(7px); }
.hg-modal.is-open { display: flex; }
.hg-modal__dialog { position: relative; width: min(760px,100%); max-height: min(820px,calc(100vh - 48px)); overflow-y: auto; border-radius: 24px; background: #fff; box-shadow: 0 30px 90px rgba(0,0,0,.25); }
.hg-modal__top { padding: 28px; background: linear-gradient(135deg,var(--hg-navy-950),var(--hg-teal-700)); color: #fff; }
.hg-modal__top h2 { margin: 5px 42px 0 0; color: #fff; font-size: 1.8rem; line-height: 1.2; }
.hg-modal__body { padding: 28px; }
.hg-modal__close { position: absolute; z-index: 2; top: 15px; right: 15px; display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 12px; background: rgba(255,255,255,.12); color: #fff; font-size: 1.25rem; cursor: pointer; }
.hg-modal__meta { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin: 0 0 22px; }
.hg-modal__meta div { padding: 12px; border-radius: 12px; background: var(--hg-surface); text-align: center; }
.hg-modal__meta strong { display: block; color: var(--hg-navy-950); }
.hg-modal__meta span { color: var(--hg-muted); font-size: .73rem; }
.hg-tier-table { display: grid; gap: 10px; }
.hg-tier { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--hg-line); border-radius: 13px; }
.hg-tier strong { color: var(--hg-navy-950); }
.hg-tier small { display: block; color: var(--hg-muted); }
.hg-tier__price { font-weight: 900; white-space: nowrap; }
.hg-status-full { padding: 5px 8px; border-radius: 999px; background: #fff1f2; color: var(--hg-danger); font-size: .72rem; font-weight: 850; white-space: nowrap; }
.hg-empty { grid-column: 1 / -1; padding: 36px; border: 1px dashed var(--hg-line); border-radius: 16px; color: var(--hg-muted); text-align: center; }

@media (max-width: 1060px) {
  .hg-header__cta { display: none; }
  .hg-hero__grid { grid-template-columns: 1fr 1fr; gap: 34px; }
  .hg-floating-card--one { left: -10px; }
  .hg-floating-card--two { right: -8px; }
  .hg-course-grid, .hg-grid--3, .hg-bundle-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hg-grid--4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hg-training-grid { grid-template-columns: 1fr 1fr; }
  .hg-footer__grid { grid-template-columns: 1.4fr repeat(3,1fr); gap: 26px; }
}

@media (max-width: 860px) {
  .hg-container { width: min(calc(100% - 30px),var(--hg-container)); }
  .hg-section { padding: 68px 0; }
  .hg-nav-toggle { display: block; }
  .hg-nav { position: fixed; z-index: 1000; inset: var(--hg-mobile-nav-top,114px) 0 0; margin: 0; padding: 15px; background: rgba(3,27,51,.52); opacity: 0; visibility: hidden; transition: opacity .2s ease,visibility .2s ease; }
  .hg-nav.is-open { opacity: 1; visibility: visible; }
  .hg-menu { display: block; max-height: calc(100vh - var(--hg-mobile-nav-top,114px) - 30px); overflow-y: auto; padding: 10px; border-radius: 18px; background: #fff; box-shadow: var(--hg-shadow-md); }
  .hg-menu a { min-height: 48px; padding-inline: 14px; }
  .hg-hero__grid, .hg-cert-grid, .hg-about-grid { grid-template-columns: 1fr; }
  .hg-hero { padding-top: 50px; }
  .hg-hero__copy { max-width: 720px; }
  .hg-hero__visual { max-width: 680px; }
  .hg-stats__grid { grid-template-columns: repeat(2,1fr); }
  .hg-stat:nth-child(3) { border-left: 0; border-top: 1px solid var(--hg-line); }
  .hg-stat:nth-child(4) { border-top: 1px solid var(--hg-line); }
  .hg-bundle--featured { transform: none; }
  .hg-footer__grid { grid-template-columns: 1fr 1fr; }
  .hg-cta__panel { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .hg-topbar__inner { min-height: 42px; padding: 5px 0; }
  .hg-topbar__inner span { display: none; }
  .hg-header__inner { min-height: 70px; }
  .hg-brand img { width: 145px; height: 54px; }
  .hg-hero { padding: 42px 0; }
  .hg-hero h1 { font-size: clamp(2.35rem,13vw,3.5rem); }
  .hg-hero__image { aspect-ratio: .98; border-width: 5px; }
  .hg-hero__image img { object-position: 61% center; }
  .hg-floating-card { position: static; display: inline-flex; max-width: none; margin: 10px 8px 0 0; }
  .hg-stats__grid, .hg-course-grid, .hg-grid--3, .hg-grid--4, .hg-bundle-grid, .hg-pricing, .hg-training-grid, .hg-profile-row { grid-template-columns: 1fr; }
  .hg-stat + .hg-stat { border-left: 0; border-top: 1px solid var(--hg-line); }
  .hg-course-toolbar { align-items: stretch; }
  .hg-search { width: 100%; min-width: 0; }
  .hg-plan { padding: 25px; }
  .hg-plan .hg-list { min-height: 0; }
  .hg-cert-tabs { flex-direction: column; }
  .hg-about-visual { min-height: 390px; }
  .hg-footer__grid { grid-template-columns: 1fr; }
  .hg-footer__bottom { flex-direction: column; }
  .hg-modal { padding: 10px; }
  .hg-modal__dialog { max-height: calc(100vh - 20px); border-radius: 17px; }
  .hg-modal__top, .hg-modal__body { padding: 22px; }
  .hg-modal__meta { grid-template-columns: repeat(2,1fr); }
  .hg-tier { grid-template-columns: 1fr auto; }
  .hg-tier .hg-status-full { grid-column: 1 / -1; justify-self: start; }
  .hg-whatsapp { right: 14px; bottom: 14px; width: 54px; height: 54px; }
  .hg-whatsapp span { display: none; }
}

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

/* Inner-page system */
.hg-page-hero, .hg-course-hero { position: relative; overflow: hidden; padding: 78px 0; background: linear-gradient(145deg,#f7fbfc,#eef8fa); }
.hg-page-hero::before, .hg-course-hero::before { content:""; position:absolute; width:420px; height:420px; right:-170px; top:-180px; border:70px solid rgba(8,166,168,.07); border-radius:50%; }
.hg-page-hero--dark { background: linear-gradient(125deg,var(--hg-navy-950),var(--hg-navy-800) 60%,var(--hg-teal-700)); color:#fff; }
.hg-page-hero--dark h1, .hg-page-hero--dark .hg-eyebrow { color:#fff; }
.hg-page-hero--dark p { color:rgba(255,255,255,.72); }
.hg-page-hero--compact { padding:65px 0; text-align:center; }
.hg-page-hero--compact .hg-container { max-width:900px; }
.hg-page-hero__grid, .hg-course-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:58px; }
.hg-page-hero h1, .hg-course-hero h1, .hg-error h1 { margin:8px 0 18px; color:var(--hg-navy-950); font-size:clamp(2.5rem,5vw,4.6rem); line-height:1.03; letter-spacing:-.052em; }
.hg-page-hero p, .hg-course-hero p { max-width:720px; margin:0; color:var(--hg-muted); font-size:1.08rem; }
.hg-page-hero__art { overflow:hidden; min-height:340px; border:8px solid rgba(255,255,255,.8); border-radius:28px; background:var(--hg-navy-900); box-shadow:var(--hg-shadow-md); }
.hg-page-hero__art img { display:block; width:100%; height:100%; min-height:340px; object-fit:cover; }
.hg-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; color:var(--hg-muted); font-size:.82rem; font-weight:750; }
.hg-breadcrumb a { color:var(--hg-teal-700); text-decoration:none; }
.hg-page-hero--dark .hg-breadcrumb, .hg-page-hero--dark .hg-breadcrumb a { color:rgba(255,255,255,.7); }
.hg-course-facts { display:flex; flex-wrap:wrap; gap:10px; margin:25px 0; }
.hg-course-facts span { padding:10px 13px; border:1px solid var(--hg-line); border-radius:11px; background:rgba(255,255,255,.72); color:var(--hg-muted); font-size:.8rem; }
.hg-course-facts strong { display:block; color:var(--hg-navy-950); font-size:1rem; }
.hg-page-hero--dark .hg-course-facts span { border-color:rgba(255,255,255,.17); background:rgba(255,255,255,.08); color:rgba(255,255,255,.67); }
.hg-page-hero--dark .hg-course-facts strong { color:#fff; }
.hg-course-hero__cover { display:grid; min-height:400px; place-items:center; align-content:center; gap:14px; border-radius:30px; background:linear-gradient(135deg,var(--hg-navy-900),var(--hg-blue-700)); color:#fff; box-shadow:var(--hg-shadow-md); }
.hg-course-hero__cover[data-category="web"] { background:linear-gradient(135deg,#0c5c70,#08a6a8); }
.hg-course-hero__cover[data-category="automation"] { background:linear-gradient(135deg,#173a68,#6b5bd2); }
.hg-course-hero__cover[data-category="ads"] { background:linear-gradient(135deg,#06365d,#0f8eb2); }
.hg-course-hero__cover > span { display:grid; width:140px; height:140px; place-items:center; border:1px solid rgba(255,255,255,.34); border-radius:36px; background:rgba(255,255,255,.13); font-size:3rem; font-weight:900; }
.hg-course-hero__cover small { color:rgba(255,255,255,.72); font-weight:750; }
.hg-training__status--open { background:#ecfdf5; color:#15805c; }
.hg-content-grid, .hg-split { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr); align-items:start; gap:55px; }
.hg-split { grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); align-items:center; }
.hg-content-grid .hg-title, .hg-split .hg-title { text-align:left; }
.hg-lead { color:var(--hg-muted); font-size:1.03rem; }
.hg-curriculum { display:grid; gap:9px; margin:28px 0 0; padding:0; list-style:none; }
.hg-curriculum li { display:grid; grid-template-columns:48px 1fr; align-items:center; min-height:60px; overflow:hidden; border:1px solid var(--hg-line); border-radius:13px; background:#fff; }
.hg-curriculum li span { display:grid; align-self:stretch; place-items:center; background:var(--hg-teal-100); color:var(--hg-teal-700); font-weight:900; }
.hg-curriculum li strong { padding:13px 16px; color:var(--hg-navy-950); font-size:.9rem; line-height:1.4; }
.hg-sticky-card { position:sticky; top:135px; padding:28px; border:1px solid var(--hg-line); border-radius:22px; background:#fff; box-shadow:var(--hg-shadow-sm); }
.hg-sticky-card h3 { margin:9px 0; color:var(--hg-navy-950); font-size:1.35rem; }
.hg-offer { display:flex; flex-direction:column; align-items:flex-start; gap:7px; padding:34px; border:1px solid rgba(255,255,255,.17); border-radius:24px; background:rgba(255,255,255,.08); }
.hg-offer small, .hg-offer span { color:rgba(255,255,255,.65); }
.hg-offer strong { color:#fff; font-size:3.2rem; line-height:1; letter-spacing:-.05em; }
.hg-offer .hg-button { margin-top:15px; }
.hg-offer--light { border-color:var(--hg-line); background:#fff; box-shadow:var(--hg-shadow-sm); }
.hg-offer--light small, .hg-offer--light span { color:var(--hg-muted); }
.hg-offer--light strong { color:var(--hg-navy-950); }
.hg-bundle-grid--light .hg-bundle { border-color:var(--hg-line); background:#fff; box-shadow:var(--hg-shadow-sm); }
.hg-bundle-grid--light .hg-bundle h3, .hg-bundle-grid--light .hg-bundle__price strong { color:var(--hg-navy-950); }
.hg-bundle-grid--light .hg-bundle p, .hg-bundle-grid--light .hg-bundle__price small { color:var(--hg-muted); }
.hg-bundle-grid--light .hg-bundle__tag { background:var(--hg-teal-100); color:var(--hg-teal-700); }
.hg-bundle-grid--light .hg-bundle__foot { border-color:var(--hg-line); }
.hg-included-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.hg-included { display:grid; grid-template-columns:50px 1fr auto; align-items:center; gap:14px; padding:16px; border:1px solid var(--hg-line); border-radius:15px; background:#fff; color:var(--hg-ink); text-decoration:none; transition:.18s ease; }
.hg-included:hover { transform:translateY(-2px); border-color:var(--hg-teal-600); box-shadow:var(--hg-shadow-sm); }
.hg-included__mark { display:grid; width:50px; height:50px; place-items:center; border-radius:13px; background:linear-gradient(135deg,var(--hg-navy-800),var(--hg-teal-600)); color:#fff; font-weight:900; }
.hg-included small, .hg-included strong { display:block; }
.hg-included small { margin-bottom:3px; color:var(--hg-muted); font-size:.73rem; }
.hg-included strong { color:var(--hg-navy-950); font-size:.9rem; }
.hg-included b { color:var(--hg-teal-700); font-size:.8rem; }
.hg-included--ai { border-color:#b9ebed; background:var(--hg-teal-100); }
.hg-note--center { max-width:900px; margin:24px auto 0; text-align:center; }
.hg-table-wrap { overflow-x:auto; border:1px solid var(--hg-line); border-radius:18px; }
.hg-compare { width:100%; border-collapse:collapse; background:#fff; }
.hg-compare th, .hg-compare td { padding:16px 20px; border-bottom:1px solid var(--hg-line); text-align:left; }
.hg-compare th { background:var(--hg-navy-950); color:#fff; }
.hg-compare tr:last-child td { border-bottom:0; }
.hg-alert { display:flex; justify-content:space-between; gap:20px; margin-bottom:38px; padding:18px 22px; border:1px solid #fecdd3; border-radius:15px; background:#fff1f2; color:#9f1239; }
.hg-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:25px 0; }
.hg-detail-grid div { padding:18px; border:1px solid var(--hg-line); border-radius:14px; background:#fff; }
.hg-detail-grid strong, .hg-detail-grid span { display:block; }
.hg-detail-grid strong { color:var(--hg-navy-950); font-size:1.25rem; }
.hg-detail-grid span { color:var(--hg-muted); font-size:.8rem; }
.hg-price-rows { margin:20px 0; }
.hg-price-rows div { display:flex; justify-content:space-between; gap:15px; padding:13px 0; border-bottom:1px solid var(--hg-line); }
.hg-price-rows span { color:var(--hg-muted); font-size:.83rem; }
.hg-price-rows strong { color:var(--hg-navy-950); white-space:nowrap; }
.hg-verify-wrap { max-width:820px; }
.hg-verify-card { padding:32px; border:1px solid var(--hg-line); border-radius:22px; background:#fff; box-shadow:var(--hg-shadow-sm); }
.hg-prose { max-width:900px; }
.hg-prose > section { padding:25px 0; border-bottom:1px solid var(--hg-line); }
.hg-prose h2 { margin:0 0 9px; color:var(--hg-navy-950); font-size:1.35rem; }
.hg-prose p { margin:0; color:var(--hg-muted); }
.hg-policy-meta { display:inline-flex; padding:7px 11px; border-radius:999px; background:var(--hg-teal-100); color:var(--hg-teal-700) !important; font-size:.78rem; font-weight:800; }
.hg-error { max-width:760px; padding-block:70px; text-align:center; }
.hg-error .hg-actions { justify-content:center; }

@media (max-width:860px) {
  .hg-page-hero__grid, .hg-course-hero__grid, .hg-content-grid, .hg-split { grid-template-columns:1fr; }
  .hg-page-hero__art { min-height:280px; }
  .hg-course-hero__cover { min-height:330px; }
  .hg-sticky-card { position:static; }
  .hg-included-grid { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .hg-page-hero, .hg-course-hero { padding:52px 0; }
  .hg-page-hero h1, .hg-course-hero h1 { font-size:clamp(2.25rem,12vw,3.3rem); }
  .hg-page-hero__art, .hg-page-hero__art img { min-height:230px; }
  .hg-alert { flex-direction:column; }
  .hg-detail-grid { grid-template-columns:1fr; }
  .hg-included { grid-template-columns:46px 1fr; }
  .hg-included > b { grid-column:2; }
}