/* GCors public site. Builds on gcors.css tokens; only var(--g-*) values. */
body { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
.gc-main { flex: 1 0 auto; }
.gc-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 var(--g-space-5); }
.gc-narrow { max-width: 880px; margin: 0 auto; }
.gc-skip { position: absolute; left: var(--g-space-4); top: -100px; z-index: 20; }
.gc-skip:focus { top: var(--g-space-2); }

/* Header */
.gc-header {
  position: sticky; top: 0; z-index: 10;
  background: color-mix(in srgb, var(--g-panel) 88%, transparent);
  -webkit-backdrop-filter: saturate(180%) blur(12px); backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--g-gray-a3);
}
.gc-header__inner { display: flex; align-items: center; gap: var(--g-space-6); height: 64px; }
.gc-header__logo { display: inline-flex; border-radius: var(--g-radius-3); }
.gc-logo { height: 26px; width: auto; }
.gc-logo__dark { fill: var(--g-gray-12); }
.gc-nav { display: flex; align-items: center; gap: var(--g-space-1); flex: 1; min-width: 0; }
.gc-nav > a, .gc-menu > summary {
  display: inline-flex; align-items: center; gap: var(--g-space-1); height: var(--g-control-2); padding: 0 var(--g-space-3);
  border-radius: var(--g-radius-3); color: var(--g-gray-11); font-weight: 500; cursor: pointer; list-style: none; white-space: nowrap;
  transition: background-color var(--g-duration-fast) ease, color var(--g-duration-fast) ease;
}
.gc-menu > summary::-webkit-details-marker { display: none; }
.gc-nav > a:hover, .gc-menu > summary:hover { background: var(--g-gray-3); color: var(--g-gray-12); }
.gc-nav > a[aria-current="page"], .gc-menu--current > summary { color: var(--g-gray-12); }
.gc-header__tools { display: flex; align-items: center; gap: var(--g-space-2); margin-left: auto; }

/* Guides menu: a panel with three columns, opened with a click (details), closes with Esc (site.js) */
.gc-menu { position: relative; }
.gc-menu[open] > summary { background: var(--g-gray-3); color: var(--g-gray-12); }
.gc-menu[open] > summary .gc-icon { transform: rotate(180deg); }
.gc-menu__panel {
  position: absolute; top: calc(100% + var(--g-space-2)); left: 50%; transform: translateX(-30%);
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--g-space-4);
  width: min(960px, calc(100vw - var(--g-space-6))); padding: var(--g-space-5);
  background: var(--g-panel); border-radius: var(--g-radius-5); box-shadow: var(--g-shadow-3);
}
.gc-menu__panel--lang { grid-template-columns: minmax(0, 1fr); width: 200px; left: auto; right: 0; transform: none; padding: var(--g-space-2); }
.gc-menu__group h2 { margin-bottom: var(--g-space-2); padding: 0 var(--g-space-2); font-size: var(--g-font-size-1); line-height: var(--g-line-height-1); font-weight: 500; color: var(--g-gray-11); }
.gc-menu__group a { display: flex; align-items: center; min-height: var(--g-control-2); padding: var(--g-space-1) var(--g-space-2); border-radius: var(--g-radius-3); color: var(--g-gray-12); }
.gc-menu__group a:hover { background: var(--g-gray-3); }
.gc-menu__group a[aria-current="page"] { background: var(--g-accent-3); color: var(--g-accent-11); }

/* Phone menu: the same links in one column under the header */
.gc-burger { display: none; }
.gc-burger > summary { list-style: none; }
.gc-burger > summary::-webkit-details-marker { display: none; }
.gc-mobile__panel {
  position: absolute; left: 0; right: 0; top: 100%;
  display: flex; flex-direction: column; gap: var(--g-space-1);
  max-height: calc(100dvh - 64px); overflow-y: auto; padding: var(--g-space-3) var(--g-space-4) var(--g-space-6);
  background: var(--g-panel); border-top: 1px solid var(--g-gray-4); box-shadow: var(--g-shadow-3);
}
.gc-mobile__panel a { display: flex; align-items: center; min-height: var(--g-touch); padding: 0 var(--g-space-3); border-radius: var(--g-radius-3); color: var(--g-gray-12); font-weight: 500; }
.gc-mobile__panel a:hover { background: var(--g-gray-3); }
.gc-mobile__theme { display: flex; align-items: center; gap: var(--g-space-2); min-height: var(--g-touch); padding: 0 var(--g-space-3); border: 0; border-radius: var(--g-radius-3); background: transparent; color: var(--g-gray-12); font-weight: 500; text-align: left; cursor: pointer; }
.gc-mobile__theme:hover { background: var(--g-gray-3); }
.gc-mobile__panel h2 { margin-top: var(--g-space-4); padding: 0 var(--g-space-3); font-size: var(--g-font-size-1); line-height: var(--g-line-height-1); font-weight: 500; color: var(--g-gray-11); }

/* Eyebrow and section headings */
.gc-eyebrow { display: inline-flex; align-items: center; height: var(--g-control-1); padding: 0 var(--g-space-3); border-radius: var(--g-radius-full); background: var(--g-accent-3); color: var(--g-accent-11); font-size: var(--g-font-size-1); line-height: var(--g-line-height-1); font-weight: 500; }
.gc-section { padding-top: var(--g-space-9); padding-bottom: var(--g-space-9); }
.gc-section--tint { background: var(--g-gray-2); border-top: 1px solid var(--g-gray-4); border-bottom: 1px solid var(--g-gray-4); }
.gc-section-head { max-width: 720px; margin: 0 auto var(--g-space-8); text-align: center; }
.gc-h2 { font-size: var(--g-font-size-8); line-height: var(--g-line-height-8); letter-spacing: var(--g-letter-spacing-8); font-weight: 700; text-wrap: balance; }
.gc-lead { margin-top: var(--g-space-3); font-size: var(--g-font-size-4); line-height: var(--g-line-height-4); color: var(--g-gray-11); text-wrap: pretty; }
.gc-h3 { font-size: var(--g-font-size-6); line-height: var(--g-line-height-6); letter-spacing: var(--g-letter-spacing-6); font-weight: 700; margin-bottom: var(--g-space-5); }

/* Hero: text left, product drawing right */
.gc-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: var(--g-space-9); align-items: center; padding-top: 80px; padding-bottom: 96px; }
.gc-hero__title { margin-top: var(--g-space-5); font-size: var(--g-font-size-9); line-height: var(--g-line-height-9); letter-spacing: var(--g-letter-spacing-9); font-weight: 700; max-width: 14ch; text-wrap: balance; }
.gc-hero__lead { margin-top: var(--g-space-5); font-size: var(--g-font-size-5); line-height: var(--g-line-height-5); letter-spacing: var(--g-letter-spacing-5); color: var(--g-gray-11); max-width: 30em; text-wrap: pretty; }
.gc-hero__actions { display: flex; flex-wrap: wrap; gap: var(--g-space-3); margin-top: var(--g-space-7); }
.gc-hero__note { display: flex; align-items: center; gap: var(--g-space-2); margin-top: var(--g-space-5); color: var(--g-gray-11); }
.gc-hero__note .gc-icon { color: var(--g-green-11); }
.gc-btn--xl { height: var(--g-space-8); padding: 0 var(--g-space-5); font-size: var(--g-font-size-3); border-radius: var(--g-radius-4); }

/* Drawing of the CRM: no text and no data, only shapes */
.gc-art { position: relative; display: grid; place-items: center; min-height: 480px; }
.gc-art__dot { position: absolute; width: 460px; height: 460px; border-radius: var(--g-radius-full); background: var(--g-accent-2); }
.gc-art__window { position: relative; display: flex; width: 500px; max-width: 100%; overflow: hidden; background: var(--g-panel); border-radius: var(--g-radius-6); box-shadow: var(--g-shadow-5); animation: gc-rise var(--g-duration-slow) var(--g-ease-out) both; animation-delay: 120ms; }
.gc-art__side { display: flex; flex-direction: column; gap: var(--g-space-3); width: 120px; padding: var(--g-space-4) var(--g-space-3); background: var(--g-gray-2); border-right: 1px solid var(--g-gray-4); }
.gc-art__body { flex: 1; display: flex; flex-direction: column; gap: var(--g-space-3); padding: var(--g-space-4); }
.gc-art__bar { display: flex; align-items: center; justify-content: space-between; }
.gc-art__kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--g-space-2); }
.gc-art__kpi { padding: var(--g-space-3); border: 1px solid var(--g-gray-4); border-radius: var(--g-radius-4); display: grid; gap: var(--g-space-2); }
.gc-art__table { border: 1px solid var(--g-gray-4); border-radius: var(--g-radius-4); overflow: hidden; }
.gc-art__row { display: flex; align-items: center; gap: var(--g-space-3); height: 40px; padding: 0 var(--g-space-3); border-top: 1px solid var(--g-gray-4); }
.gc-art__row--head { height: 28px; background: var(--g-gray-2); border-top: 0; }
.gc-art__row--on { background: var(--g-accent-3); }
.gc-art__ln { display: block; height: 8px; border-radius: var(--g-radius-full); background: var(--g-gray-4); }
.gc-art__ln--strong { height: 12px; background: var(--g-gray-6); }
.gc-art__ln--accent { background: var(--g-accent-6); }
.gc-art__ln--brand { height: 12px; background: var(--g-accent-9); }
.gc-art__pill { width: 44px; height: 16px; border-radius: var(--g-radius-full); background: var(--g-gray-3); }
.gc-art__pill--green { background: var(--g-green-3); }
.gc-art__pill--amber { background: var(--g-amber-3); }
.gc-art__pill--accent { background: var(--g-accent-4); }
.gc-art__btn { width: 56px; height: 24px; border-radius: var(--g-radius-3); background: var(--g-accent-9); }
.gc-art__phone { position: absolute; right: -8px; bottom: 8px; display: flex; flex-direction: column; gap: var(--g-space-2); width: 150px; padding: var(--g-space-3); background: var(--g-panel); border-radius: 28px; box-shadow: var(--g-shadow-5); animation: gc-rise var(--g-duration-slow) var(--g-ease-out) both; animation-delay: 300ms; }
.gc-art__next { display: grid; gap: var(--g-space-2); padding: var(--g-space-3); border-radius: var(--g-radius-6); background: var(--g-accent-9); }
.gc-art__next .gc-art__ln { background: var(--g-accent-contrast); opacity: 0.85; }
.gc-art__next .gc-art__ln + .gc-art__ln { opacity: 0.45; }
.gc-art__item { display: flex; align-items: center; gap: var(--g-space-2); padding: var(--g-space-2); }
.gc-art__item + .gc-art__item { border-top: 1px solid var(--g-gray-4); }
.gc-art__sq { width: 24px; height: 24px; border-radius: var(--g-radius-3); flex: none; }
.gc-w12 { width: 12%; } .gc-w15 { width: 15%; } .gc-w18 { width: 18%; } .gc-w20 { width: 20%; } .gc-w25 { width: 25%; } .gc-w30 { width: 30%; } .gc-w35 { width: 35%; } .gc-w40 { width: 40%; }
.gc-w45 { width: 45%; } .gc-w50 { width: 50%; } .gc-w55 { width: 55%; } .gc-w60 { width: 60%; } .gc-w65 { width: 65%; } .gc-w70 { width: 70%; } .gc-w75 { width: 75%; } .gc-w80 { width: 80%; } .gc-w85 { width: 85%; }
.gc-grow { flex: 1; } .gc-push { margin-left: auto; }

@keyframes gc-rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.gc-hero__text > * { animation: gc-rise var(--g-duration-slow) var(--g-ease-out) both; }

/* Feature groups */
.gc-group + .gc-group { margin-top: var(--g-space-7); }
.gc-group__title { margin-bottom: var(--g-space-4); font-size: var(--g-font-size-2); font-weight: 700; color: var(--g-gray-11); }
.gc-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--g-space-4); }
.gc-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g-space-8); align-items: center; }
.gc-feature { display: flex; gap: var(--g-space-4); align-items: flex-start; padding: 20px; }
.gc-feature h3 { display: flex; align-items: center; gap: var(--g-space-2); font-size: var(--g-font-size-3); line-height: var(--g-line-height-3); font-weight: 500; }
.gc-feature p { margin-top: var(--g-space-1); color: var(--g-gray-11); }

/* Presentation video: poster (then the YouTube player) left, chapter list right at the player's height */
.gc-video-section { padding-top: 0; }
.gc-video__note { margin-top: var(--g-space-2); color: var(--g-gray-11); }
.gc-video { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--g-space-5); align-items: start; }
.gc-video__frame { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--g-radius-5); background: var(--g-gray-3); box-shadow: var(--g-shadow-4); }
.gc-video__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.gc-video__poster { position: absolute; inset: 0; display: block; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; }
.gc-video__poster img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--g-duration-slow) var(--g-ease-out); }
.gc-video__poster:hover img { transform: scale(1.015); }
.gc-video__play { position: absolute; left: 50%; top: 50%; width: 88px; height: 88px; margin: -44px 0 0 -44px; border-radius: var(--g-radius-full); background: var(--g-accent-9); box-shadow: var(--g-shadow-5); transition: transform var(--g-duration-base) var(--g-ease-out); }
.gc-video__play::before { content: ""; position: absolute; left: 34px; top: 26px; width: 28px; height: 36px; background: var(--g-accent-contrast); clip-path: polygon(0 0, 100% 50%, 0 100%); }
.gc-video__poster:hover .gc-video__play { transform: scale(1.08); }
.gc-video__poster:focus-visible { outline-offset: -4px; }
.gc-video__len { position: absolute; right: var(--g-space-3); bottom: var(--g-space-3); display: inline-flex; align-items: center; gap: var(--g-space-1); height: var(--g-control-1); padding: 0 var(--g-space-2); border-radius: var(--g-radius-3); background: var(--g-gray-12); color: var(--g-gray-1); font-size: var(--g-font-size-1); font-weight: 500; }
/* height 0 + min-height 100%: the list takes the row height the player sets and scrolls inside it */
.gc-video__chapters { display: flex; flex-direction: column; height: 0; min-height: 100%; align-self: stretch; background: var(--g-panel); border: 1px solid var(--g-gray-4); border-radius: var(--g-radius-5); overflow: hidden; }
.gc-video__chapters h3 { padding: var(--g-space-3) var(--g-space-4); border-bottom: 1px solid var(--g-gray-4); font-size: var(--g-font-size-2); font-weight: 700; }
.gc-video__chapters ol { flex: 1; min-height: 0; overflow-y: auto; list-style: none; margin: 0; padding: var(--g-space-1); }
.gc-video__chapters button { display: flex; align-items: baseline; gap: var(--g-space-3); width: 100%; min-height: var(--g-control-2); padding: var(--g-space-2) var(--g-space-3); border: 0; border-radius: var(--g-radius-3); background: transparent; color: var(--g-gray-12); font: inherit; text-align: left; cursor: pointer; }
.gc-video__chapters button:hover { background: var(--g-gray-3); }
.gc-video__chapters button[aria-current="true"] { background: var(--g-accent-3); color: var(--g-accent-11); font-weight: 500; }
.gc-video__time { flex: none; min-width: 3.2em; color: var(--g-gray-11); font-variant-numeric: tabular-nums; }
.gc-video__chapters button[aria-current="true"] .gc-video__time { color: var(--g-accent-11); }

/* Drawing of a form, for "learned in one day" */
.gc-form-art { overflow: hidden; }
.gc-form-art__bar { display: flex; align-items: center; gap: var(--g-space-2); height: 44px; padding: 0 var(--g-space-4); border-bottom: 1px solid var(--g-gray-4); }
.gc-form-art__tool { width: 28px; height: 28px; border-radius: var(--g-radius-3); background: var(--g-gray-3); }
.gc-form-art__save { width: 72px; height: 28px; border-radius: var(--g-radius-3); background: var(--g-accent-9); margin-left: auto; }
.gc-form-art__sep { width: 1px; height: 20px; background: var(--g-gray-6); }
.gc-form-art__body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g-space-4) var(--g-space-5); padding: var(--g-space-5); }
.gc-form-art__field { display: grid; gap: var(--g-space-2); }
.gc-form-art__field--wide { grid-column: 1 / -1; }
.gc-form-art__input { height: 32px; border-radius: var(--g-radius-3); border: 1px solid var(--g-gray-9); }
.gc-form-art__input--focus { border-color: var(--g-accent-9); box-shadow: 0 0 0 4px var(--g-focus-ring); }
.gc-form-art__input--tall { height: 72px; }

/* Pricing */
.gc-billing { display: flex; justify-content: center; margin-bottom: var(--g-space-7); }
.gc-billing .gc-segmented { border-radius: var(--g-radius-full); }
.gc-billing .gc-segmented__item { border-radius: var(--g-radius-full); }
.gc-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--g-space-4); max-width: 1040px; margin: 0 auto; }
.gc-plan { display: flex; flex-direction: column; gap: var(--g-space-4); padding: var(--g-space-6); }
.gc-plan--top { box-shadow: 0 0 0 2px var(--g-accent-9), var(--g-shadow-2); border-color: transparent; }
.gc-plan__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-2); min-height: 24px; }
.gc-plan__name { font-size: var(--g-font-size-4); line-height: var(--g-line-height-4); font-weight: 700; white-space: nowrap; }
.gc-plan__users { margin-top: calc(var(--g-space-3) * -1); color: var(--g-gray-11); }
.gc-plan__price { display: flex; flex-direction: column; gap: var(--g-space-1); }
.gc-plan__amount { white-space: nowrap; font-size: var(--g-font-size-9); line-height: var(--g-line-height-9); letter-spacing: var(--g-letter-spacing-9); font-weight: 700; font-variant-numeric: tabular-nums; }
.gc-plan__amount--sm { font-size: var(--g-font-size-8); line-height: var(--g-line-height-8); letter-spacing: var(--g-letter-spacing-8); }
.gc-plan__per { color: var(--g-gray-11); }
.gc-plan .gc-btn { width: 100%; }
.gc-checks { display: grid; gap: var(--g-space-2); color: var(--g-gray-11); list-style: none; margin: 0; padding: 0; }
.gc-checks li { display: flex; gap: var(--g-space-3); align-items: flex-start; }
.gc-checks .gc-icon { color: var(--g-green-11); margin-top: 2px; }
.gc-checks--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g-space-3) var(--g-space-5); }
.gc-included { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--g-space-6); max-width: 1040px; margin: var(--g-space-5) auto 0; padding: var(--g-space-6); }
.gc-included h2 { font-size: var(--g-font-size-4); line-height: var(--g-line-height-4); font-weight: 700; }
.gc-included p { margin-top: var(--g-space-2); color: var(--g-gray-11); }
.gc-explain { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--g-space-6); max-width: 1040px; margin: var(--g-space-9) auto 0; }
.gc-explain p { font-size: var(--g-font-size-3); line-height: var(--g-line-height-3); color: var(--g-gray-11); }
[data-billing="monthly"] [data-price="yearly"], [data-billing="yearly"] [data-price="monthly"] { display: none; }

/* Guide pages */
.gc-page-head { padding-top: var(--g-space-8); }
.gc-crumbs { display: flex; flex-wrap: wrap; gap: var(--g-space-2); color: var(--g-gray-11); list-style: none; margin: 0; padding: 0; }
.gc-crumbs li + li::before { content: "/"; margin-right: var(--g-space-2); color: var(--g-gray-9); }
.gc-crumbs [aria-current] { color: var(--g-gray-12); }
.gc-page-title { margin-top: var(--g-space-5); font-size: var(--g-font-size-8); line-height: var(--g-line-height-8); letter-spacing: var(--g-letter-spacing-8); font-weight: 700; text-wrap: balance; }
.gc-page-lead { margin-top: var(--g-space-4); font-size: var(--g-font-size-4); line-height: var(--g-line-height-4); color: var(--g-gray-11); text-wrap: pretty; }
.gc-block { margin-top: var(--g-space-9); }
.gc-table-wrap { overflow-x: auto; }
.gc-table { width: 100%; border-collapse: collapse; }
.gc-table th { background: var(--g-gray-2); color: var(--g-gray-11); font-size: var(--g-font-size-1); line-height: var(--g-line-height-1); font-weight: 500; text-align: left; padding: 10px var(--g-space-4); border-bottom: 1px solid var(--g-gray-6); }
.gc-table td { padding: 14px var(--g-space-4); border-bottom: 1px solid var(--g-gray-6); vertical-align: top; color: var(--g-gray-11); }
.gc-table td:first-child { width: 22%; color: var(--g-gray-12); font-weight: 500; }
/* Row headers (th scope="row") look like the first data column, not like the column header strip. */
.gc-table tbody th { width: 22%; padding: 14px var(--g-space-4); background: none; border-bottom: 1px solid var(--g-gray-6); vertical-align: top; color: var(--g-gray-12); font-size: var(--g-font-size-2); line-height: var(--g-line-height-2); font-weight: 500; }
.gc-table tbody tr:last-child th { border-bottom: 0; }
.gc-table td:last-child { color: var(--g-gray-12); }
.gc-table tr:last-child td { border-bottom: 0; }
/* A neutral comparison (CRM vs ERP): no column is ours, so none is emphasised. */
.gc-table--even td:last-child { color: var(--g-gray-11); }
.gc-cards3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--g-space-4); }
.gc-cards4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--g-space-4); list-style: none; margin: 0; padding: 0; }
.gc-mini { padding: 20px; }
.gc-mini h3 { margin-top: var(--g-space-3); font-size: var(--g-font-size-3); line-height: var(--g-line-height-3); font-weight: 500; }
.gc-mini p { margin-top: var(--g-space-1); color: var(--g-gray-11); }
.gc-tile--red { background: var(--g-red-3); color: var(--g-red-11); width: var(--g-control-2); height: var(--g-control-2); }
.gc-step { display: grid; place-items: center; width: var(--g-control-2); height: var(--g-control-2); border-radius: var(--g-radius-full); background: var(--g-accent-3); color: var(--g-accent-11); font-weight: 700; }
.gc-faq { border-top: 1px solid var(--g-gray-6); }
.gc-faq details { border-bottom: 1px solid var(--g-gray-6); }
.gc-faq summary { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-4); min-height: 56px; cursor: pointer; font-size: var(--g-font-size-3); line-height: var(--g-line-height-3); font-weight: 500; list-style: none; }
.gc-faq summary::-webkit-details-marker { display: none; }
.gc-faq summary .gc-icon { transition: transform var(--g-duration-fast) ease; color: var(--g-gray-11); }
.gc-faq details[open] summary .gc-icon { transform: rotate(180deg); }
.gc-faq details p { padding-bottom: var(--g-space-5); font-size: var(--g-font-size-3); line-height: var(--g-line-height-3); color: var(--g-gray-11); }
.gc-cta { display: flex; flex-wrap: wrap; gap: var(--g-space-5); align-items: center; justify-content: space-between; padding: var(--g-space-7); background: var(--g-accent-2); border: 1px solid var(--g-accent-4); border-radius: var(--g-radius-5); }
.gc-cta h2 { font-size: var(--g-font-size-6); line-height: var(--g-line-height-6); font-weight: 700; }
.gc-cta p { margin-top: var(--g-space-2); font-size: var(--g-font-size-3); line-height: var(--g-line-height-3); color: var(--g-gray-11); }
.gc-cta__actions { display: flex; flex-wrap: wrap; gap: var(--g-space-3); }

/* Start today */
.gc-start { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--g-space-8); align-items: center; padding: var(--g-space-8); }
.gc-start h2 { font-size: var(--g-font-size-7); line-height: var(--g-line-height-7); letter-spacing: var(--g-letter-spacing-7); font-weight: 700; }
.gc-start p { margin-top: var(--g-space-3); font-size: var(--g-font-size-3); line-height: var(--g-line-height-3); color: var(--g-gray-11); }
.gc-start__actions { display: grid; justify-content: end; gap: var(--g-space-3); }
.gc-start__actions > .gc-btn { width: 100%; }
/* Store badges: both 48px tall. The Google PNG carries its own clear space (about 15% of its height), so it is drawn taller and pulled in. */
.gc-stores { display: flex; flex-wrap: wrap; align-items: center; gap: var(--g-space-5); } /* 24 minus the 12px pulled in = 12px visible */
.gc-store { display: block; border-radius: var(--g-radius-4); line-height: 0; }
.gc-store img { display: block; width: auto; height: var(--g-space-8); }
.gc-store--play img { height: 70px; margin: -11px -12px; }
.gc-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g-space-8); margin-top: var(--g-space-9); }
.gc-facts h2 { font-size: var(--g-font-size-4); line-height: var(--g-line-height-4); font-weight: 700; }
.gc-facts p { margin-top: var(--g-space-2); font-size: var(--g-font-size-3); line-height: var(--g-line-height-3); color: var(--g-gray-11); }

/* Contact */
.gc-contact { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: var(--g-space-8); max-width: 1040px; margin: 0 auto; align-items: start; }
.gc-contact__form { padding: var(--g-space-6); }
.gc-contact__form form { display: grid; gap: var(--g-space-5); justify-items: start; }
.gc-contact__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g-space-4); width: 100%; }
.gc-contact__wide { grid-column: 1 / -1; }
.gc-contact__captcha { min-height: 78px; }
.gc-contact__done { display: grid; gap: var(--g-space-3); justify-items: start; }
.gc-contact__info { padding-top: var(--g-space-4); display: grid; gap: var(--g-space-5); justify-items: start; }
.gc-contact__info .gc-h3 { margin-bottom: 0; }
.gc-contact__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--g-space-4); font-size: var(--g-font-size-3); line-height: var(--g-line-height-3); }
.gc-contact__list li { display: flex; gap: var(--g-space-3); align-items: flex-start; }
.gc-field__error { color: var(--g-red-11); font-size: var(--g-font-size-1); line-height: var(--g-line-height-1); }
.gc-input[aria-invalid="true"], .gc-textarea[aria-invalid="true"] { border-color: var(--g-red-8); }
@media (max-width: 767px) {
  .gc-contact, .gc-contact__fields { grid-template-columns: minmax(0, 1fr); }
  .gc-contact__form { padding: var(--g-space-4); }
}

/* Legal documents: long reading text */
.gc-legal { padding-bottom: var(--g-space-9); }
.gc-legal__updated { margin-top: var(--g-space-3); }
.gc-legal__body { margin-top: var(--g-space-7); font-size: var(--g-font-size-3); line-height: var(--g-line-height-3); color: var(--g-gray-12); }
.gc-legal__body section + section { margin-top: var(--g-space-7); }
.gc-legal__body h2 { font-size: var(--g-font-size-5); line-height: var(--g-line-height-5); font-weight: 700; margin-bottom: var(--g-space-3); }
.gc-legal__body p + p, .gc-legal__body p + ul, .gc-legal__body ul + p { margin-top: var(--g-space-3); }
.gc-legal__body ul { margin: var(--g-space-3) 0 0; padding-left: var(--g-space-5); display: grid; gap: var(--g-space-2); }
.gc-legal__body a { overflow-wrap: anywhere; }

/* 404 */
.gc-notfound { display: flex; flex-direction: column; align-items: center; gap: var(--g-space-4); padding: 120px 0; text-align: center; }

/* Footer */
.gc-footer { border-top: 1px solid var(--g-gray-4); background: var(--g-gray-2); }
.gc-footer__top { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: var(--g-space-6); padding-top: var(--g-space-8); padding-bottom: var(--g-space-6); }
.gc-footer__about p { margin-top: var(--g-space-4); color: var(--g-gray-11); max-width: 34em; }
.gc-footer__col { display: flex; flex-direction: column; gap: var(--g-space-2); }
.gc-footer__col h2 { font-size: var(--g-font-size-2); font-weight: 500; margin-bottom: var(--g-space-1); }
.gc-footer__col a { color: var(--g-gray-11); }
.gc-footer__col a:hover { color: var(--g-gray-12); }
.gc-footer__bottom { display: flex; flex-wrap: wrap; gap: var(--g-space-4); justify-content: space-between; align-items: center; padding-top: var(--g-space-4); padding-bottom: var(--g-space-6); border-top: 1px solid var(--g-gray-4); color: var(--g-gray-11); font-size: var(--g-font-size-1); line-height: var(--g-line-height-1); }
.gc-footer__bottom nav { display: flex; flex-wrap: wrap; gap: var(--g-space-4); }
.gc-footer__bottom a { color: var(--g-gray-11); }
.gc-footer__langs { display: flex; flex-wrap: wrap; gap: var(--g-space-1); list-style: none; margin: 0; padding: 0; }
.gc-footer__langs a { display: inline-flex; align-items: center; height: var(--g-control-1); padding: 0 var(--g-space-2); border-radius: var(--g-radius-3); }
.gc-footer__langs a[aria-current="true"] { background: var(--g-gray-4); color: var(--g-gray-12); }

/* Seven languages make the menu long (German, Russian): the full header needs about 1200px. */
@media (max-width: 1199px) {
  .gc-nav, .gc-header__login, .gc-header__lang { display: none; }
  .gc-burger { display: block; }
}
@media (max-width: 1023px) {
  .gc-hero { grid-template-columns: minmax(0, 1fr); padding-top: var(--g-space-7); padding-bottom: var(--g-space-8); }
  .gc-art { display: none; }
  .gc-video { grid-template-columns: minmax(0, 1fr); }
  .gc-video__chapters { height: auto; min-height: 0; max-height: 360px; }
  .gc-grid3, .gc-plans, .gc-cards3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gc-cards4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .gc-container { padding: 0 var(--g-space-4); }
  .gc-hero__title { font-size: var(--g-font-size-8); line-height: var(--g-line-height-8); letter-spacing: var(--g-letter-spacing-8); }
  .gc-hero__lead { font-size: var(--g-font-size-3); line-height: var(--g-line-height-3); }
  .gc-hero__actions { flex-direction: column; }
  .gc-hero__actions .gc-btn { width: 100%; }
  .gc-section { padding-top: var(--g-space-8); padding-bottom: var(--g-space-8); }
  .gc-h2, .gc-page-title { font-size: var(--g-font-size-6); line-height: var(--g-line-height-6); letter-spacing: var(--g-letter-spacing-6); }
  .gc-grid3, .gc-grid2, .gc-plans, .gc-cards3, .gc-cards4, .gc-facts, .gc-start, .gc-included, .gc-explain, .gc-checks--2, .gc-footer__top { grid-template-columns: minmax(0, 1fr); }
  .gc-grid2 { gap: var(--g-space-6); }
  .gc-video__play { width: 64px; height: 64px; margin: -32px 0 0 -32px; }
  .gc-video__play::before { left: 25px; top: 19px; width: 20px; height: 26px; }
  .gc-start { padding: var(--g-space-5); gap: var(--g-space-5); }
  .gc-start__actions { justify-content: stretch; }
  .gc-start__actions .gc-btn { width: 100%; }
  .gc-stores { justify-content: center; }
  .gc-cta { padding: var(--g-space-5); }
  /* Long labels (Russian, German) wrap instead of pushing the page sideways. */
  .gc-btn--lg, .gc-btn--xl { white-space: normal; height: auto; min-height: var(--g-control-3); padding-top: var(--g-space-2); padding-bottom: var(--g-space-2); text-align: center; line-height: var(--g-line-height-3); }
  .gc-badge { white-space: normal; height: auto; min-height: 20px; padding-top: 2px; padding-bottom: 2px; }
  .gc-cta__actions { width: 100%; }
  .gc-cta__actions .gc-btn { width: 100%; }
  .gc-header__cta { height: 36px; padding: 0 var(--g-space-3); }
  .gc-header__inner { gap: var(--g-space-3); }
  .gc-logo { height: 22px; width: auto; }
  .gc-header__theme { display: none; } /* the theme switch moves into the phone menu */
  .gc-header__tools { gap: var(--g-space-1); }
}