.sg-header { /* 2026-10-02 transitions pass */
view-transition-name: sg-header;
/* 2026-11-03 a11y: keyboard focus and in-page links stop below the fixed header (WCAG 2.4.11). */
:root:has(&) { scroll-padding-block-start: calc(var(--sg-header-h, 4.875rem) + 1.75rem); }
 }
.sg-header__inner { position:relative;display:flex;align-items:center;gap:.4rem;inline-size:min(100%, var(--sg-content-max));margin-inline:auto;block-size:var(--sg-header-h);padding:.5rem clamp(.6rem,1.4vw,1.1rem) .5rem clamp(1rem,2vw,1.25rem);border-radius:var(--sg-radius-full);background:var(--sg-glass);-webkit-backdrop-filter:blur(var(--sg-blur)) saturate(160%);backdrop-filter:blur(var(--sg-blur)) saturate(160%);border:.0625rem solid var(--sg-border);box-shadow:var(--sg-shadow-md);transition:box-shadow var(--sg-dur-base) var(--sg-ease), background var(--sg-dur-base) var(--sg-ease) }
.sg-header__logo { flex:0 0 auto;display:flex;align-items:center;gap:.55rem;font-family:var(--sg-font-display);font-weight:700;font-size:var(--sg-text-l);letter-spacing:-.02em;color:var(--sg-text);text-decoration:none;white-space:nowrap }
.sg-header__logo-img { block-size: clamp(1.875rem, 3.6vw, 2.75rem);
  inline-size: auto;
  display: block; }
.sg-header__logo-light { display:none;block-size:clamp(1.875rem, 3.6vw, 2.75rem);inline-size:auto; }
.sg-header__logo-mark { display:none;block-size:clamp(2.25rem, 4.6vw, 2.75rem);inline-size:auto; }
.sg-header__nav { flex:1 1 auto;min-inline-size:0;display:flex;justify-content:center }
.sg-header__menu { display:flex;align-items:center;gap:.1rem;list-style:none;margin:0;padding:0;flex-wrap:nowrap }
.sg-header__item { position:static;margin:0 }
.sg-header__link { font-family:var(--sg-font-display);font-weight:500;font-size:var(--sg-text-s);color:var(--sg-text-muted);text-decoration:none;padding:.5rem .62rem;border-radius:var(--sg-radius-full);white-space:nowrap;display:inline-block;transition:color var(--sg-dur-fast) var(--sg-ease), background var(--sg-dur-fast) var(--sg-ease) }
.sg-header__cluster { flex:0 0 auto;display:flex;align-items:center;gap:.15rem;margin-inline-start:.35rem;
/* 2026-10-02 touch-friendly header icons */
@media (max-width: 64rem) { && { gap: .5rem; } } }
.sg-header__icon { inline-size:2.25rem;block-size:2.25rem;display:inline-grid;place-items:center;border:0;padding:0;background:transparent;color:var(--sg-text-muted);border-radius:var(--sg-radius-full);cursor:pointer;font-size:0;transition:color var(--sg-dur-fast) var(--sg-ease), background var(--sg-dur-fast) var(--sg-ease) }
.sg-header__search { &.sg-header__icon { inline-size: 2.75rem; block-size: 2.75rem; touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: background-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); } &.sg-header__icon::before { mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='7.5'/%3E%3Cpath%20d='m20.5%2020.5-4.2-4.2'/%3E%3C/svg%3E") center / contain no-repeat; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='7.5'/%3E%3Cpath%20d='m20.5%2020.5-4.2-4.2'/%3E%3C/svg%3E") center / contain no-repeat; } &.sg-header__icon:hover { transform: none; background: transparent; } @media (hover: hover) { &.sg-header__icon:hover { background: light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 14%, transparent), color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 22%, transparent)); } } &.sg-header__icon:focus-visible { background: light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 14%, transparent), color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 22%, transparent)); outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } &.sg-header__icon:active { background: light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 24%, transparent), color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 32%, transparent)); } @media (prefers-reduced-motion: reduce) { &.sg-header__icon { transition: none; } }
/* 2026-10-02 touch-friendly header icons */
@media (max-width: 64rem) {
  &&&& { inline-size: 2.875rem; block-size: 2.875rem; background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 7%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 12%, transparent)); color: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 88%, transparent), var(--sg-n-1000, oklch(99.2% .004 265))); transition: background-color 120ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), scale 120ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
  &&&&::before { inline-size: 1.375rem; block-size: 1.375rem; }
  &&&&:active { scale: .94; background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 14%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 20%, transparent)); }
  &&&&:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; }
  @media (hover: hover) { &&&&:hover { background: light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 14%, transparent), color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 22%, transparent)); } }
  @media (prefers-reduced-motion: reduce) { &&&& { transition: background-color 120ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); } &&&&:active { scale: 1; } }
} }
.sg-header__account { &.sg-header__icon { inline-size: 2.75rem; block-size: 2.75rem; touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: background-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); } &.sg-header__icon::before { mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9.25'/%3E%3Ccircle%20cx='12'%20cy='10'%20r='3.25'/%3E%3Cpath%20d='M6.6%2018.4a6%206%200%200%201%2010.8%200'/%3E%3C/svg%3E") center / contain no-repeat; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9.25'/%3E%3Ccircle%20cx='12'%20cy='10'%20r='3.25'/%3E%3Cpath%20d='M6.6%2018.4a6%206%200%200%201%2010.8%200'/%3E%3C/svg%3E") center / contain no-repeat; } &.sg-header__icon:hover { transform: none; background: transparent; } @media (hover: hover) { &.sg-header__icon:hover { background: light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 14%, transparent), color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 22%, transparent)); } } &.sg-header__icon:focus-visible { background: light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 14%, transparent), color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 22%, transparent)); outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } &.sg-header__icon:active { background: light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 24%, transparent), color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 32%, transparent)); } @media (prefers-reduced-motion: reduce) { &.sg-header__icon { transition: none; } }
/* 2026-10-02 touch-friendly header icons */
@media (max-width: 64rem) {
  &&&& { inline-size: 2.875rem; block-size: 2.875rem; background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 7%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 12%, transparent)); color: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 88%, transparent), var(--sg-n-1000, oklch(99.2% .004 265))); transition: background-color 120ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), scale 120ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
  &&&&::before { inline-size: 1.375rem; block-size: 1.375rem; }
  &&&&:active { scale: .94; background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 14%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 20%, transparent)); }
  &&&&:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; }
  @media (hover: hover) { &&&&:hover { background: light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 14%, transparent), color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 22%, transparent)); } }
  @media (prefers-reduced-motion: reduce) { &&&& { transition: background-color 120ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); } &&&&:active { scale: 1; } }
} }
.sg-header__utility { &.sg-header__icon { inline-size: 2.75rem; block-size: 2.75rem; touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: background-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); } &.sg-header__icon::before { mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3.5'%20y='4'%20width='17'%20height='16'%20rx='2.5'/%3E%3Cpath%20d='M14.5%204v16'/%3E%3Cpath%20d='m9%209.5%202.5%202.5L9%2014.5'/%3E%3C/svg%3E") center / contain no-repeat; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3.5'%20y='4'%20width='17'%20height='16'%20rx='2.5'/%3E%3Cpath%20d='M14.5%204v16'/%3E%3Cpath%20d='m9%209.5%202.5%202.5L9%2014.5'/%3E%3C/svg%3E") center / contain no-repeat; } &.sg-header__icon:hover { transform: none; background: transparent; } @media (hover: hover) { &.sg-header__icon:hover { background: light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 14%, transparent), color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 22%, transparent)); } } &.sg-header__icon:focus-visible { background: light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 14%, transparent), color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 22%, transparent)); outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } &.sg-header__icon:active { background: light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 24%, transparent), color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 32%, transparent)); } @media (prefers-reduced-motion: reduce) { &.sg-header__icon { transition: none; } } }
.sg-header__cta { flex:0 0 auto;font-family:var(--sg-font-display);font-weight:700;font-size:var(--sg-text-s);background:var(--sg-yellow);color:#0a0a12;border-radius:var(--sg-radius-full);padding:.6rem 1.2rem;margin-inline-start:.4rem;text-decoration:none;white-space:nowrap;box-shadow:0 .375rem 1.125rem rgba(0,0,0,.28);
/* 2026-10-02 render pass: the ring spins on hover and keyboard focus only (it repainted every frame on every page). */
&:is(:hover, :focus-visible) { animation-play-state: running; } }
.sg-header__mobile-toggle { display: none; touch-action: manipulation; -webkit-tap-highlight-color: transparent; border-radius: var(--sg-radius-full, 999rem); transition: background-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); @media (hover: hover) { &:hover { background: light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 14%, transparent), color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 22%, transparent)); } } &:focus-visible { background: light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 14%, transparent), color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 22%, transparent)); outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } &:active { background: light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 24%, transparent), color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 32%, transparent)); } @media (prefers-reduced-motion: reduce) { transition: none; }
/* 2026-10-02 touch-friendly header icons */
@media (max-width: 64rem) {
  &&&& { inline-size: 2.875rem; block-size: 2.875rem; background: light-dark(var(--sg-n-0, oklch(12.9% .015 266.38)), var(--sg-n-1000, oklch(99.2% .004 265))); color: light-dark(var(--sg-n-1000, oklch(99.2% .004 265)), var(--sg-n-0, oklch(12.9% .015 266.38))); transition: background-color 120ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), scale 120ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
  &&&&::before { inline-size: 1.375rem; block-size: 1.375rem; }
  &&&&:active { scale: .94; background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 82%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 82%, transparent)); }
  &&&&:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; }
  @media (hover: hover) { &&&&:hover { background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 86%, var(--sg-blue, oklch(74.67% .1402 227.95))), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 86%, var(--sg-blue, oklch(74.67% .1402 227.95)))); } }
  @media (prefers-reduced-motion: reduce) { &&&& { transition: background-color 120ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); } &&&&:active { scale: 1; } }
} }
.sg-header__megas { position:static;display:block }
.sg-mega { position:absolute;inset-inline-start:50%;inset-block-start:calc(var(--sg-gutter)*.6 + var(--sg-header-h) + .5rem);inline-size:min(var(--sg-content-max), calc(100vw - 2*var(--sg-gutter)));padding:var(--sg-space-m);background:var(--sg-glass-strong);-webkit-backdrop-filter:blur(1.375rem) saturate(160%);backdrop-filter:blur(1.375rem) saturate(160%);border:.0625rem solid var(--sg-border-strong);border-radius:var(--sg-radius-2xl);box-shadow:var(--sg-shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(.625rem);transition:opacity var(--sg-dur-base) var(--sg-ease), transform var(--sg-dur-base) var(--sg-ease), visibility var(--sg-dur-base);z-index:var(--sg-z-overlay) }
.sg-mega--tabbed {   &&&&& { --sg-cat-active: var(--sg-cat-design, oklch(74.67% .1402 227.95)); } }
.sg-mega__inner { display:block }
.sg-mega__inner--tabbed {   &&&&& { display: grid; } }
.sg-mega__bottom { display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-block-start:1.5rem;padding-block-start:1.25rem;border-block-start:.0625rem solid var(--sg-border) }
.sg-mega__bottom--tabbed {   &&&&& { grid-area: bottom; } }
.sg-mega__bottom-cta { font-family:var(--sg-font-display);font-weight:600;font-size:.85rem;background:var(--sg-primary);color:var(--sg-on-primary);border-radius:var(--sg-radius-full);padding:.5rem 1.1rem;text-decoration:none }
.sg-mega__bottom-link { font-family:var(--sg-font-display);font-weight:500;font-size:.85rem;color:var(--sg-text-muted);text-decoration:none }
.sg-mega__preview { position: relative;
isolation: isolate;
overflow: clip;
display: grid;
align-content: end;
grid-area: feat;
align-self: stretch;
box-sizing: border-box;
min-block-size: 17.5rem;
margin: 0;
padding: clamp(1rem, .8rem + .5vw, 1.375rem);
border-radius: clamp(1rem, .85rem + .45vw, 1.375rem);
color-scheme: dark;
/* A dark image stage in both themes, like the cover hero it previews (owner 2026-09-23 rule for the cover). */
--sg-text: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 96%, transparent);
--sg-text-muted: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 78%, transparent);
background: var(--sg-n-0, oklch(12.9% .015 266.38));
color: var(--sg-text);
font-family: var(--sg-font-body, 'Inter', system-ui, sans-serif);
text-align: start;
container: sg-mega-preview / inline-size;
box-shadow: 0 .75rem 2rem color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 24%, transparent);
&[data-area="featured"] { grid-area: featured; } }
.sg-mega__preview--tabbed {   &&&&&[data-category='about-company'] { --sg-cat-active: var(--sg-cat-design, oklch(74.67% .1402 227.95)); }
  &&&&&[data-category='about-team'] { --sg-cat-active: var(--sg-cat-development, oklch(84.98% .1739 86.55)); }
  &&&&&[data-category='about-working'] { --sg-cat-active: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); }
  &&&&&[data-category='about-support'] { --sg-cat-active: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); }
  &&&&&[data-category='about-areas'] { --sg-cat-active: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); }
  &&&&&[data-category='portfolio-featured'] { --sg-cat-active: var(--sg-cat-design, oklch(74.67% .1402 227.95)); }
  &&&&&[data-category='portfolio-websites'] { --sg-cat-active: var(--sg-cat-development, oklch(84.98% .1739 86.55)); }
  &&&&&[data-category='portfolio-stores'] { --sg-cat-active: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); }
  &&&&&[data-category='portfolio-branding'] { --sg-cat-active: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); }
  &&&&&[data-category='portfolio-systems'] { --sg-cat-active: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); }
  &&&&&[data-category='resources-articles'] { --sg-cat-active: var(--sg-cat-design, oklch(74.67% .1402 227.95)); }
  &&&&&[data-category='resources-guides'] { --sg-cat-active: var(--sg-cat-development, oklch(84.98% .1739 86.55)); }
  &&&&&[data-category='resources-downloads'] { --sg-cat-active: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); }
  &&&&&[data-category='resources-ai'] { --sg-cat-active: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); }
  &&&&&[data-category='resources-blueprints'] { --sg-cat-active: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); }
  &&&&&[data-category='resources-tools'] { --sg-cat-active: var(--sg-cat-maintenance, oklch(52.24% .202 31.27)); } }
.sg-mega__preview-body { position: relative;
display: grid;
justify-items: start;
gap: .5rem;
min-inline-size: 0;
/* Text-zone scrim tied to the text block, not to the card height: 94% to 88% dark behind the text, fading out over
   3.5rem above it, so every line keeps AA contrast even over the brightest part of an image. */
&::before { content: ""; position: absolute; z-index: -1; inset-block: -3.5rem calc(-1 * clamp(1rem, .8rem + .5vw, 1.375rem)); inset-inline: calc(-1 * clamp(1rem, .8rem + .5vw, 1.375rem)); pointer-events: none; background: linear-gradient(to top, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 94%, transparent), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 88%, transparent) calc(100% - 3.5rem), transparent); } }
.sg-mega__preview-action { display: inline-flex;
align-items: center;
gap: .75rem;
margin-block-start: .5rem;
min-block-size: 2.75rem;
box-sizing: border-box;
padding-block: .25rem;
padding-inline: 1.125rem .25rem;
border-radius: var(--sg-radius-full, 50vw);
background: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 92%, transparent);
color: var(--sg-n-0, oklch(12.9% .015 266.38));
font-family: var(--sg-font-display, 'Outfit', sans-serif);
font-size: .9375rem;
font-weight: 500;
line-height: 1.1;
letter-spacing: -.005em;
text-decoration: none;
transition: background-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
/* The whole card opens the item: the action stretches over the card. */
&::before { content: ""; position: absolute; inset: 0; z-index: 1; }
&:hover, &:focus-visible { background: var(--sg-n-1000, oklch(99.2% .004 265)); --sg-mega-preview-nudge: .1875rem; }
&:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; }
/* narrow cards (menus from 1025px): a tighter pill so the label stays on one line */
@container sg-mega-preview (max-width: 17rem) { gap: .5rem; padding-inline: .875rem .25rem; font-size: .875rem; }
@media (prefers-reduced-motion: reduce) { transition: none; &:hover, &:focus-visible { --sg-mega-preview-nudge: 0rem; } } }
.sg-mega__preview-action-icon { display: inline-grid;
place-items: center;
flex: none;
inline-size: 2.25rem;
block-size: 2.25rem;
border-radius: 50%;
background: var(--sg-n-0, oklch(12.9% .015 266.38));
color: var(--sg-n-1000, oklch(99.2% .004 265));
translate: var(--sg-mega-preview-nudge, 0rem) 0;
transition: translate 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
@container sg-mega-preview (max-width: 17rem) { inline-size: 2rem; block-size: 2rem; }
@media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-icon { .sgh-btn & {
  transition:transform var(--sgh-t-fast) var(--sgh-ease)
}
.sgh-btn-ink:hover & {
  transform:translateX(.25rem)
}
.sg-button--quiet & {
  transition:transform var(--sgh-t-fast) var(--sgh-ease)
}
.sg-button--quiet:hover & {
  transform:translate(.1875rem,-.1875rem)
}
.sgh-stars & {
  width:.9375rem;height:.9375rem;fill:var(--sgh-text)
}
.sgh-quote-band .sgh-who .sgh-stars & {
  width:.75rem;height:.75rem
}
.sgh-res-meta & {
  transition:transform var(--sgh-t-fast) var(--sgh-ease)
}
.sgh-res-card:hover .sgh-res-meta & {
  transform:translate(.1875rem,-.1875rem)
}
.sg-blog__read & {
  transition:transform var(--sgh-t-fast) var(--sgh-ease)
}
.sg-blog__card:hover .sg-blog__read & {
  transform:translateX(.25rem)
}
.sgh-btn-inv:hover & {
  transform:translateX(.25rem)
}
.sgh-stars & {
  fill:var(--sgh-yellow)
}
.sgh-quote-band .sgh-who .sgh-stars & {
  fill:var(--sgh-yellow)
}
.sgh-stars & {
  fill:color-mix(in oklab, var(--sgh-yellow), var(--sg-n-0, oklch(12.9% .015 266.38)) 12%)
}
display:inline-block;width:.9375rem;height:.9375rem;flex:none;background:currentColor;
  -webkit-mask:var(--im) center/contain no-repeat;mask:var(--im) center/contain no-repeat;
  transition:transform var(--sgh-t-fast) var(--sgh-ease); }
.sg-icon--arrow-right { --im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
.sg-mega__preview-action-text { min-inline-size: 0; }
.sg-mega__preview-text { display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
margin: 0;
max-inline-size: 34ch;
font-size: .9375rem;
line-height: 1.45;
color: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 78%, transparent));
text-wrap: pretty; }
.sg-mega__preview-title { margin: 0;
font-family: var(--sg-font-display, 'Outfit', sans-serif);
font-weight: 500;
font-size: clamp(1.375rem, 1.05rem + .7vw, 1.75rem);
line-height: 1.08;
letter-spacing: -.035em;
color: var(--sg-text, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 96%, transparent));
text-wrap: balance; }
.sg-mega__preview-trail { display: inline-flex;
align-items: center;
gap: .5rem;
margin: 0;
font-size: .8125rem;
font-weight: 500;
line-height: 1.3;
color: var(--sg-text, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 96%, transparent)); }
.sg-mega__preview-trail-text { min-inline-size: 0; }
.sg-mega__preview-dot { flex: none;
inline-size: .5rem;
block-size: .5rem;
border-radius: 50%;
background: var(--sg-cat-active, var(--sg-blue, oklch(74.67% .1402 227.95))); }
.sg-mega__preview-registry { display: none; }
.sg-mega__preview-source { display: block; }
.sg-mega__preview-media { position: absolute;
inset: 0;
z-index: -1;
overflow: clip;
background: var(--sg-n-0, oklch(12.9% .015 266.38));
/* The cover hero scrim, one hue darkening into itself, lighter in the middle so the image reads in a small card. */
&::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to top, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 94%, transparent), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent) 40%, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 14%, transparent) 76%, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 32%, transparent)); } }
.sg-mega__preview-image { position: absolute;
inset: 0;
display: block;
inline-size: 100%;
block-size: 100%;
object-fit: cover;
object-position: 50% 38%;
opacity: 1;
scale: 1;
transition: opacity 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), scale 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
/* Signature handoff: the incoming image fades in over the old one and settles from 1.04 to 1. */
&[data-layer="back"] { opacity: 0; scale: 1.04; }
@media (prefers-reduced-motion: reduce) { transition: none; &[data-layer="back"] { scale: 1; } } }
.sg-mega__services { display:grid;grid-template-columns:minmax(14.375rem, 18.125rem) 1fr;gap:1.75rem;align-items:start }
.sg-mega__catpanels { position:relative;min-block-size:15rem }
.sg-mega__catpanel { display:none }
.sg-mega__catpanel--tabbed {   &&&&&[data-eyebrow]::before { content: attr(data-eyebrow); }
  &&&&&[data-category='about-company'] { --sg-cat-active: var(--sg-cat-design, oklch(74.67% .1402 227.95)); --sg-tab-icon: var(--sg-i-92); }
  &&&&&[data-category='about-team'] { --sg-cat-active: var(--sg-cat-development, oklch(84.98% .1739 86.55)); --sg-tab-icon: var(--sg-i-84); }
  &&&&&[data-category='about-working'] { --sg-cat-active: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); --sg-tab-icon: var(--sg-i-94); }
  &&&&&[data-category='about-support'] { --sg-cat-active: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); --sg-tab-icon: var(--sg-i-101); }
  &&&&&[data-category='about-areas'] { --sg-cat-active: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); --sg-tab-icon: var(--sg-i-65); }
  &&&&&[data-category='portfolio-featured'] { --sg-cat-active: var(--sg-cat-design, oklch(74.67% .1402 227.95)); --sg-tab-icon: var(--sg-i-97); }
  &&&&&[data-category='portfolio-websites'] { --sg-cat-active: var(--sg-cat-development, oklch(84.98% .1739 86.55)); --sg-tab-icon: var(--sg-i-43); }
  &&&&&[data-category='portfolio-stores'] { --sg-cat-active: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); --sg-tab-icon: var(--sg-i-38); }
  &&&&&[data-category='portfolio-branding'] { --sg-cat-active: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); --sg-tab-icon: var(--sg-i-33); }
  &&&&&[data-category='portfolio-systems'] { --sg-cat-active: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); --sg-tab-icon: var(--sg-i-66); }
  &&&&&[data-category='resources-articles'] { --sg-cat-active: var(--sg-cat-design, oklch(74.67% .1402 227.95)); --sg-tab-icon: var(--sg-i-31); }
  &&&&&[data-category='resources-guides'] { --sg-cat-active: var(--sg-cat-development, oklch(84.98% .1739 86.55)); --sg-tab-icon: var(--sg-i-78); }
  &&&&&[data-category='resources-downloads'] { --sg-cat-active: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); --sg-tab-icon: var(--sg-i-100); }
  &&&&&[data-category='resources-ai'] { --sg-cat-active: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); --sg-tab-icon: var(--sg-i-113); }
  &&&&&[data-category='resources-blueprints'] { --sg-cat-active: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); --sg-tab-icon: var(--sg-i-66); }
  &&&&&[data-category='resources-tools'] { --sg-cat-active: var(--sg-cat-maintenance, oklch(52.24% .202 31.27)); --sg-tab-icon: var(--sg-i-27); } }
.sg-mega__viewall { display:inline-block;margin-block-start:1rem;font-family:var(--sg-font-display);font-weight:600;font-size:.78rem;color:var(--sg-primary);text-decoration:none }
.sg-mega__links { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem }
.sg-mega-card { display:flex;flex-direction:column;gap:.125rem;padding:.7rem .8rem;border-radius:var(--sg-radius-lg);text-decoration:none;transition:background var(--sg-dur-fast), transform var(--sg-dur-fast) }
.sg-mega-card--tabbed {   &&&&&::before { border-radius: var(--sg-radius-md, .625rem); }
  &&&&&:hover::before { border-radius: var(--sg-radius-md, .625rem); }
  &&&&&::after { -webkit-mask-image: var(--sg-tab-icon, var(--sg-i-107)); mask-image: var(--sg-tab-icon, var(--sg-i-107)); } }
.sg-mega-card__desc { font-size:var(--sg-text-xs);color:var(--sg-text-muted);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; }
.sg-mega-card__desc--tabbed {   &&&&& { display: none; } }
.sg-mega-card__title { font-family:var(--sg-font-display);font-weight:600;font-size:var(--sg-text-s);color:var(--sg-text) }
.sg-mega__tabs { display:flex;flex-direction:column;gap:.2rem;border-inline-end:1px solid var(--sg-border);padding-inline-end:1.25rem }
.sg-mega__tabs--tabbed {   &&&&& { gap: .5rem; }
  &&&&&[data-eyebrow]::before { content: attr(data-eyebrow); } }
.sg-mega__tab { display:flex;gap:.7rem;align-items:flex-start;text-align:start;inline-size:100%;padding:.7rem .85rem;border:0;background:transparent;border-radius:var(--sg-radius-lg);cursor:pointer;color:var(--sg-text);font:inherit;transition:background var(--sg-dur-fast) var(--sg-ease) }
.sg-mega__tab--tabbed {   &&&&& { padding: .72rem .85rem; align-items: center; }
  &&&&&[data-category='about-company'] { --sg-cat-active: var(--sg-cat-design, oklch(74.67% .1402 227.95)); --sg-tab-icon: var(--sg-i-92); }
  &&&&&[data-category='about-team'] { --sg-cat-active: var(--sg-cat-development, oklch(84.98% .1739 86.55)); --sg-tab-icon: var(--sg-i-84); }
  &&&&&[data-category='about-working'] { --sg-cat-active: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); --sg-tab-icon: var(--sg-i-94); }
  &&&&&[data-category='about-support'] { --sg-cat-active: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); --sg-tab-icon: var(--sg-i-101); }
  &&&&&[data-category='about-areas'] { --sg-cat-active: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); --sg-tab-icon: var(--sg-i-65); }
  &&&&&[data-category='portfolio-featured'] { --sg-cat-active: var(--sg-cat-design, oklch(74.67% .1402 227.95)); --sg-tab-icon: var(--sg-i-97); }
  &&&&&[data-category='portfolio-websites'] { --sg-cat-active: var(--sg-cat-development, oklch(84.98% .1739 86.55)); --sg-tab-icon: var(--sg-i-43); }
  &&&&&[data-category='portfolio-stores'] { --sg-cat-active: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); --sg-tab-icon: var(--sg-i-38); }
  &&&&&[data-category='portfolio-branding'] { --sg-cat-active: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); --sg-tab-icon: var(--sg-i-33); }
  &&&&&[data-category='portfolio-systems'] { --sg-cat-active: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); --sg-tab-icon: var(--sg-i-66); }
  &&&&&[data-category='resources-articles'] { --sg-cat-active: var(--sg-cat-design, oklch(74.67% .1402 227.95)); --sg-tab-icon: var(--sg-i-31); }
  &&&&&[data-category='resources-guides'] { --sg-cat-active: var(--sg-cat-development, oklch(84.98% .1739 86.55)); --sg-tab-icon: var(--sg-i-78); }
  &&&&&[data-category='resources-downloads'] { --sg-cat-active: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); --sg-tab-icon: var(--sg-i-100); }
  &&&&&[data-category='resources-ai'] { --sg-cat-active: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); --sg-tab-icon: var(--sg-i-113); }
  &&&&&[data-category='resources-blueprints'] { --sg-cat-active: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); --sg-tab-icon: var(--sg-i-66); }
  &&&&&[data-category='resources-tools'] { --sg-cat-active: var(--sg-cat-maintenance, oklch(52.24% .202 31.27)); --sg-tab-icon: var(--sg-i-27); } }
.sg-mega__tab-text { display:flex;flex-direction:column;gap:.125rem;min-inline-size:0 }
.sg-mega__tab-text--tabbed {   &&&&& { row-gap: 0; } }
.sg-mega__tab-desc { font-size:var(--sg-text-xs);color:var(--sg-text-muted);line-height:1.3 }
.sg-mega__tab-desc--tabbed {   &&&&& { display: none; } }
.sg-mega__tab-name { font-family:var(--sg-font-display);font-weight:600;font-size:var(--sg-text-s);line-height:1.15;color:var(--sg-text) }
.sg-mega__tab-dot { flex:0 0 auto;inline-size:.5625rem;block-size:.5625rem;border-radius:50%;margin-block-start:.4rem;background:var(--sg-cat-active);box-shadow:0 0 0 .25rem color-mix(in oklab, var(--sg-cat-active) 22%, transparent) }
.sg-mega__tab-dot--tabbed {   &&&&& { margin-block-start: .0625rem; }
  &&&&&::before { -webkit-mask-image: var(--sg-tab-icon, var(--sg-i-107)); mask-image: var(--sg-tab-icon, var(--sg-i-107)); } }
.sg-mega__bottom-group { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem 1.25rem; }
.sg-mega__bottom-label { display: inline-flex; align-items: center; gap: .5rem; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font: 600 .85rem/1.2 var(--sg-font-display, Outfit, system-ui, sans-serif); &::before { content: ""; inline-size: .375rem; block-size: .375rem; border-radius: var(--sg-radius-full, 999rem); background: var(--sg-blue, oklch(74.67% .1402 227.95)); } }
.sg-mega--industries { /* Rail: same rhythm as the Services rail. */
  &&&&& .sg-mega__tabs { gap: .5rem; }
  &&&&& .sg-mega__tab { padding: .72rem .85rem; align-items: center; }
  &&&&& .sg-mega__tab-dot { margin-block-start: .0625rem; }

  /* Sector links: Services card geometry (row padding .42rem .55rem, 2.1rem chip, .7rem gap to the text),
     aligned with the column label instead of pulled into the gutter. */
  &&&&& .sg-mega__catpanel .sg-mega__link {
    margin-inline: 0;
    padding-block: .42rem;
    padding-inline: 3.35rem .55rem;
    min-block-size: 2.94rem;
    border-radius: var(--sg-radius-md, .625rem);
  }
  &&&&& .sg-mega__catpanel .sg-mega__link::after { inset-inline-start: .55rem; }
  &&&&& .sg-mega__catpanel .sg-mega__link::before { inset-inline-start: 1.025rem; }

  /* View all: same size and spacing as the Services view-all link. */
  &&&&& .sg-mega__viewall { margin-block-start: 1rem; font-size: .78rem; } }
.sg-mega__link { display:block;padding:.4rem .55rem;margin-inline:-.55rem;border-radius:var(--sg-radius-md);color:var(--sg-text-muted);text-decoration:none;font-size:var(--sg-text-s);transition:color var(--sg-dur-fast), background var(--sg-dur-fast) }
.sg-category-maintenance { --sg-cat-active:var(--sg-cat-maintenance) }
.sg-category-optimization { --sg-cat-active:var(--sg-cat-optimization) }
.sg-category-copywriting { --sg-cat-active:var(--sg-cat-copywriting) }
.sg-category-marketing { --sg-cat-active:var(--sg-cat-marketing) }
.sg-category-development { --sg-cat-active:var(--sg-cat-development) }
.sg-category-design { --sg-cat-active:var(--sg-cat-design) }
.sg-header__panels { position:static;display:block }
.sg-panel { position:absolute;inset-block-start:calc(var(--sg-gutter)*.6 + var(--sg-header-h) + .35rem);inset-inline-end:var(--sg-gutter);min-inline-size:15rem;display:flex;flex-direction:column;gap:.125rem;padding:.5rem;background:var(--sg-glass-strong);-webkit-backdrop-filter:blur(1.25rem) saturate(160%);backdrop-filter:blur(1.25rem) saturate(160%);border:.0625rem solid var(--sg-border-strong);border-radius:var(--sg-radius-lg);box-shadow:var(--sg-shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.5rem);transition:opacity var(--sg-dur-fast) var(--sg-ease), transform var(--sg-dur-fast) var(--sg-ease), visibility var(--sg-dur-fast);z-index:var(--sg-z-panel) }
.sg-panel__opt { font-family:var(--sg-font-display);font-weight:500;font-size:var(--sg-text-s);display:block;text-align:start;inline-size:100%;padding:.55rem .75rem;border-radius:var(--sg-radius-md);color:var(--sg-text);background:transparent;border:0;cursor:pointer }
.sg-launcher { inline-size: min(22rem, calc(100vw - 1rem)); max-block-size: calc(100dvh - 6rem); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; &.sg-panel { gap: .5rem; padding: .625rem; } }
.sg-launcher__group { display: grid; gap: .375rem; margin: 0; padding: .75rem .375rem .375rem; border-radius: var(--sg-radius-lg, 1rem); background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 4%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 6%, transparent)); border: .0625rem solid light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 8%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 10%, transparent)); }
.sg-launcher__title { margin: 0; padding-inline: .5rem; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font: 500 var(--sg-text-s, .9375rem)/1.3 var(--sg-font-display, Outfit, system-ui, sans-serif); letter-spacing: -.01em; }
.sg-launcher__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .125rem; margin: 0; padding: 0; list-style: none; }
.sg-launcher__item { display: flex; min-inline-size: 0; margin: 0; padding: 0; list-style: none; --sg-family-hue: var(--sg-cat-design, oklch(74.67% .1402 227.95)); &:nth-child(6n + 2) { --sg-family-hue: var(--sg-cat-development, oklch(84.98% .1739 86.55)); } &:nth-child(6n + 3) { --sg-family-hue: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); } &:nth-child(6n + 4) { --sg-family-hue: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); } &:nth-child(6n + 5) { --sg-family-hue: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); } &:nth-child(6n + 6) { --sg-family-hue: var(--sg-cat-maintenance, oklch(52.24% .202 31.27)); } }
.sg-launcher__tile { display: flex; flex-direction: column; align-items: center; gap: .5rem; inline-size: 100%; min-inline-size: 0; padding: .75rem .25rem .625rem; border-radius: var(--sg-radius-md, .75rem); color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); text-decoration: none; text-align: center; transition: background-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &:hover { background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 5%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 8%, transparent)); color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: -.125rem; background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 5%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 8%, transparent)); color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); } @media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-launcher__icon { display: grid; place-items: center; flex: none; inline-size: 3rem; block-size: 3rem; border-radius: var(--sg-radius-md, .875rem); background: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 14%, transparent), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 20%, transparent)); color: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 62%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 82%, var(--sg-n-1000, oklch(99.2% .004 265)))); transition: background-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &::before { content: ""; display: block; background-color: currentColor; -webkit-mask: var(--i, var(--sg-i-97)) center / contain no-repeat; mask: var(--i, var(--sg-i-97)) center / contain no-repeat; inline-size: 1.5rem; block-size: 1.5rem; } .sg-launcher__tile:hover &, .sg-launcher__tile:focus-visible & { background: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 24%, transparent), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 32%, transparent)); } @media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-launcher__name { display: -webkit-box; max-inline-size: 100%; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font: 500 .8125rem/1.25 var(--sg-font-display, Outfit, system-ui, sans-serif); letter-spacing: -.005em; text-wrap: balance; overflow-wrap: anywhere; }
.sg-panel__link { font-family:var(--sg-font-display);font-weight:500;font-size:var(--sg-text-s);display:block;text-align:start;padding:.55rem .75rem;border-radius:var(--sg-radius-md);color:var(--sg-text);text-decoration:none }
.sg-panel__link--icon { --sg-family-hue: var(--sg-cat-design, oklch(74.67% .1402 227.95)); &:nth-child(6n + 2) { --sg-family-hue: var(--sg-cat-development, oklch(84.98% .1739 86.55)); } &:nth-child(6n + 3) { --sg-family-hue: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); } &:nth-child(6n + 4) { --sg-family-hue: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); } &:nth-child(6n + 5) { --sg-family-hue: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); } &:nth-child(6n + 6) { --sg-family-hue: var(--sg-cat-maintenance, oklch(52.24% .202 31.27)); } &.sg-panel__link { display: flex; align-items: center; gap: .75rem; padding: .375rem .75rem .375rem .375rem; } &.sg-panel__link:hover { color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); } &.sg-panel__link:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: -.125rem; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); } }
.sg-panel__icon { display: grid; place-items: center; flex: none; inline-size: 2rem; block-size: 2rem; border-radius: var(--sg-radius-md, .625rem); background: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 14%, transparent), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 20%, transparent)); color: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 62%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 82%, var(--sg-n-1000, oklch(99.2% .004 265)))); &::before { content: ""; display: block; background-color: currentColor; -webkit-mask: var(--i, var(--sg-i-97)) center / contain no-repeat; mask: var(--i, var(--sg-i-97)) center / contain no-repeat; inline-size: 1.125rem; block-size: 1.125rem; } }
.sg-drawer { position:fixed;inset:0;z-index:var(--sg-z-panel);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--sg-dur-base) var(--sg-ease), visibility var(--sg-dur-base) }
.sg-drawer__backdrop { position:absolute;inset:0;background:color-mix(in oklab, var(--sg-n-0) 55%, transparent) }
.sg-drawer__inner { position:absolute;inset-block:0;inset-inline-end:0;inline-size:min(26.25rem, 90vw);overflow-y:auto;background:var(--sg-glass-strong);-webkit-backdrop-filter:blur(1.375rem) saturate(160%);backdrop-filter:blur(1.375rem) saturate(160%);border-inline-start:.0625rem solid var(--sg-border-strong);box-shadow:var(--sg-shadow-lg);padding:var(--sg-space-m);transform:translateX(100%);transition:transform var(--sg-dur-base) var(--sg-ease) }
.sg-mnav { flex-direction:column; }
.sg-mnav__group { border-block-end:.0625rem solid var(--sg-border); }
.sg-mnav__summary { display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.95rem .25rem;font:600 1.05rem/1 var(--sg-font-display, 'Outfit', sans-serif);color:var(--sg-text);cursor:pointer;list-style:none;user-select:none; }
.sg-mnav__panel { display:flex;flex-direction:column;gap:.15rem;padding:0 .25rem .85rem; }
.sg-mnav__link { display:block;padding:.55rem .5rem;border-radius:var(--sg-radius-md);font:400 .98rem/1.3 var(--sg-font-body, Inter, sans-serif);color:var(--sg-text-muted);text-decoration:none;transition:background var(--sg-dur-fast) var(--sg-ease), color var(--sg-dur-fast) var(--sg-ease); }
.sg-mnav__cta { display:flex;align-items:center;justify-content:center;margin-block-start:1.25rem;padding:.9rem 1.25rem;border-radius:var(--sg-radius-full, 999px);background:var(--sg-primary);color:var(--sg-on-primary, #04121b);font:600 1rem/1 var(--sg-font-body, Inter, sans-serif);text-decoration:none; }
.sg-drawer__close { position:absolute;inset-block-start:1rem;inset-inline-end:1rem;background:transparent;border:.0625rem solid var(--sg-border-strong);color:var(--sg-text);border-radius:var(--sg-radius-md);padding:.35rem .6rem;cursor:pointer;font-family:var(--sg-font-display);font-size:.8rem }
.sg-drawer__grid { display:grid;grid-template-columns:repeat(auto-fit, minmax(9.375rem, 1fr));gap:1.25rem;margin-block-start:1rem }
.sg-drawer__col { display:flex;flex-direction:column;gap:.15rem }
.sg-drawer__heading { font-family:var(--sg-font-display);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--sg-text-subtle);margin:0 0 .5rem }
.sg-drawer__link { display:block;padding:.35rem 0;color:var(--sg-text-muted);text-decoration:none;font-size:.9rem }
.sg-drawer__eco { list-style:none;margin:0;padding:0 }
.sg-drawer__item { margin:0 }
.sg-search { position:fixed;inset:0;z-index:var(--sg-z-overlay);display:grid;place-items:start center;padding-block-start:12vh;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--sg-dur-base) var(--sg-ease), visibility var(--sg-dur-base) }
.sg-search__backdrop { position:absolute;inset:0;background:color-mix(in oklab, var(--sg-n-0) 55%, transparent) }
.sg-search__box { position:relative;z-index:1;inline-size:min(42.5rem, 92vw);background:var(--sg-glass-strong);-webkit-backdrop-filter:blur(1.375rem) saturate(160%);backdrop-filter:blur(1.375rem) saturate(160%);border:.0625rem solid var(--sg-border-strong);border-radius:var(--sg-radius-2xl);box-shadow:var(--sg-shadow-lg);padding:var(--sg-space-m) }
.sg-search__label { display:block;font-family:var(--sg-font-display);font-size:.85rem;color:var(--sg-text-muted);margin-block-end:.5rem }
.sg-search__row { display:flex;gap:.5rem }
.sg-search__input { flex:1;padding:.85rem 1rem;border-radius:var(--sg-radius-md);border:.0625rem solid var(--sg-border-strong);background:var(--sg-state-hover);color:var(--sg-text);font:inherit }
.sg-search__submit { font-family:var(--sg-font-display);font-weight:600;padding:.85rem 1.25rem;border-radius:var(--sg-radius-md);border:0;background:var(--sg-primary);color:var(--sg-on-primary);cursor:pointer }
.sg-search__hints { display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:.85rem;align-items:center }
.sg-search__hints-label { font-size:.85rem;color:var(--sg-text-subtle) }
.sg-search__hint { font-family:var(--sg-font-display);font-size:.8rem;padding:.3rem .7rem;border-radius:var(--sg-radius-full);border:.0625rem solid var(--sg-border);color:var(--sg-text);text-decoration:none }
.sg-search__close { position:absolute;inset-block-start:1rem;inset-inline-end:1rem;background:transparent;border:.0625rem solid var(--sg-border-strong);color:var(--sg-text);border-radius:var(--sg-radius-md);padding:.35rem .6rem;cursor:pointer;font-family:var(--sg-font-display);font-size:.8rem }
.sg-mobile-menu { position: fixed; inset: 0; z-index: 1200; display: flex; flex-direction: column; background: var(--sg-bg, oklch(98.28% .0045 78.3)); color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font-family: var(--sg-font-body, Inter, system-ui, sans-serif); overscroll-behavior: contain; opacity: 0; translate: 0 .5rem; transition: opacity 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), translate 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &[hidden] { display: none; } &.sg-mobile-menu--open { opacity: 1; translate: none; } @media (prefers-reduced-motion: reduce) { transition: none; translate: none; } @media (min-width: 64.0625rem) { display: none; } }
.sg-mobile-menu__bar { display: flex; align-items: center; gap: .5rem; min-block-size: 4.25rem; padding: .75rem var(--sg-gutter, 1rem); padding-block-start: calc(.75rem + env(safe-area-inset-top)); border-block-end: .0625rem solid var(--sg-border, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 11%, transparent)); }
.sg-mobile-menu__logo { display: inline-flex; align-items: center; flex: 1; min-inline-size: 0; block-size: 2.25rem; &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } }
.sg-mobile-menu__logo-image { display: block; block-size: 100%; inline-size: auto; max-inline-size: 10.5rem; object-fit: contain; object-position: left center; html.scheme--dark &[data-scheme="light"] { display: none; } html:not(.scheme--dark) &[data-scheme="dark"] { display: none; } }
.sg-mobile-menu__actions { display: flex; align-items: center; gap: .375rem; flex: none; }
.sg-mobile-menu__icon-button { display: inline-grid; place-items: center; flex: none; inline-size: 2.75rem; block-size: 2.75rem; padding: 0; border: .0625rem solid var(--sg-border-strong, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 20%, transparent)); border-radius: var(--sg-radius-full, 999rem); background: transparent; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); cursor: pointer; transition: background-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &:hover { background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 5%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 7%, transparent)); } &[hidden] { display: none; } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } @media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-mobile-menu__control-icon { display: block; flex: none; inline-size: 1.25rem; block-size: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sg-mobile-menu__control-glyph { display: block; flex: none; inline-size: 1.25rem; block-size: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sg-mobile-menu__tabs { display: flex; gap: .25rem; margin: .75rem var(--sg-gutter, 1rem) .25rem; padding: .25rem; border-radius: var(--sg-radius-full, 999rem); background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 5%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 7%, transparent)); }
.sg-mobile-menu__tab { flex: 1; min-block-size: 2.75rem; padding: 0 1rem; border: 0; border-radius: var(--sg-radius-full, 999rem); background: transparent; color: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent)); font: 500 .9375rem/1 var(--sg-font-display, Outfit, system-ui, sans-serif); letter-spacing: -.005em; cursor: pointer; transition: background-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &[aria-selected="true"] { background: var(--sg-surface, oklch(99.2% .004 265)); color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); box-shadow: 0 .0625rem .1875rem color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 12%, transparent); } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } @media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-mobile-menu__viewport { position: relative; flex: 1; min-block-size: 0; overflow: hidden; &[hidden] { display: none; } }
.sg-mobile-menu__track { display: flex; block-size: 100%; transition: transform 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); @media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-mobile-menu__panel { display: flex; flex-direction: column; gap: 1.75rem; flex: 0 0 100%; inline-size: 100%; block-size: 100%; overflow-y: auto; overscroll-behavior: contain; padding: 1rem var(--sg-gutter, 1rem) 2rem; }
.sg-mobile-menu__nav { display: flex; flex-direction: column; border-block-start: .0625rem solid var(--sg-border, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 11%, transparent)); }
.sg-mobile-menu__row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .875rem; inline-size: 100%; min-block-size: 3.75rem; padding: .5rem .25rem; border: 0; border-block-end: .0625rem solid var(--sg-border, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 11%, transparent)); background: transparent; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font: 500 1.125rem/1.2 var(--sg-font-display, Outfit, system-ui, sans-serif); letter-spacing: -.01em; text-align: start; cursor: pointer; transition: background-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &:hover { background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 5%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 7%, transparent)); } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } @media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-mobile-menu__row-icon { display: inline-grid; place-items: center; flex: none; inline-size: 2.5rem; block-size: 2.5rem; border-radius: var(--sg-radius-md, .75rem); background: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 14%, transparent), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 20%, transparent)); color: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 62%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 82%, var(--sg-n-1000, oklch(99.2% .004 265)))); }
.sg-mobile-menu__glyph { display: block; flex: none; inline-size: 1.375rem; block-size: 1.375rem; fill: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 26%, transparent), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 36%, transparent)); stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
.sg-mobile-menu__row-label { min-inline-size: 0; justify-self: start; text-align: start; }
.sg-mobile-menu__row-chevron { display: block; flex: none; inline-size: 1.125rem; block-size: 1.125rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; color: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent)); transition: translate 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); .sg-mobile-menu__row:hover & { translate: .125rem 0; } @media (prefers-reduced-motion: reduce) { transition: none; .sg-mobile-menu__row:hover & { translate: none; } } }
.sg-mobile-menu__panel-title { display: flex; align-items: center; gap: .75rem; margin: 0; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font: 500 clamp(1.5rem, 1.3rem + 1vw, 1.75rem)/1.15 var(--sg-font-display, Outfit, system-ui, sans-serif); letter-spacing: -.025em; }
.sg-mobile-menu__group { display: flex; flex-direction: column; gap: .25rem; }
.sg-mobile-menu__group-title { margin: 0 0 .25rem; color: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent)); font: 600 .875rem/1.4 var(--sg-font-body, Inter, system-ui, sans-serif); }
.sg-mobile-menu__links { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; border-block-start: .0625rem solid var(--sg-border, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 11%, transparent)); }
.sg-mobile-menu__item { border-block-end: .0625rem solid var(--sg-border, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 11%, transparent)); }
.sg-mobile-menu__link { display: flex; align-items: center; gap: .75rem; min-block-size: 3rem; padding: .5rem .25rem; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font: 500 1rem/1.35 var(--sg-font-body, Inter, system-ui, sans-serif); text-decoration: none; transition: color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &:hover { color: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 58%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } @media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-mobile-menu__link-glyph { display: block; flex: none; inline-size: 1.25rem; block-size: 1.25rem; fill: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 26%, transparent), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 36%, transparent)); stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; overflow: visible; color: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 62%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 82%, var(--sg-n-1000, oklch(99.2% .004 265)))); }
.sg-mobile-menu__link-label { min-inline-size: 0; }
.sg-mobile-menu__view-all { display: inline-flex; align-items: center; gap: .375rem; align-self: flex-start; min-block-size: 2.75rem; color: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 58%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); font: 600 .9375rem/1.2 var(--sg-font-body, Inter, system-ui, sans-serif); text-decoration: none; &:hover { text-decoration: underline; text-underline-offset: .2em; } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } }
.sg-mobile-menu__view-all-icon { display: block; flex: none; inline-size: 1rem; block-size: 1rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sg-mobile-menu__note { margin: 0; color: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent)); font: 400 .9375rem/1.5 var(--sg-font-body, Inter, system-ui, sans-serif); }
.sg-mobile-menu__intro { margin: -.75rem 0 0; max-inline-size: 34ch; color: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent)); font: 400 1rem/1.55 var(--sg-font-body, Inter, system-ui, sans-serif); }
.sg-mobile-menu__latest { flex: 1; min-block-size: 0; overflow-y: auto; overscroll-behavior: contain; padding: 1.25rem var(--sg-gutter, 1rem) 2rem; &[hidden] { display: none; } }
.sg-mobile-menu__foot { padding: .75rem var(--sg-gutter, 1rem) calc(.75rem + env(safe-area-inset-bottom)); border-block-start: .0625rem solid var(--sg-border, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 11%, transparent)); background: var(--sg-bg, oklch(98.28% .0045 78.3)); }
.sg-mobile-menu__cta { display: flex; align-items: center; justify-content: center; gap: .5rem; min-block-size: 3.25rem; padding: 0 1.5rem; border-radius: var(--sg-radius-full, 999rem); background: var(--sg-yellow, oklch(84.98% .1739 86.55)); color: var(--sg-n-0, oklch(12.9% .015 266.38)); font: 600 1.0625rem/1 var(--sg-font-display, Outfit, system-ui, sans-serif); letter-spacing: -.01em; text-decoration: none; transition: background-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &:hover { background: color-mix(in oklab, var(--sg-yellow, oklch(84.98% .1739 86.55)) 90%, var(--sg-n-0, oklch(12.9% .015 266.38))); } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } @media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-mobile-menu__cta-icon { display: block; flex: none; inline-size: 1.125rem; block-size: 1.125rem; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.sg-sidebar { position: relative; display: flex; flex-direction: column; gap: 2rem; padding: .5rem .25rem 1.5rem; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font-family: var(--sg-font-body, Inter, system-ui, sans-serif); }
.sg-sidebar__close { display: inline-grid; place-items: center; flex: none; inline-size: 2.75rem; block-size: 2.75rem; padding: 0; border: .0625rem solid var(--sg-border-strong, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 20%, transparent)); border-radius: var(--sg-radius-full, 999rem); background: transparent; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); cursor: pointer; transition: background-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &:hover { background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 5%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 7%, transparent)); } &[hidden] { display: none; } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } @media (prefers-reduced-motion: reduce) { transition: none; } position: absolute; inset-block-start: 0; inset-inline-end: 0; z-index: 1; }
.sg-sidebar__close-icon { display: block; flex: none; inline-size: 1.25rem; block-size: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sg-sidebar__section { display: flex; flex-direction: column; gap: .75rem; padding-block-start: 1.75rem; border-block-start: .0625rem solid var(--sg-border, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 11%, transparent)); }
.sg-sidebar__heading { margin: 0; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font: 500 1.125rem/1.2 var(--sg-font-display, Outfit, system-ui, sans-serif); letter-spacing: -.015em; }
.sg-sidebar__links { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.sg-sidebar__item { border-block-end: .0625rem solid var(--sg-border, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 11%, transparent)); &:last-child { border-block-end: 0; } }
.sg-sidebar__link { display: flex; align-items: center; gap: .75rem; min-block-size: 2.75rem; padding-block: .375rem; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font: 500 .9375rem/1.35 var(--sg-font-body, Inter, system-ui, sans-serif); text-decoration: none; transition: color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &:hover { color: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 58%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } @media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-sidebar__glyph { display: block; flex: none; inline-size: 1.25rem; block-size: 1.25rem; fill: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 26%, transparent), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 36%, transparent)); stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; overflow: visible; color: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 62%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 82%, var(--sg-n-1000, oklch(99.2% .004 265)))); }
.sg-sidebar__label { min-inline-size: 0; }
.sg-sidebar__social { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.sg-sidebar__social-item { display: flex; }
.sg-sidebar__social-link { display: inline-flex; align-items: center; gap: .375rem; min-block-size: 2.75rem; padding: 0 1rem; border: .0625rem solid var(--sg-border-strong, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 20%, transparent)); border-radius: var(--sg-radius-full, 999rem); color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font: 500 .875rem/1 var(--sg-font-body, Inter, system-ui, sans-serif); text-decoration: none; transition: border-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &:hover { border-color: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 58%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); color: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 58%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } @media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-fresh { display: flex; flex-direction: column; gap: 1.5rem; }
.sg-fresh__head { display: flex; flex-direction: column; gap: .375rem; padding-inline-end: 3.5rem; }
.sg-fresh__title { margin: 0; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font: 500 clamp(1.5rem, 1.35rem + .6vw, 1.75rem)/1.15 var(--sg-font-display, Outfit, system-ui, sans-serif); letter-spacing: -.025em; }
.sg-fresh__sub { margin: 0; color: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent)); font: 400 .9375rem/1.5 var(--sg-font-body, Inter, system-ui, sans-serif); }
.sg-fresh__skeleton { block-size: 16rem; border-radius: var(--sg-radius-lg, 1rem); background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 5%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 7%, transparent)); }
.sg-fresh__empty { margin: 0; color: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent)); font: 400 .9375rem/1.5 var(--sg-font-body, Inter, system-ui, sans-serif); }
.sg-fresh__spotlight { display: flex; flex-direction: column; gap: .75rem; }
.sg-fresh__card { position: relative; display: flex; flex-direction: column; inline-size: 100%; min-inline-size: 0; border: .0625rem solid var(--sg-border, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 11%, transparent)); border-radius: var(--sg-radius-lg, 1rem); background: var(--sg-surface, oklch(99.2% .004 265)); color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); text-decoration: none; &::after { content: ""; position: absolute; inset: var(--sg-card-ring-inset, -.0625rem); z-index: 1; box-sizing: border-box; padding: var(--sg-card-ring-width, .0625rem); border-radius: inherit; background: var(--sg-spectrum-ring, conic-gradient(from 210deg, var(--sg-blue, oklch(74.67% .1402 227.95)), var(--sg-purple, oklch(67.93% .3175 325.07)), var(--sg-red, oklch(52.24% .202 31.27)), var(--sg-orange, oklch(69.58% .2043 43.49)), var(--sg-yellow, oklch(84.98% .1739 86.55)), var(--sg-green, oklch(58.8% .1947 142.26)), var(--sg-blue, oklch(74.67% .1402 227.95)))); -webkit-mask: linear-gradient(var(--sg-n-0, oklch(12.9% .015 266.38)) 0 0) content-box, linear-gradient(var(--sg-n-0, oklch(12.9% .015 266.38)) 0 0); -webkit-mask-composite: xor; mask: linear-gradient(var(--sg-n-0, oklch(12.9% .015 266.38)) 0 0) content-box exclude, linear-gradient(var(--sg-n-0, oklch(12.9% .015 266.38)) 0 0); opacity: 0; pointer-events: none; transition: opacity 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); } @media (hover: hover) { &:hover::after { opacity: var(--sg-card-ring-strength, .6); } } &:focus-visible::after { opacity: var(--sg-card-ring-strength, .6); } @media (prefers-reduced-motion: reduce) { &::after { transition: none; } } @media (forced-colors: active) { &::after { display: none; } } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; } }
.sg-fresh__media { display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; min-inline-size: 0; aspect-ratio: 16 / 10; overflow: clip; border-start-start-radius: inherit; border-start-end-radius: inherit; background: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 14%, transparent), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 20%, transparent)); color: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 62%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 82%, var(--sg-n-1000, oklch(99.2% .004 265)))); }
.sg-fresh__image { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; transition: scale 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); .sg-fresh__card:hover & { scale: 1.02; } @media (prefers-reduced-motion: reduce) { transition: none; .sg-fresh__card:hover & { scale: none; } } }
.sg-fresh__media-glyph { display: block; flex: none; inline-size: 2.5rem; block-size: 2.5rem; fill: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 26%, transparent), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 36%, transparent)); stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; overflow: visible; color: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 62%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 82%, var(--sg-n-1000, oklch(99.2% .004 265)))); }
.sg-fresh__card-body { display: flex; flex-direction: column; gap: .375rem; padding: 1rem 1.125rem 1.125rem; }
.sg-fresh__card-title { color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font: 500 1.25rem/1.25 var(--sg-font-display, Outfit, system-ui, sans-serif); letter-spacing: -.015em; text-wrap: balance; }
.sg-fresh__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem; color: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent)); font: 400 .8125rem/1.4 var(--sg-font-body, Inter, system-ui, sans-serif); }
.sg-fresh__badge { display: inline-flex; align-items: center; padding: .125rem .5rem; border-radius: var(--sg-radius-full, 999rem); background: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 12%, transparent), color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 18%, transparent)); color: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 58%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); font: 600 .75rem/1.3 var(--sg-font-body, Inter, system-ui, sans-serif); }
.sg-fresh__pager { display: flex; align-items: center; justify-content: flex-end; gap: .5rem; }
.sg-fresh__pager-button { display: inline-grid; place-items: center; flex: none; inline-size: 2.75rem; block-size: 2.75rem; padding: 0; border: .0625rem solid var(--sg-border-strong, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 20%, transparent)); border-radius: var(--sg-radius-full, 999rem); background: transparent; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); cursor: pointer; transition: background-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &:hover { background: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 5%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 7%, transparent)); } &[hidden] { display: none; } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } @media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-fresh__pager-icon { display: block; flex: none; inline-size: 1.125rem; block-size: 1.125rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sg-fresh__count { min-inline-size: 3.5rem; color: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent)); font: 500 .8125rem/1 var(--sg-font-body, Inter, system-ui, sans-serif); font-variant-numeric: tabular-nums; text-align: center; }
.sg-fresh__browse { display: flex; flex-direction: column; gap: .75rem; }
.sg-fresh__filters { display: flex; flex-wrap: wrap; gap: .375rem; }
.sg-fresh__filter { display: inline-flex; align-items: center; gap: .375rem; min-block-size: 2.5rem; padding: 0 .875rem; border: .0625rem solid var(--sg-border-strong, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 20%, transparent)); border-radius: var(--sg-radius-full, 999rem); background: transparent; color: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent)); font: 500 .875rem/1 var(--sg-font-body, Inter, system-ui, sans-serif); cursor: pointer; transition: background-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), border-color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &:hover { color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); } &[aria-pressed="true"] { border-color: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 58%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); background: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 12%, transparent), color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 18%, transparent)); color: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 58%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } @media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-fresh__list { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; border-block-start: .0625rem solid var(--sg-border, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 11%, transparent)); }
.sg-fresh__item { border-block-end: .0625rem solid var(--sg-border, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 11%, transparent)); &[hidden] { display: none; } }
.sg-fresh__link { display: grid; grid-template-columns: 3.5rem 1fr; align-items: center; gap: .875rem; padding-block: .75rem; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); text-decoration: none; &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } }
.sg-fresh__thumb { display: grid; place-items: center; inline-size: 3.5rem; aspect-ratio: 1; overflow: clip; border-radius: var(--sg-radius-md, .75rem); background: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 14%, transparent), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 20%, transparent)); color: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 62%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 82%, var(--sg-n-1000, oklch(99.2% .004 265)))); }
.sg-fresh__thumb-image { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }
.sg-fresh__thumb-glyph { display: block; flex: none; inline-size: 1.5rem; block-size: 1.5rem; fill: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 26%, transparent), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 36%, transparent)); stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; overflow: visible; color: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 62%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 82%, var(--sg-n-1000, oklch(99.2% .004 265)))); }
.sg-fresh__item-body { display: flex; flex-direction: column; gap: .25rem; min-inline-size: 0; }
.sg-fresh__item-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font: 500 .9375rem/1.35 var(--sg-font-body, Inter, system-ui, sans-serif); transition: color 160ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); .sg-fresh__link:hover & { color: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 58%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); } @media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-fresh__item-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem; color: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent)); font: 400 .8125rem/1.4 var(--sg-font-body, Inter, system-ui, sans-serif); }
.sg-fresh__more { display: inline-flex; align-items: center; gap: .375rem; align-self: flex-start; min-block-size: 2.75rem; color: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 58%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); font: 600 .9375rem/1.2 var(--sg-font-body, Inter, system-ui, sans-serif); text-decoration: none; &:hover { text-decoration: underline; text-underline-offset: .2em; } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } }
.sg-fresh__more-icon { display: block; flex: none; inline-size: 1rem; block-size: 1rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sg-fresh__instagram { display: flex; flex-direction: column; gap: .75rem; }
.sg-fresh__subhead { margin: 0; color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font: 500 1.125rem/1.2 var(--sg-font-display, Outfit, system-ui, sans-serif); letter-spacing: -.015em; }
.sg-fresh__grid { display: flex; margin: 0; list-style: none; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; &::-webkit-scrollbar { display: none; } gap: .5rem; padding: .1875rem; }
.sg-fresh__tile { flex: 0 0 calc((100% - 1rem) / 2.4); min-inline-size: 0; aspect-ratio: 1; overflow: clip; scroll-snap-align: start; border-radius: var(--sg-radius-md, .75rem); background: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 12%, transparent), color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 18%, transparent)); }
.sg-fresh__tile-link { display: block; block-size: 100%; &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .125rem; } }
.sg-fresh__tile-image { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }
.sg-sidebar__social-glyph { display: block; flex: none; inline-size: 1.125rem; block-size: 1.125rem; fill: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 26%, transparent), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 36%, transparent)); stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; overflow: visible; color: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 62%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 82%, var(--sg-n-1000, oklch(99.2% .004 265)))); }
.sg-fresh__filter-glyph { display: block; flex: none; inline-size: 1.125rem; block-size: 1.125rem; fill: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 26%, transparent), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 36%, transparent)); stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; overflow: visible; color: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 62%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 82%, var(--sg-n-1000, oklch(99.2% .004 265)))); }
.sg-fresh__track { display: flex; margin: 0; list-style: none; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; &::-webkit-scrollbar { display: none; } gap: .75rem; padding: .1875rem; }
.sg-fresh__slide { --sg-card-ring-inset: 0; display: flex; flex: 0 0 100%; min-inline-size: 0; scroll-snap-align: start; scroll-snap-stop: always; }
.sg-fresh__instagram-card { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .875rem; padding: 1rem; border: .0625rem solid var(--sg-border, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 11%, transparent)); border-radius: var(--sg-radius-lg, 1rem); background: var(--sg-surface, oklch(99.2% .004 265)); color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); text-decoration: none; &::after { content: ""; position: absolute; inset: var(--sg-card-ring-inset, -.0625rem); z-index: 1; box-sizing: border-box; padding: var(--sg-card-ring-width, .0625rem); border-radius: inherit; background: var(--sg-spectrum-ring, conic-gradient(from 210deg, var(--sg-blue, oklch(74.67% .1402 227.95)), var(--sg-purple, oklch(67.93% .3175 325.07)), var(--sg-red, oklch(52.24% .202 31.27)), var(--sg-orange, oklch(69.58% .2043 43.49)), var(--sg-yellow, oklch(84.98% .1739 86.55)), var(--sg-green, oklch(58.8% .1947 142.26)), var(--sg-blue, oklch(74.67% .1402 227.95)))); -webkit-mask: linear-gradient(var(--sg-n-0, oklch(12.9% .015 266.38)) 0 0) content-box, linear-gradient(var(--sg-n-0, oklch(12.9% .015 266.38)) 0 0); -webkit-mask-composite: xor; mask: linear-gradient(var(--sg-n-0, oklch(12.9% .015 266.38)) 0 0) content-box exclude, linear-gradient(var(--sg-n-0, oklch(12.9% .015 266.38)) 0 0); opacity: 0; pointer-events: none; transition: opacity 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); } @media (hover: hover) { &:hover::after { opacity: var(--sg-card-ring-strength, .6); } } &:focus-visible::after { opacity: var(--sg-card-ring-strength, .6); } @media (prefers-reduced-motion: reduce) { &::after { transition: none; } } @media (forced-colors: active) { &::after { display: none; } } &:focus-visible { outline: .125rem solid var(--sg-blue, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; } }
.sg-fresh__instagram-icon { display: grid; place-items: center; inline-size: 3rem; block-size: 3rem; border-radius: var(--sg-radius-md, .75rem); background: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 14%, transparent), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 20%, transparent)); color: light-dark(color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 62%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 82%, var(--sg-n-1000, oklch(99.2% .004 265)))); }
.sg-fresh__instagram-body { display: flex; flex-direction: column; gap: .125rem; min-inline-size: 0; }
.sg-fresh__instagram-title { color: var(--sg-text, var(--sg-n-0, oklch(12.9% .015 266.38))); font: 500 1rem/1.3 var(--sg-font-display, Outfit, system-ui, sans-serif); letter-spacing: -.01em; }
.sg-fresh__instagram-text { color: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent)); font: 400 .875rem/1.45 var(--sg-font-body, Inter, system-ui, sans-serif); }
.sg-family-hue { --sg-family-hue: var(--sg-primary, oklch(74.67% .1402 227.95));
&[data-family='design'], &[data-category='web-design'], &[data-category='branding'],
&[data-category='brand-identity'] { --sg-family-hue: var(--sg-cat-design, oklch(74.67% .1402 227.95)); }
&[data-family='development'] { --sg-family-hue: var(--sg-cat-development, oklch(84.98% .1739 86.55)); }
&[data-family='marketing'], &[data-category='digital-marketing'], &[data-category='social-media'],
&[data-category='email-marketing'], &[data-category='ads'] { --sg-family-hue: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); }
&[data-family='copywriting'], &[data-category='content-writing'],
&[data-category='content-marketing'] { --sg-family-hue: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); }
&[data-family='optimization'], &[data-category='seo'] { --sg-family-hue: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); }
&[data-family='maintenance'] { --sg-family-hue: var(--sg-cat-maintenance, oklch(52.24% .202 31.27)); } }
.sgd-hero { /* Homepage hero CSS home, 2026-09-24: moved here from the SG Hero v3, SG Home v2, SG Dark Mode v2 and SG Theme Fixes 2 sheets so the hero renders the same in Gutenberg, the Etch builder and the site. */
padding: .75rem .75rem 0;
background: var(--sgh-bg, #f4f4f6);
font-family: var(--sgh-font-body, 'Inter', system-ui, sans-serif);
display: flex;
flex-direction: column;
gap: 0;
row-gap: 0;
html.scheme--dark & { background: #0b0d13; }
@media (max-width: 29.9375rem) { padding: .5rem .5rem 0; } }
.sgd-hero__media { position: relative;
overflow: hidden;
border-radius: 1.25rem 1.25rem 0 0;
min-height: min(92vh, 58.75rem);
display: flex;
align-items: flex-start;
justify-content: center;
padding-bottom: 7.5rem;
background: #0b0d13;
@media (max-width: 47.9375rem) { min-height: 86vh; } }
.sgd-hero__bg { position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
-webkit-mask: linear-gradient(to bottom, black 42%, transparent 95%) 50% 0/100% 100% no-repeat;
mask: linear-gradient(to bottom, black 42%, transparent 95%) 50% 0/100% 100% no-repeat; }
.sgd-hero__scrim { position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(5,9,14,.62) 0%, rgba(5,9,14,.28) 42%, rgba(5,9,14,.68) 100%);
@media (max-width: 47.9375rem) { background: linear-gradient(180deg, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 70%, transparent) 0%, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 58%, transparent) 42%, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 78%, transparent) 100%); } }
.sgd-hero__content { position: relative;
z-index: 2;
text-align: center;
padding: clamp(9.375rem, 20vh, 13.75rem) clamp(1.25rem, 4vw, 3rem) clamp(5.25rem, 10vh, 8rem);
max-width: 68.75rem;
@media (max-width: 47.9375rem) { padding-top: clamp(7.5rem, 17vh, 10rem); } }
.sgh-hero-eyebrow { display: inline-flex;
align-items: center;
gap: 0.625rem;
border: 0.0625rem solid var(--sgh-border, color-mix(in oklab, currentColor 14%, transparent));
border-radius: var(--sgh-r-pill, 62.5rem);
padding: 0.5rem 1.125rem;
font-size: 0.84375rem;
color: var(--sgh-muted, color-mix(in oklab, currentColor 70%, transparent));
background: var(--sgh-bg, transparent); }
.sgh-pulse { width: 0.4375rem;
height: 0.4375rem;
border-radius: 50%;
background: var(--sg-blue, oklch(74.67% .1402 227.95));
animation: sgPulse 2.4s var(--sgh-ease, cubic-bezier(.2, .7, .2, 1)) infinite, sgPulseHue 16.8s var(--sgh-ease, cubic-bezier(.2, .7, .2, 1)) infinite;
@media (prefers-reduced-motion: reduce) { animation: none; } }
.sgh-rotor { display: inline-flex;
height: 1.45em;
overflow: hidden;
vertical-align: bottom; }
.sgh-rotor-track { display: flex;
flex-direction: column;
text-align: left;
animation: sgRotor 16.8s var(--sgh-ease, cubic-bezier(.2, .7, .2, 1)) infinite;
& span { height: 1.45em; display: flex; align-items: center; font-weight: 600; color: var(--sgh-text, currentColor); }
/* Owner 2026-09-30: on phones with Reduce Motion the words still change, as an instant swap (no slide). The ACSS
   reduced-motion reset forces a near-zero duration with !important, so this scoped override carries the same weight
   (owner-approved exception, as for the client-name strip on 2026-09-23). */
@media (prefers-reduced-motion: reduce) { animation-timing-function: steps(1, end); animation-duration: 16.8s !important; animation-iteration-count: infinite !important; animation-delay: 0s !important; } }
.sg-spectrum-ink { --sg-spectrum-ink-blue: var(--sg-spectrum-tier-blue, light-dark(color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 60%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-blue, oklch(74.67% .1402 227.95))));
--sg-spectrum-ink-yellow: var(--sg-spectrum-tier-yellow, light-dark(color-mix(in oklab, color-mix(in oklab, var(--sg-yellow, oklch(84.98% .1739 86.55)) 65%, var(--sg-orange, oklch(69.58% .2043 43.49))) 59%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-yellow, oklch(84.98% .1739 86.55))));
--sg-spectrum-ink-green: var(--sg-spectrum-tier-green, light-dark(color-mix(in oklab, var(--sg-green, oklch(58.8% .1947 142.26)) 75%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-green, oklch(58.8% .1947 142.26)) 87%, var(--sg-n-1000, oklch(99.2% .004 265)))));
--sg-spectrum-ink-orange: var(--sg-spectrum-tier-orange, light-dark(color-mix(in oklab, var(--sg-orange, oklch(69.58% .2043 43.49)) 67%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-orange, oklch(69.58% .2043 43.49))));
--sg-spectrum-ink-purple: var(--sg-spectrum-tier-purple, light-dark(color-mix(in oklab, var(--sg-purple, oklch(67.93% .3175 325.07)) 68%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-purple, oklch(67.93% .3175 325.07)) 98%, var(--sg-n-1000, oklch(99.2% .004 265)))));
--sg-spectrum-ink-red: var(--sg-spectrum-tier-red, light-dark(color-mix(in oklab, var(--sg-red, oklch(52.24% .202 31.27)) 91%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-red, oklch(52.24% .202 31.27)) 74%, var(--sg-n-1000, oklch(99.2% .004 265)))));
color: var(--sg-spectrum-ink-blue, var(--sg-blue, oklch(74.67% .1402 227.95)));
animation: sgSpectrumInk calc(var(--sg-spectrum-ink-step, 2.4s) * 6) ease-in-out var(--sg-spectrum-ink-offset, 0s) 1 both; /* 2026-10-02 render pass: one cycle, then rest (was infinite). */
transition: color 400ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&:hover, &:focus-visible { color: var(--sg-spectrum-ink-blue, var(--sg-blue, oklch(74.67% .1402 227.95))); }
&[data-hue] { animation: none; }
&[data-hue="blue"] { color: var(--sg-spectrum-ink-blue, var(--sg-blue, oklch(74.67% .1402 227.95))); }
&[data-hue="yellow"] { color: var(--sg-spectrum-ink-yellow, var(--sg-yellow, oklch(84.98% .1739 86.55))); }
&[data-hue="green"] { color: var(--sg-spectrum-ink-green, var(--sg-green, oklch(58.8% .1947 142.26))); }
&[data-hue="orange"] { color: var(--sg-spectrum-ink-orange, var(--sg-orange, oklch(69.58% .2043 43.49))); }
&[data-hue="purple"] { color: var(--sg-spectrum-ink-purple, var(--sg-purple, oklch(67.93% .3175 325.07))); }
&[data-hue="red"] { color: var(--sg-spectrum-ink-red, var(--sg-red, oklch(52.24% .202 31.27))); }
@media (prefers-reduced-motion: reduce) { animation: none; transition: none; } }
.sgd-hero__h1 { margin-top: 1.375rem;
font-family: var(--sgh-font-display, 'Outfit', sans-serif);
font-weight: 500;
font-size: clamp(2.125rem, 5.6vw, 4.5rem);
line-height: .96;
color: var(--sgh-n-0, oklch(99.2% .004 265));
letter-spacing: -.045em;
/* Owner 2026-10-01: the homepage title matches the shared cover hero title (.sg-cover-hero__title): Outfit 500, line-height .96, letter-spacing -.045em. Sizes stay the homepage's own. */
@media (max-width: 61.9375rem) { font-size: clamp(1.875rem, 6.4vw, 3rem); }
@media (max-width: 47.9375rem) { font-size: clamp(1.75rem, 7.4vw, 2.125rem); } }
.sgd-hero__line { display: block;
white-space: nowrap;
@media (max-width: 47.9375rem) { white-space: normal; } }
.sgd-accent { font-family: inherit;
font-style: normal;
font-weight: inherit;
letter-spacing: inherit;
color: color-mix(in oklab, var(--sgh-n-0, oklch(99.2% .004 265)) 72%, transparent);
/* Owner 2026-10-01: the homepage accent word matches the site's hero accent (.sg-cover-hero__title-accent): the same Outfit face, a softer white, no serif italic. */ }
.sgd-hero__desc { margin: 1.25rem auto 0;
max-width: 62ch;
font-size: clamp(.9375rem, 1.25vw, 1.125rem);
font-weight: 500;
line-height: 1.65;
color: rgba(198,204,210,.92);
& strong { color: #fefefe; font-weight: 500; } }
.sgd-hero__ctas { margin-top: 2.125rem;
display: flex;
gap: .875rem;
justify-content: center;
flex-wrap: wrap;
@media (max-width: 47.9375rem) { flex-direction: column; align-items: center; } }
.sgd-cta { display: inline-flex;
align-items: center;
gap: .625rem;
border-radius: 62.4375rem;
padding: 1rem 1.875rem;
font-family: var(--sgh-font-display, 'Outfit', sans-serif);
font-weight: 600;
font-size: .9688rem;
line-height: 1;
transition: transform var(--sgh-t-fast, 170ms) var(--sgh-ease, cubic-bezier(.22,.61,.2,1)), background-color var(--sgh-t-fast, 170ms) ease, box-shadow var(--sgh-t-fast, 170ms) ease; }
.sgd-cta--glass { background-color: var(--sg-yellow, oklch(84.98% .1739 86.55));
border: .0625rem solid transparent;
color: var(--sg-n-0, oklch(12.9% .015 266.38));
box-shadow: 0 .75rem 2rem color-mix(in oklab, var(--sg-yellow, oklch(84.98% .1739 86.55)) 30%, transparent);
&:hover { transform: translateY(-.125rem); background-color: color-mix(in oklab, var(--sg-yellow, oklch(84.98% .1739 86.55)), var(--sg-n-1000, oklch(99.2% .004 265)) 18%); color: var(--sg-n-0, oklch(12.9% .015 266.38)); box-shadow: 0 1rem 2.5rem color-mix(in oklab, var(--sg-yellow, oklch(84.98% .1739 86.55)) 38%, transparent); }
.sgd-hero &.sgd-cta { background-color: var(--sg-yellow, oklch(84.98% .1739 86.55)); color: var(--sg-n-0, oklch(12.9% .015 266.38)); } }
.sgd-cta--clear { background: rgba(255,255,255,.16);
border: .0625rem solid rgba(255,255,255,.32);
color: var(--sgh-n-0, oklch(99.2% .004 265));
/* 2026-10-02: no backdrop blur here (re-blurred every frame over the moving hero, 66–95% late frames); fill .1 -> .16 keeps legibility. */
&:hover { background: rgba(255,255,255,.26); transform: translateY(-.125rem); } }
.sgd-hero__note { margin-top: 1rem;
font-size: .8125rem;
color: rgba(255,255,255,.62); }
.sgd-hero__bentowrap { position: relative;
z-index: 3;
max-width: calc(var(--sg-content-frame, calc(var(--sg-content-max, 85.375rem) + 2 * var(--sg-gutter, clamp(1.25rem, 4vw, 2.25rem)))) - 1.5rem);
margin: -8.125rem auto 0;
padding: 0 calc(var(--sg-content-gutter-end, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.1625rem)) - .75rem) 2.125rem calc(var(--sg-content-gutter-start, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.3125rem)) - .75rem);
width: 100%;
color: #0b0d13;
font-size: 1rem;
line-height: 1.6;
html.scheme--dark & { color: #f2f3f7; }
@media (max-width: 29.9375rem) { max-width: calc(var(--sg-content-frame, calc(var(--sg-content-max, 85.375rem) + 2 * var(--sg-gutter, clamp(1.25rem, 4vw, 2.25rem)))) - 1rem); padding-inline: calc(var(--sg-content-gutter-start, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.3125rem)) - .5rem) calc(var(--sg-content-gutter-end, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.1625rem)) - .5rem); } }
.sgh-bento { display: grid;
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: 8.25rem;
gap: 1.125rem;
margin-top: 0;
text-align: left;
position: relative;
@media (max-width: 40rem) { grid-auto-rows: auto; } }
.sgh-card { background: var(--sgh-surface);
border: .0625rem solid var(--sgh-border);
border-radius: var(--sgh-r-md);
padding: 2rem;
position: relative;
overflow: hidden;
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: 0 .5rem 1.625rem rgba(11,13,19,.06);
transition: transform var(--sgh-t-med) var(--sgh-ease), box-shadow var(--sgh-t-med) var(--sgh-ease), border-color var(--sgh-t-med) var(--sgh-ease);
.sgd-hero__bentowrap & { box-shadow: 0 1.125rem 2.75rem rgba(11,13,19,.14); }
&:is(a):hover { transform: translateY(-.25rem); border-color: rgba(255,255,255,.2); box-shadow: 0 1.375rem 3.375rem rgba(0,0,0,.45); }
html.scheme--dark & { background: rgba(255,255,255,.045); border-color: rgba(255,255,255,.10); box-shadow: none; }
html.scheme--dark &:is(a):hover { box-shadow: 0 1.375rem 3.375rem rgba(0,0,0,.5); } }
.sgh-b-sys { grid-column: span 5;
grid-row: span 3;
&.sgh-card { border-top-left-radius: var(--sgh-r-feature); }
& img { width: 100%; height: 100%; object-fit: cover; transition: transform .24s var(--sgh-ease); }
&:hover img { transform: scale(1.045); }
@media (max-width: 67.5rem) { grid-column: span 6; }
@media (max-width: 40rem) { grid-column: span 12; grid-row: auto; min-height: 21.25rem; } }
.sgh-img-fit { position: absolute;
inset: 0; }
.sg-hero-system { /* Homepage hero system visual (owner 2026-09-30): the six service families as one connected network. Replaces the chrome-sphere photo. */
position: absolute; inset: 0; overflow: clip;
background: linear-gradient(160deg, oklch(98.2% .004 265), oklch(93.6% .007 265));
html.scheme--dark & { background: linear-gradient(160deg, oklch(22% .016 266), oklch(15.5% .015 266)); } }
.sg-hero-system__web { display: block; position: absolute; inset: 0; inline-size: 100%; block-size: 100%; overflow: visible; pointer-events: none;
transition: scale .24s var(--sgh-ease, cubic-bezier(.16, 1, .3, 1));
.sgh-b-sys:hover & { scale: 1.03; }
@media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-hero-system__link { fill: none; stroke: color-mix(in oklab, var(--sgh-ink, oklch(16.5% .014 265)) 18%, transparent); stroke-width: .0781rem; stroke-linecap: round; vector-effect: non-scaling-stroke;
html.scheme--dark & { stroke: color-mix(in oklab, var(--sgh-paper, oklch(97% .004 265)) 20%, transparent); }
transition: stroke .6s cubic-bezier(.16, 1, .3, 1), stroke-width .6s cubic-bezier(.16, 1, .3, 1);
/* Brain map signal (script sets data-lit on one family's links at a time). */
&[data-lit] { stroke: color-mix(in oklab, var(--sgh-ink, oklch(16.5% .014 265)) 55%, transparent); stroke-width: .125rem; }
html.scheme--dark &[data-lit] { stroke: color-mix(in oklab, var(--sgh-paper, oklch(97% .004 265)) 62%, transparent); } }
.sg-hero-system__node { /* A zero-length line with a round cap draws a dot at any card shape (non-scaling stroke). */
fill: none; stroke: color-mix(in oklab, var(--sgh-ink, oklch(16.5% .014 265)) 34%, transparent); stroke-width: .5rem; stroke-linecap: round; vector-effect: non-scaling-stroke;
html.scheme--dark & { stroke: color-mix(in oklab, var(--sgh-paper, oklch(97% .004 265)) 38%, transparent); } }
.sg-hero-system__halo { fill: none; stroke: color-mix(in oklab, var(--sgh-ink, oklch(16.5% .014 265)) 8%, transparent); stroke-width: 2.25rem; stroke-linecap: round; vector-effect: non-scaling-stroke;
html.scheme--dark & { stroke: color-mix(in oklab, var(--sgh-paper, oklch(97% .004 265)) 10%, transparent); } }
.sg-hero-system__hub { fill: none; stroke: var(--sgh-ink, oklch(16.5% .014 265)); stroke-width: 1.125rem; stroke-linecap: round; vector-effect: non-scaling-stroke;
html.scheme--dark & { stroke: var(--sgh-paper, oklch(97% .004 265)); } }
.sg-hero-system__families { position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; }
.sg-hero-system__family { /* Compact dot capsule (SG Hero Dots look): the family hue on the dot only, one hue per family. */
position: absolute; translate: -50% -50%; display: inline-flex; align-items: center; gap: .4375rem; margin: 0;
padding: .375rem .75rem .375rem .5625rem; border: .0625rem solid color-mix(in oklab, var(--sgh-ink, oklch(16.5% .014 265)) 8%, transparent); border-radius: 62.5rem;
background: color-mix(in oklab, oklch(100% 0 0) 94%, transparent); box-shadow: 0 .375rem 1rem color-mix(in oklab, var(--sgh-ink, oklch(16.5% .014 265)) 8%, transparent);
font-family: var(--sgh-font-display, 'Outfit', sans-serif); font-size: .75rem; font-weight: 600; line-height: 1.2; letter-spacing: .01em; white-space: nowrap; color: var(--sgh-ink, oklch(16.5% .014 265));
&:nth-child(1) { inset-inline-start: 25%; inset-block-start: 17%; }
&:nth-child(2) { inset-inline-start: 74%; inset-block-start: 15%; }
&:nth-child(3) { inset-inline-start: 81%; inset-block-start: 41%; }
&:nth-child(4) { inset-inline-start: 70%; inset-block-start: 65%; }
&:nth-child(5) { inset-inline-start: 29%; inset-block-start: 64%; }
&:nth-child(6) { inset-inline-start: 19%; inset-block-start: 40%; }
&:nth-child(7) { inset-inline-start: 50%; inset-block-start: 12%; }
html.scheme--dark & { background: color-mix(in oklab, oklch(22% .016 266) 94%, transparent); border-color: color-mix(in oklab, var(--sgh-paper, oklch(97% .004 265)) 12%, transparent); box-shadow: 0 .375rem 1rem color-mix(in oklab, oklch(0% 0 0) 35%, transparent); color: var(--sgh-paper, oklch(97% .004 265)); }
transition: border-color .6s cubic-bezier(.16, 1, .3, 1), box-shadow .6s cubic-bezier(.16, 1, .3, 1);
&[data-lit] { border-color: color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 60%, transparent); box-shadow: 0 .375rem 1.25rem color-mix(in oklab, var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 24%, transparent); } }
.sg-hero-system__dot { display: block; flex: none; inline-size: .5rem; block-size: .5rem; border-radius: 62.5rem;
background: var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95)));
@media (forced-colors: active) { background: CanvasText; } }
.sg-hero-system__name { display: block; }
.sgh-cap { position: absolute;
left: 1.125rem;
bottom: 1rem;
right: 1.125rem;
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(255,255,255,.92);
/* 2026-10-02: backdrop blur removed (fill is 92%, the blur was invisible but re-ran every frame). */
border: .0625rem solid var(--sgh-border);
border-radius: .875rem;
padding: .8125rem 1.125rem;
box-shadow: 0 1.125rem 2.75rem rgba(0,0,0,.5);
color: #0b0d13;
& strong { font-family: var(--sgh-font-display); font-size: .875rem; font-weight: 600; color: #0a0a0d; }
& span { font-size: .7812rem; color: rgba(11,13,19,.6); } }
.sgh-b-map { grid-column: span 4;
grid-row: span 2;
@media (max-width: 67.5rem) { grid-column: span 6; }
@media (max-width: 40rem) { grid-column: span 12; grid-row: auto; } }
.sgh-map-rows { margin-top: .875rem;
display: flex;
flex-direction: column; }
.sgh-map-row { display: flex;
align-items: center;
gap: .875rem;
padding: .6562rem 0;
position: relative;
& + & { border-top: .0625rem solid var(--sgh-hairline); }
.sgh-map-rows & { border-color: var(--sgh-hairline); }
&::before { content: ''; position: absolute; left: .9375rem; top: -.375rem; bottom: -.375rem; width: .0625rem; background: var(--sgh-hairline, light-dark(rgba(11,13,19,.08), rgba(255,255,255,.08))); }
&:first-child::before { top: 50%; }
&:last-child::before { bottom: 50%; }
& strong { font-family: var(--sgh-font-display); font-size: .9375rem; font-weight: 600; } }
.sgh-map-num { width: 1.875rem;
height: 1.875rem;
flex: none;
border-radius: 50%;
border: .0625rem solid var(--sgh-border, light-dark(rgba(11,13,19,.10), rgba(255,255,255,.10)));
display: grid;
place-items: center;
font-family: var(--sgh-font-display);
font-size: .6875rem;
font-weight: 600;
position: relative;
z-index: 1;
background: var(--sgh-bg);
transition: background var(--sgh-t-fast) var(--sgh-ease), color var(--sgh-t-fast) var(--sgh-ease), border-color var(--sgh-t-fast) var(--sgh-ease);
.sgh-map-row:nth-child(1) & { border-color: var(--sgh-blue); color: var(--sgh-text); }
.sgh-map-row:nth-child(2) & { border-color: var(--sgh-yellow); color: var(--sgh-text); }
.sgh-map-row:nth-child(3) & { border-color: var(--sgh-green); color: var(--sgh-text); }
.sgh-map-row:nth-child(4) & { border-color: var(--sgh-orange); color: var(--sgh-text); }
.sgh-map-row:hover & { background: var(--sgh-ink); border-color: var(--sgh-ink); color: #06131b; }
.sgh-map-row:nth-child(1):hover & { background: var(--sgh-blue); border-color: var(--sgh-blue); }
.sgh-map-row:nth-child(2):hover & { background: var(--sgh-yellow); border-color: var(--sgh-yellow); }
.sgh-map-row:nth-child(3):hover & { background: var(--sgh-green); border-color: var(--sgh-green); }
.sgh-map-row:nth-child(4):hover & { background: var(--sgh-orange); border-color: var(--sgh-orange); } }
.sgh-b-proof { grid-column: span 3;
grid-row: span 2;
display: flex;
flex-direction: column;
@media (max-width: 67.5rem) { grid-column: span 6; grid-row: span 2; }
@media (max-width: 40rem) { grid-column: span 12; grid-row: auto; } }
.sgh-score { display: flex;
align-items: baseline;
gap: .625rem;
margin-top: .625rem;
& strong { font-family: var(--sgh-font-display); font-size: clamp(2.25rem, 1.6rem + 2vw, 3.25rem); font-weight: 800; letter-spacing: -.03em; line-height: 1; } }
.sgh-stars { display: inline-block;
gap: .125rem;
width: 4.75rem;
height: .875rem;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 2l2.9 6.6 7.1.6-5.4 4.8 1.6 7-6.2-3.7L5.8 21l1.6-7L2 9.2l7.1-.6z'/%3E%3C/svg%3E") left center/.95rem .875rem repeat-x;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 2l2.9 6.6 7.1.6-5.4 4.8 1.6 7-6.2-3.7L5.8 21l1.6-7L2 9.2l7.1-.6z'/%3E%3C/svg%3E") left center/.95rem .875rem repeat-x;
.sgh-b-proof & { color: var(--sgh-text); }
&:empty::before { content: "\2605\2605\2605\2605\2605"; letter-spacing: 0.12em; color: var(--sgh-text, #0b0d13); font-size: 0.95rem; line-height: 1; } }
.sgh-proof-meta { font-size: .8125rem;
color: var(--sgh-subtle);
margin-top: .375rem; }
.sgh-proof-stats { margin-top: auto;
border-top: .0625rem solid var(--sgh-hairline);
padding-top: .75rem;
display: flex;
flex-direction: column;
gap: .5rem;
& strong { font-family: var(--sgh-font-display); font-weight: 700; }
& span { color: var(--sgh-subtle); } }
.sgh-stat { display: flex;
align-items: baseline;
justify-content: space-between;
gap: .75rem;
.sgh-proof-stats & { font-size: .875rem; } }
.sgh-card--ink { --sgh-on-ink: var(--sgh-n-0, oklch(99.2% .004 265));
color: var(--sgh-n-0, oklch(99.2% .004 265));
&.sgh-card { background: linear-gradient(163deg, color-mix(in oklab, var(--sgh-blue, oklch(74.67% .1402 227.95)), var(--sg-n-0, oklch(12.9% .015 266.38)) 42%) 0%, color-mix(in oklab, var(--sgh-blue, oklch(74.67% .1402 227.95)), var(--sg-n-0, oklch(12.9% .015 266.38)) 58%) 42%, color-mix(in oklab, var(--sgh-blue, oklch(74.67% .1402 227.95)), var(--sg-n-0, oklch(12.9% .015 266.38)) 80%) 100%); border-color: transparent; color: var(--sgh-n-0, oklch(99.2% .004 265)); }
&.sgh-card :is(h3, p) { color: var(--sgh-n-0, oklch(99.2% .004 265)); } }
.sgh-b-audit { grid-column: span 4;
& p { font-family: var(--sgh-font-display); font-size: 1.0625rem; font-weight: 600; line-height: 1.35; margin-top: .625rem; max-width: calc(100% - 2.5rem); }
@media (max-width: 67.5rem) { grid-column: span 6; }
@media (max-width: 40rem) { grid-column: span 12; grid-row: auto; } }
.sgh-go { position: absolute;
right: 1.25rem;
bottom: 1.25rem;
width: 2.75rem;
height: 2.75rem;
border-radius: 50%;
background: var(--sgh-n-0, oklch(99.2% .004 265));
color: #0a0a0d;
display: grid;
place-items: center;
transition: transform var(--sgh-t-fast) var(--sgh-ease);
.sgh-b-audit:hover & { transform: translate(.1875rem, -.1875rem); } }
.sgh-ic-ne { --im: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E");
display: block;
inline-size: 1rem;
block-size: 1rem;
background: currentColor;
-webkit-mask: var(--im) center / contain no-repeat;
mask: var(--im) center / contain no-repeat; }
.sgh-b-quote { grid-column: span 3;
&.sgh-card { border-bottom-right-radius: var(--sgh-r-feature); }
/* Tablet two-column bento: the last card spans both columns so the row is balanced (owner 2026-09-23). */
@media (max-width: 67.5rem) { .sgh-bento > & { grid-column: 1 / -1; } }
@media (max-width: 40rem) { .sgh-bento > & { grid-column: span 12; grid-row: auto; } } }
.sgh-b-quote--link { /* W11 2026-09-30: the hero AI automation card is a link; keep the card text in the hero text colour, never the link blue. */
color: var(--sgh-text, oklch(12.9% .015 266.38)); text-decoration: none;
&:focus-visible { outline: .125rem solid var(--sgh-blue, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; } }
.sgh-qt { .sgh-b-quote & { quotes: none; font-size: .9062rem; line-height: 1.42; display: block; margin-top: .4375rem; } }
.sgh-b-quote__note { /* Marketing Skills OS card (owner 2026-09-30): "opens GitHub in a new tab" for screen readers; the card's arrow shows it visually (the card has a fixed height). */
position: absolute; inline-size: .0625rem; block-size: .0625rem; margin: -.0625rem; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.sgh-b-quote__cta { /* W11 2026-09-30: corner arrow of the hero AI automation card (the whole card is the link). Follows the site toggle through --sgh-text. */
position: absolute; inset-block-start: 1.75rem; inset-inline-end: 1.75rem; display: grid; place-items: center;
color: var(--sgh-text, oklch(12.9% .015 266.38));
& .sgh-ic-ne { transition: transform var(--sgh-t-fast, 160ms) var(--sgh-ease, cubic-bezier(.16, 1, .3, 1)); }
.sgh-card:is(a):hover & .sgh-ic-ne { transform: translate(.1875rem, -.1875rem); }
@media (prefers-reduced-motion: reduce) { & .sgh-ic-ne { transition: none; } } }
.sgd-hero__band { margin-block-start: clamp(2.5rem, 4vw, 4.625rem);
border-block: 0.0625rem solid var(--sgh-border, color-mix(in oklab, currentColor 14%, transparent));
gap: clamp(0.5rem, 1vw, 0.875rem);
padding-block: clamp(0.875rem, 1.6vw, 1.25rem);
background: var(--sgh-n-0, oklch(99.2% .004 265));
border-radius: 0 0 1.25rem 1.25rem;
display: flex;
align-items: stretch;
overflow: hidden;
box-shadow: 0 .875rem 2.125rem rgba(11,13,19,.08);
html.scheme--dark & { background: #12151d; box-shadow: 0 .875rem 2.125rem rgba(0,0,0,.4); }
@media (max-width: 47.9375rem) { flex-direction: column; } }
.sgd-hero__bandtip { flex: none;
align-self: stretch;
display: flex;
align-items: center;
padding: 1.125rem 1.625rem 1.125rem calc(var(--sg-content-gutter-start, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.3125rem)) - .75rem);
font-family: var(--sgh-font-display, 'Outfit', sans-serif);
font-size: .875rem;
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--sgh-muted, rgba(11,13,19,.64));
white-space: nowrap;
html.scheme--dark & { color: var(--sgh-muted); }
@media (max-width: 47.9375rem) { padding: 1rem 1.125rem 0; font-size: .8125rem; }
@media (max-width: 29.9375rem) { padding-inline: calc(var(--sg-content-gutter-start, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.3125rem)) - .5rem) calc(var(--sg-content-gutter-end, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.1625rem)) - .5rem); } }
.sgd-loop { flex: 1;
min-width: 0;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent, black 12%, black 88%, transparent);
mask-image: linear-gradient(90deg, transparent, black 12%, black 88%, transparent);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; }
.sgd-loop__track { display: flex;
align-items: center;
inline-size: max-content;
column-gap: clamp(1.5rem, 1rem + 2vw, 3rem);
row-gap: .5rem;
padding: 1.125rem 1.5rem 1.125rem 0;
animation: sgMarquee 36s linear infinite;
&:hover { animation-play-state: paused; }
.sgd-loop > & { flex-wrap: nowrap; inline-size: max-content; }
@media (max-width: 47.9375rem) { column-gap: 1.25rem; row-gap: .375rem; padding: .5rem 1.125rem 1rem; }
/* Owner 2026-09-23: the client names scroll for every visitor, Reduce Motion included. !important only beats the ACSS core reduce-motion reset (animation-duration .01ms !important). */
@media (prefers-reduced-motion: reduce) { .sgd-loop > & { animation-duration: 36s !important; animation-iteration-count: infinite !important; } } }
.sgd-loop__item { display: inline-flex;
align-items: center;
gap: 1.625rem;
padding: 0.25rem 1.625rem 0.25rem 0;
font-family: var(--sgh-font-display, 'Outfit', sans-serif);
font-size: .9375rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--sgh-muted, rgba(11,13,19,.64));
white-space: nowrap;
&::after { content: ""; inline-size: 0.3125rem; block-size: 0.3125rem; border-radius: 50%; background: color-mix(in oklab, currentColor 38%, transparent); } }
.sg-band { position: relative; isolation: isolate; display: block; padding-block: clamp(5rem, 2.5rem + 7.5vw, 11rem); padding-inline: 0; background: var(--sg-bg, light-dark(oklch(97.92% .0041 271.37), oklch(12.9% .015 266.38))); color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); font-family: var(--sg-font-body, 'Inter', system-ui, sans-serif); font-size: 1rem; line-height: 1.6; overflow-x: clip; }
.sg-band__inner { box-sizing: border-box; inline-size: 100%; max-inline-size: var(--sg-content-frame, calc(var(--sg-content-max, 85.375rem) + 2 * var(--sg-gutter, clamp(1.25rem, 4vw, 2.25rem)))); margin-inline: auto; padding-inline: var(--sg-content-gutter-start, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.3125rem)) var(--sg-content-gutter-end, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.1625rem));
 }
.sg-problem__layout { display: grid; gap: clamp(2rem, 1.4rem + 2.2vw, 3.75rem); @media (min-width: 64rem) { grid-template-columns: repeat(12, minmax(0, 1fr)); }
& > .sg-section-label { margin-block-end: calc(-1 * clamp(1.25rem, .8rem + 1.6vw, 2.75rem)); } }
.sg-section-label { --sg-section-label-hue: var(--sg-blue, oklch(74.67% .1402 227.95));
grid-column: 1 / -1; justify-self: start; inline-size: fit-content; display: inline-flex; align-items: center; gap: .5rem; margin: 0 0 calc(-1 * clamp(.375rem, .25rem + .5vw, .875rem));
font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: .875rem; font-weight: 500; line-height: 1.2; letter-spacing: .01em;
color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent)));
&[data-hue="blue"] { --sg-section-label-hue: var(--sg-blue, oklch(74.67% .1402 227.95)); }
&[data-hue="yellow"] { --sg-section-label-hue: var(--sg-yellow, oklch(84.98% .1739 86.55)); }
&[data-hue="green"] { --sg-section-label-hue: var(--sg-green, oklch(58.8% .1947 142.26)); }
&[data-hue="orange"] { --sg-section-label-hue: var(--sg-orange, oklch(69.58% .2043 43.49)); }
&[data-hue="purple"] { --sg-section-label-hue: var(--sg-purple, oklch(67.93% .3175 325.07)); }
&[data-hue="red"] { --sg-section-label-hue: var(--sg-red, oklch(52.24% .202 31.27)); }
/* Spectrum order, as on the homepage: the first labelled section of a page takes blue, then yellow, green, orange, purple, red, and round again. It counts only sections that render, so a page that hides a section keeps the order. data-hue stays the fallback for browsers without :has() in :nth-child(). */
section:nth-child(6n+1 of section:has(.sg-section-label)) & { --sg-section-label-hue: var(--sg-blue, oklch(74.67% .1402 227.95)); }
section:nth-child(6n+2 of section:has(.sg-section-label)) & { --sg-section-label-hue: var(--sg-yellow, oklch(84.98% .1739 86.55)); }
section:nth-child(6n+3 of section:has(.sg-section-label)) & { --sg-section-label-hue: var(--sg-green, oklch(58.8% .1947 142.26)); }
section:nth-child(6n+4 of section:has(.sg-section-label)) & { --sg-section-label-hue: var(--sg-orange, oklch(69.58% .2043 43.49)); }
section:nth-child(6n+5 of section:has(.sg-section-label)) & { --sg-section-label-hue: var(--sg-purple, oklch(67.93% .3175 325.07)); }
section:nth-child(6n of section:has(.sg-section-label)) & { --sg-section-label-hue: var(--sg-red, oklch(52.24% .202 31.27)); }
/* Hold inside legacy layouts whose p rules would resize the label. */
&& { font-size: .875rem; line-height: 1.2; max-inline-size: none; } }
.sg-section-label__dot { flex: none; inline-size: .5rem; block-size: .5rem; border-radius: 50%; background: var(--sg-section-label-hue, oklch(74.67% .1402 227.95));
box-shadow: 0 0 0 .25rem color-mix(in oklab, var(--sg-section-label-hue, oklch(74.67% .1402 227.95)) 18%, transparent); }
.sg-problem__statement { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(2.125rem, 1rem + 4.4vw, 5.5rem); line-height: 1.02; letter-spacing: -.045em; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); text-wrap: balance; @media (min-width: 64rem) { grid-column: 1 / 11; } }
.sg-reveal { html.sg-anim & { opacity: 0; transform: translateY(1.5rem); } html.sg-anim &.sg-in { animation: sgReveal var(--sg-rv-dur, 240ms) var(--sg-ease, cubic-bezier(.16, 1, .3, 1)) var(--sg-reveal-delay, 0ms) both; } }
.sg-word-reveal { /* Shared heading word reveal, owner 2026-09-23. The script sgwordrv wraps each word; words fill from 68% to full ink as the heading crosses the screen (68% keeps every resting word at 4.5:1 or better, WCAG AAA for large text, owner 2026-09-24). Colour only, no movement, so it also runs with Reduce Motion. Words inside .sg-spectrum-ink keep their hue (currentColor). */
view-timeline: --sg-word-reveal block;
--sg-word-rest: color-mix(in oklab, currentColor 68%, transparent);
& .sg-word-reveal__word {
  animation: sgWordFill linear both;
  animation-timeline: --sg-word-reveal;
  animation-range: cover calc(12% + 42% * var(--sg-word-index, 0) / var(--sg-word-count, 1)) cover calc(12% + 42% * (var(--sg-word-index, 0) + 1) / var(--sg-word-count, 1));
}
& :is(.sg-spectrum-ink, .sg-feature__muted) { --sg-word-ink: currentColor; --sg-word-rest: currentColor; }
& :is(.sg-spectrum-ink, .sg-feature__muted) .sg-word-reveal__word { animation: none; } /* 2026-10-02: the fill is opacity now; these words never faded. */
@media (forced-colors: active) { & .sg-word-reveal__word { animation: none; } } }
.sg-problem__accent { color: var(--sg-text-subtle, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 64%, transparent), color-mix(in oklab, oklch(96.5% .005 265) 60%, transparent))); }
.sg-problem__aside { display: grid; gap: 1.5rem; justify-items: start;
@media (min-width: 64rem) { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(2rem, 1rem + 3vw, 5rem); align-items: start;
  & > .sg-problem__subhead { grid-column: 1; grid-row: 1 / span 2; }
  & > .sg-problem__body { grid-column: 2; grid-row: 1; }
  & > .sg-band__actions { grid-column: 2; grid-row: 2; } } }
.sg-reveal--late { --sg-reveal-delay: calc(var(--sg-rv-step, 70ms) * 2); }
.sg-problem__subhead { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500;
font-size: clamp(1.375rem, 1.05rem + 1.1vw, 2rem); line-height: 1.22; letter-spacing: -.02em;
color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); text-wrap: pretty; }
.sg-problem__body { margin: 0; font-size: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);
line-height: 1.65; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-band__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.sg-pill-link { display: inline-flex; align-items: center; gap: .875rem; min-block-size: 3rem; padding-block: .3125rem; padding-inline: 1.375rem .3125rem; box-sizing: border-box; border: .0625rem solid var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); border-radius: var(--sg-radius-full, 50vw); background: transparent; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: .9375rem; font-weight: 500; line-height: 1; letter-spacing: -.005em; text-decoration: none; cursor: pointer; transition: background-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), border-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &:hover { background: var(--sg-state-hover, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 6%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 8%, transparent))); border-color: var(--sg-primary-border, color-mix(in oklab, oklch(74.67% .1402 227.95) 42%, transparent)); } &:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; } &:active { translate: 0 .0625rem; } &:hover .sg-pill-link__text, &:focus-visible .sg-pill-link__text { translate: 0 -1.25em; } &:hover .sg-pill-link__icon, &:focus-visible .sg-pill-link__icon { translate: .1875rem 0; background: var(--sg-primary, oklch(74.67% .1402 227.95)); color: var(--sg-on-primary, oklch(24% .05 250)); } @media (prefers-reduced-motion: reduce) { transition: none; &:hover .sg-pill-link__text, &:focus-visible .sg-pill-link__text, &:hover .sg-pill-link__icon { translate: none; } }
/* Hold inside legacy V25-V28 layouts whose descendant rules (e.g. .sg25-hero__copy a) would recolour links. */
&& { color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); text-decoration: none; } }
.sg-pill-link__label { display: inline-block; overflow: hidden; block-size: 1.25em; line-height: 1.25; }
.sg-pill-link__text { display: block; text-shadow: 0 1.25em currentColor; transition: translate 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
.sg-pill-link__icon { display: inline-grid; place-items: center; flex: none; inline-size: 2.375rem; block-size: 2.375rem; border-radius: 50%; background: color-mix(in oklab, currentColor 12%, transparent); color: inherit; transition: translate 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), background-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
.sg-problem__film { position: relative; isolation: isolate; overflow: clip; display: grid;
grid-template-columns: minmax(0, 1fr); grid-template-areas: 'top' 'screen' 'meta' 'action'; gap: 1.5rem;
margin-block-start: clamp(3rem, 2rem + 3.5vw, 5.5rem);
padding: clamp(1.25rem, .75rem + 1.6vw, 2.25rem); border: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); border-radius: clamp(1.25rem, .75rem + 1.6vw, 2rem);
background: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))); color-scheme: dark; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)));
@media (min-width: 64rem) { grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto 1fr auto;
  grid-template-areas: 'top top' '. .' 'meta action'; min-block-size: clamp(24rem, 14rem + 28vw, 41.25rem);
  &::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: linear-gradient(to bottom, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 58%, transparent), transparent 30%),
      linear-gradient(to top, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 90%, transparent), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 72%, transparent) 30%,
      color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 30%, transparent) 62%); } } }
.sg-problem__film-screen { position: relative; grid-area: screen; aspect-ratio: 16 / 9; overflow: clip;
border-radius: clamp(.75rem, .6rem + .5vw, 1rem); background: var(--sg-n-0, oklch(12.9% .015 266.38));
@media (min-width: 64rem) { position: absolute; inset: 0; z-index: -2; grid-area: auto; aspect-ratio: auto; border-radius: 0; } }
.sg-problem__film-image { position: absolute; inset: 0; display: block; inline-size: 100%; block-size: 100%;
object-fit: cover; animation: sgZoomOut linear both; animation-timeline: view(); animation-range: entry 0% cover 50%;
@media (prefers-reduced-motion: reduce) { animation: none; } }
.sg-problem__film-loop { position: absolute; inset: 0; display: block; inline-size: 100%; block-size: 100%;
object-fit: cover; opacity: 0; transition: opacity 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
animation: sgZoomOut linear both; animation-timeline: view(); animation-range: entry 0% cover 50%;
&[data-started] { opacity: 1; }
@media (prefers-reduced-motion: reduce) { animation: none; transition: none; } }
.sg-problem__film-top { grid-area: top; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
min-block-size: 2.75rem; }
.sg-problem__film-brand { justify-self: start; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500;
font-size: clamp(1rem, .9rem + .35vw, 1.25rem); line-height: 1.2; letter-spacing: -.01em; }
.sg-problem__film-toggle { display: grid; place-items: center; flex: none; inline-size: 2.75rem; block-size: 2.75rem; padding: 0;
border: .0625rem solid color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 24%, transparent); border-radius: 50%;
background: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 58%, transparent); color: var(--sg-n-1000, oklch(99.2% .004 265)); cursor: pointer;
transition: background 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), border-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&::before { content: ''; inline-size: .75rem; block-size: .75rem;
  background: linear-gradient(to right, currentColor 0 34%, transparent 34% 66%, currentColor 66% 100%); }
&[data-state='paused']::before { background: currentColor; clip-path: polygon(18% 0, 100% 50%, 18% 100%); }
&[hidden] { display: none; }
&:hover { background: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 64%, transparent); border-color: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 42%, transparent); }
&:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; }
@media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-problem__film-meta { grid-area: meta; align-self: end; display: grid; gap: .625rem; justify-items: start; max-inline-size: 40rem; }
.sg-problem__film-duration { display: inline-flex; align-items: center; gap: .375rem; min-block-size: 1.75rem; padding-inline: .625rem;
border-radius: var(--sg-radius-full, 50vw); background: linear-gradient(color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 16%, transparent) 0 0), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 34%, transparent);
font-size: .8125rem; line-height: 1; font-variant-numeric: tabular-nums;
&::before { content: ''; flex: none; inline-size: .875rem; block-size: .875rem; border: .09375rem solid currentColor; border-radius: 50%;
  background: linear-gradient(currentColor, currentColor) 50% 25% / .09375rem 35% no-repeat; } }
.sg-problem__film-title { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(2rem, 1.1rem + 3.2vw, 4rem);
line-height: 1; letter-spacing: -.04em; color: inherit; text-wrap: balance; }
.sg-problem__film-caption { margin: 0; font-size: clamp(.9375rem, .9rem + .15vw, 1rem); line-height: 1.5; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-problem__film-action { grid-area: action; justify-self: start; align-self: end; display: inline-flex; align-items: center; gap: .75rem;
min-block-size: clamp(3.25rem, 2.9rem + 1vw, 4.5rem); padding-inline: clamp(1.5rem, 1.2rem + .8vw, 2.25rem);
border-radius: var(--sg-radius-full, 50vw); background: var(--sg-n-1000, oklch(99.2% .004 265)); color: var(--sg-n-0, oklch(12.9% .015 266.38)); text-decoration: none;
font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 600; font-size: clamp(.875rem, .8rem + .25vw, 1rem); letter-spacing: .06em; text-transform: uppercase;
box-shadow: 0 .75rem 2rem color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 40%, transparent); transition: scale 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), box-shadow 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&::after { content: ''; flex: none; inline-size: .75rem; block-size: .75rem; background: currentColor;
  clip-path: polygon(0 42%, 60% 42%, 60% 16%, 100% 50%, 60% 84%, 60% 58%, 0 58%); }
&[data-kind='video']::after { clip-path: polygon(15% 0, 100% 50%, 15% 100%); }
&:hover { scale: 1.06; box-shadow: 0 1rem 2.5rem color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 50%, transparent); }
&:active { scale: .98; }
&:focus-visible { outline: .1875rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .25rem; }
@media (min-width: 64rem) { justify-self: end; }
@media (prefers-reduced-motion: reduce) { transition: none; &:hover, &:active { scale: 1; } } }
.sg-problem__film-dialog { inline-size: min(100% - 2 * var(--sg-gutter, clamp(1.25rem, 4vw, 2.25rem)), 72rem); max-block-size: calc(100dvh - 2 * var(--sg-gutter, clamp(1.25rem, 4vw, 2.25rem)));
margin: auto; padding: 0; border: 0; border-radius: clamp(1rem, .75rem + .8vw, 1.5rem); background: var(--sg-n-0, oklch(12.9% .015 266.38)); color-scheme: dark; overflow: visible;
&::backdrop { background: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 82%, transparent); backdrop-filter: blur(.25rem); } }
.sg-problem__film-close { position: absolute; inset-block-start: -3.5rem; inset-inline-end: 0; display: grid; place-items: center;
inline-size: 2.75rem; block-size: 2.75rem; padding: 0; border: 0; border-radius: 50%; background: var(--sg-n-1000, oklch(99.2% .004 265)); color: var(--sg-n-0, oklch(12.9% .015 266.38)); cursor: pointer;
&::before, &::after { content: ''; grid-area: 1 / 1; inline-size: 1rem; block-size: .125rem; border-radius: var(--sg-radius-full, 50vw); background: currentColor; rotate: 45deg; }
&::after { rotate: -45deg; }
&:focus-visible { outline: .1875rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .25rem; } }
.sg-problem__film-player { position: relative; aspect-ratio: 16 / 9; min-block-size: 0; overflow: clip; border-radius: inherit;
& > iframe { position: absolute; inset: 0; display: block; inline-size: 100%; block-size: 100%; border: 0; } }
.sg-problem__film-media { position: absolute; inset: 0; display: block; inline-size: 100%; block-size: 100%; background: var(--sg-n-0, oklch(12.9% .015 266.38));
&[hidden] { display: none; } }
.sg-band--soft { background: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))); }
.sg-stack { display: grid; gap: clamp(2.5rem, 1.5rem + 3vw, 5rem); @media (min-width: 64rem) { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); align-items: start; } }
.sg-stack__rail { display: grid; gap: 1.5rem; justify-items: start; @media (min-width: 64rem) { position: sticky; inset-block-start: calc(var(--sg-header-h, clamp(3.5rem, 4.5vw, 4rem)) + 2.5rem); } }
.sg-band__title { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(2.375rem, 1.1rem + 5.2vw, 6.25rem); line-height: .98; letter-spacing: -.045em; color: inherit; text-wrap: balance; }
.sg-band__title--long { font-size: clamp(2rem, 1.15rem + 3.4vw, 4.5rem); line-height: 1.02; letter-spacing: -.04em; }
.sg-band__title-accent { color: var(--sg-text-subtle, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 64%, transparent), color-mix(in oklab, oklch(96.5% .005 265) 60%, transparent))); }
.sg-band__caption { margin: 0;
  max-inline-size: var(--sg-measure, 36rem);
  font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  line-height: 1.55;
  color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% 0.015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% 0.004 265) 62%, transparent)));
  text-wrap: pretty; }
.sg-stack__counter { display: none; @media (min-width: 64rem) { display: block; margin-block-start: .75rem; } }
.sg-stack__digits { display: inline-grid; overflow: hidden; block-size: 1.1em; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(2.5rem, 1.6rem + 2.4vw, 4rem); line-height: 1.1; letter-spacing: -.04em; color: var(--sg-primary, oklch(74.67% .1402 227.95)); }
.sg-stack__digit { grid-area: 1 / 1; transition: opacity 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), transform 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); & + & { opacity: 0; } }
.sg-stack__progress { display: none; @media (min-width: 64rem) { display: block; inline-size: 7.5rem; block-size: .125rem; overflow: hidden; border-radius: 1rem; background: var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); } }
.sg-stack__progress-fill { display: block; block-size: 100%; background: linear-gradient(var(--sg-primary, oklch(74.67% .1402 227.95)), var(--sg-primary, oklch(74.67% .1402 227.95))); transform-origin: left center; transform: scaleX(var(--sg-qsprog, 1)); }
.sg-stack__list { display: grid; gap: clamp(.625rem, .5rem + .5vw, 1rem); padding-block-end: 2rem; }
.sg-stack__marker { display: block; block-size: 0; pointer-events: none; }
.sg-stack__card { --family: var(--sg-primary, oklch(74.67% .1402 227.95)); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "media" "text"; gap: clamp(1.25rem, .9rem + 1.2vw, 2rem); padding: clamp(1.5rem, 1rem + 1.8vw, 2.75rem); border-radius: clamp(1.25rem, 1rem + .8vw, 1.75rem); background: var(--sg-bg, light-dark(oklch(97.92% .0041 271.37), oklch(12.9% .015 266.38))); box-shadow: 0 -1.25rem 2.5rem -2rem color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 38%, transparent); @media (min-width: 64rem) { position: sticky; inset-block-start: calc(var(--sg-header-h, clamp(3.5rem, 4.5vw, 4rem)) + 2.5rem); grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-areas: "head head" "text media"; }
border-block-start: .125rem solid color-mix(in oklab, var(--family) 80%, transparent);
&[data-hue="blue"] { --family: var(--sg-blue, oklch(74.67% .1402 227.95)); }
&[data-hue="yellow"] { --family: var(--sg-yellow, oklch(84.98% .1739 86.55)); }
&[data-hue="green"] { --family: var(--sg-green, oklch(58.8% .1947 142.26)); }
&[data-hue="orange"] { --family: var(--sg-orange, oklch(69.58% .2043 43.49)); } }
.sg-stack__card--design { --family: var(--sg-cat-design, oklch(74.67% .1402 227.95)); }
.sg-stack__card-head { grid-area: head; padding-block-end: clamp(1rem, .8rem + .6vw, 1.5rem); border-block-end: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); }
.sg-stack__card-title { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(1.75rem, 1.2rem + 2vw, 3.25rem); line-height: 1; letter-spacing: -.04em; text-wrap: balance; }
.sg-stack__media { grid-area: media; position: relative; overflow: clip; aspect-ratio: 4 / 3; border-radius: clamp(1rem, .8rem + .6vw, 1.375rem); background: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))); @media (min-width: 64rem) { aspect-ratio: auto; min-block-size: 22rem; } }
.sg-stack__image { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; animation: sgZoomOut linear both; animation-timeline: view(); animation-range: entry 0% cover 50%; }
.sg-stack__image--art { /* W12 2026-09-29: the service diagram inside .sg-stack__media; keeps the sgZoomOut view() motion of .sg-stack__image. */
padding: clamp(.75rem, .45rem + 1.2vw, 1.75rem); display: grid; place-items: center; }
.sg-location-art { --sg-location-art-ink: color-mix(in oklab, currentColor 64%, transparent);
--sg-location-art-top: light-dark(var(--sg-n-1000, oklch(99.2% .004 265)), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 11%, var(--sg-n-50, oklch(17.09% .026 269.44))));
--sg-location-art-left: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 5%, var(--sg-n-1000, oklch(99.2% .004 265))), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 6%, var(--sg-n-50, oklch(17.09% .026 269.44))));
--sg-location-art-right: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 11%, var(--sg-n-1000, oklch(99.2% .004 265))), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 3%, var(--sg-n-50, oklch(17.09% .026 269.44))));
--sg-location-art-floor: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 3%, var(--sg-n-1000, oklch(99.2% .004 265))), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 4%, var(--sg-n-50, oklch(17.09% .026 269.44))));
display: block; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)));
& .sg-location-art__svg { display: block; inline-size: 100%; block-size: 100%; overflow: visible; }
& .sg-location-art__svg--clip { overflow: hidden; }
& polyline { fill: none; }
& .sg-location-art__top { fill: var(--sg-location-art-top); }
& .sg-location-art__left { fill: var(--sg-location-art-left); }
& .sg-location-art__right { fill: var(--sg-location-art-right); }
& .sg-location-art__edge, & .sg-location-art__floor-edge, & .sg-location-art__hub-edge, & .sg-location-art__ghost-edge { stroke-width: 1; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
& .sg-location-art__edge { stroke: var(--sg-location-art-ink); }
& .sg-location-art__floor { fill: var(--sg-location-art-floor); }
& .sg-location-art__floor-side { fill: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 10%, var(--sg-n-1000, oklch(99.2% .004 265))), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 11%, var(--sg-n-50, oklch(17.09% .026 269.44)))); }
& .sg-location-art__floor-edge { stroke: color-mix(in oklab, currentColor 24%, transparent); }
& .sg-location-art__hub-top { fill: light-dark(var(--sg-n-0, oklch(12.9% .015 266.38)), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 24%, var(--sg-n-50, oklch(17.09% .026 269.44)))); }
& .sg-location-art__hub-left { fill: light-dark(color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 16%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 15%, var(--sg-n-50, oklch(17.09% .026 269.44)))); }
& .sg-location-art__hub-front { fill: light-dark(color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 10%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 11%, var(--sg-n-50, oklch(17.09% .026 269.44)))); }
& .sg-location-art__hub-right { fill: light-dark(color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 5%, var(--sg-n-0, oklch(12.9% .015 266.38))), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 8%, var(--sg-n-50, oklch(17.09% .026 269.44)))); }
& .sg-location-art__hub-edge { stroke: light-dark(var(--sg-n-0, oklch(12.9% .015 266.38)), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 48%, transparent)); }
& .sg-location-art__hub-disc { fill: var(--sg-n-1000, oklch(99.2% .004 265)); }
& .sg-location-art__hub-mark { fill: none; stroke: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 58%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
& .sg-location-art__ghost { fill: none; }
& .sg-location-art__ghost-edge { stroke: color-mix(in oklab, currentColor 42%, transparent); stroke-dasharray: 3 3; }
& .sg-location-art__glyph { fill: none; stroke: var(--sg-location-art-ink); stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
& .sg-location-art__glyph-fill { fill: var(--sg-location-art-ink); }
& .sg-location-art__label, & .sg-location-art__label-muted, & .sg-location-art__label-accent { font-family: var(--sg-font-body, 'Inter', system-ui, sans-serif); font-weight: 500; letter-spacing: .01em; }
& .sg-location-art__label { fill: color-mix(in oklab, currentColor 74%, transparent); }
& .sg-location-art__label-muted { fill: color-mix(in oklab, currentColor 50%, transparent); }
& .sg-location-art__label-accent { fill: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 58%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); font-weight: 600; }
& .sg-location-art__flow { stroke: color-mix(in oklab, currentColor 34%, transparent); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
& .sg-location-art__dash { stroke: color-mix(in oklab, currentColor 44%, transparent); stroke-width: 1; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
& .sg-location-art__accent { fill: var(--sg-primary, oklch(74.67% .1402 227.95)); }
& .sg-location-art__on-accent { fill: none; stroke: var(--sg-n-0, oklch(12.9% .015 266.38)); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
& .sg-location-art__grid { stroke: color-mix(in oklab, currentColor 8%, transparent); stroke-width: 1; vector-effect: non-scaling-stroke; }
& .sg-location-art__corner { fill: none; stroke: color-mix(in oklab, currentColor 36%, transparent); stroke-width: 1; vector-effect: non-scaling-stroke; }
& .sg-location-art__spot-ring { fill: color-mix(in oklab, var(--sg-orange, oklch(69.58% .2043 43.49)) 14%, transparent); stroke: var(--sg-orange, oklch(69.58% .2043 43.49)); stroke-width: 1.4; vector-effect: non-scaling-stroke; }
& .sg-location-art__spot-core { fill: var(--sg-orange, oklch(69.58% .2043 43.49)); }
& .sg-location-art__spot-ring--open { fill: none; stroke-dasharray: 4 3; }
& .sg-location-art__spot { opacity: .38; transition: opacity 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
& .sg-location-art__lift { transition: transform 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
@media (prefers-reduced-motion: reduce) { & .sg-location-art__spot, & .sg-location-art__lift { transition: none; } } }
.sg-stack__card-text { grid-area: text; display: grid; gap: 1.25rem; align-content: start; }
.sg-stack__card-lead { margin: 0; max-inline-size: 30ch; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(1.125rem, 1rem + .5vw, 1.4375rem); line-height: 1.3; letter-spacing: -.015em; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-stack__card-body { margin: 0; max-inline-size: 50ch; font-size: clamp(.9375rem, .9rem + .15vw, 1.0625rem); line-height: 1.65; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-stack__included { display: grid; gap: .5rem; }
.sg-stack__included-label { font-size: .875rem; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-stack__included-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.25rem; }
.sg-stack__included-item { padding-block: .6875rem; border-block-end: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); font-size: .9375rem; }
.sg-stack__included-name { font-weight: 500; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-stack__output { display: flex; flex-wrap: wrap; align-items: center; gap: .625rem .75rem; margin-block-start: .25rem; font-size: .9375rem; }
.sg-stack__output-icon { display: inline-grid; place-items: center; flex: none; inline-size: 1.75rem; block-size: 1.75rem; border-radius: 50%; background: color-mix(in oklab, currentColor 10%, transparent); color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-stack__output-label { font-size: .875rem; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-stack__output-text { font-weight: 600; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-stack__card--development { --family: var(--sg-cat-development, oklch(84.98% .1739 86.55)); }
.sg-stack__card--marketing { --family: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); }
.sg-stack__card--maintenance { --family: var(--sg-cat-maintenance, oklch(52.24% .202 31.27)); }
.sg-band__head { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; text-align: start; gap: clamp(1.25rem, 1rem + 1vw, 2rem); margin-block-end: clamp(3rem, 2rem + 3.5vw, 5.5rem);
@media (min-width: 64rem) {
  grid-template-columns: minmax(0, 1fr) auto; column-gap: clamp(2rem, 1rem + 3vw, 5rem); align-items: center;
  & > .sg-section-label { grid-column: 1; grid-row: 1; }
  & > .sg-band__title { grid-column: 1; grid-row: 2; }
  & > .sg-band__aside { display: contents; }
  & > .sg-band__aside > .sg-band__caption { grid-column: 1; grid-row: 3; }
  & > .sg-band__aside > .sg-band__actions { grid-column: 2; grid-row: 1 / span 3; align-self: center; justify-self: end; }
} }
.sg-band__aside { display: grid; gap: 1.75rem; justify-items: start; align-content: start; }
.sg-icon--search { --im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E"); }
.sg-icon--layers { --im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5 9-5z'/%3E%3Cpath d='M3 13l9 5 9-5'/%3E%3C/svg%3E"); }
.sg-icon--shield { --im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.5c0 4.5-3.2 8.2-7.5 9.5-4.3-1.3-7.5-5-7.5-9.5V6L12 3z'/%3E%3Cpath d='M8.8 12.2l2.2 2.2 4.2-4.4'/%3E%3C/svg%3E"); }
.sg-icon--check { --im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
.sg-industries__slideshow { position: relative; container-type: inline-size;
--sg-slide-width: min(84cqi, 72rem);
&[data-ready] { --sg-caption-rest: 0; } }
.sg-industries__slides { position: relative; display: grid; grid-auto-flow: column;
grid-auto-columns: var(--sg-slide-width, min(84cqi, 72rem)); gap: clamp(.75rem, .5rem + .8vw, 1.25rem);
padding-inline: calc((100cqi - var(--sg-slide-width, min(84cqi, 72rem))) / 2);
overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none;
&::-webkit-scrollbar { display: none; }
&:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: -.125rem; } }
.sg-industries__slide { position: relative; isolation: isolate; display: block; overflow: clip;
aspect-ratio: 4 / 5; border-radius: clamp(1.25rem, .75rem + 1.6vw, 2.25rem);
scroll-snap-align: center; scroll-snap-stop: always;
background: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))); color-scheme: dark; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); text-decoration: none;
--sg-caption: var(--sg-caption-rest, 1);
&[data-active], &:focus-visible { --sg-caption: 1; }
&:hover, &:focus-visible { --sg-image-zoom: 1.2; --sg-arrow-shift: .1875rem; --sg-arrow-fill: var(--sg-primary, oklch(74.67% .1402 227.95)); --sg-arrow-ink: var(--sg-on-primary, oklch(24% .05 250)); }
&::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(to top, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 80%, transparent), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 0%, transparent) 55%); }
&:focus-visible { outline: .1875rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: -.1875rem; }
@media (min-width: 48rem) { aspect-ratio: 16 / 9; }
@media (min-width: 80rem) { aspect-ratio: 2 / 1; } }
.sg-industries__image { position: absolute; inset: 0; z-index: -2; display: block; inline-size: 100%; block-size: 100%;
object-fit: cover; scale: var(--sg-image-zoom, 1.15); transition: scale 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
animation: sgPan linear both; animation-timeline: view(inline); animation-range: cover 0% cover 100%;
@media (prefers-reduced-motion: reduce) { animation: none; transition: none; } }
.sg-industries__caption { position: absolute; inset-inline: 0; inset-block-end: 0; display: flex; align-items: flex-end;
justify-content: space-between; gap: 1rem; padding: clamp(1.25rem, .9rem + 1.4vw, 2.5rem);
opacity: var(--sg-caption, 1); translate: 0 calc((1 - var(--sg-caption, 1)) * .75rem);
transition: opacity 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), translate 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
@media (prefers-reduced-motion: reduce) { transition: none; translate: none; } }
.sg-industries__name { display: block; max-inline-size: 18ch; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500;
font-size: clamp(1.625rem, 1.1rem + 1.8vw, 3rem); line-height: 1.02; letter-spacing: -.035em; text-wrap: balance; }
.sg-industries__arrow { display: grid; place-items: center; flex: none; inline-size: 2.75rem; block-size: 2.75rem;
border-radius: 50%; background: var(--sg-arrow-fill, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 28%, transparent));
color: var(--sg-arrow-ink, currentColor); translate: var(--sg-arrow-shift, 0) 0;
transition: background 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), translate 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
@media (prefers-reduced-motion: reduce) { transition: none; translate: none; } }
.sg-industries__controls { display: flex; align-items: center; justify-content: center; gap: .375rem;
margin-block-start: clamp(1.5rem, 1rem + 1.5vw, 2.5rem); padding-inline: var(--sg-gutter, clamp(1.25rem, 4vw, 2.25rem));
&[hidden] { display: none; } }
.sg-industries__play { display: grid; place-items: center; flex: none; inline-size: 2.75rem; block-size: 2.75rem; padding: 0;
border: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); border-radius: 50%; background: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))); color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); cursor: pointer;
transition: border-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&::before { content: ''; inline-size: .75rem; block-size: .75rem;
  background: linear-gradient(to right, currentColor 0 34%, transparent 34% 66%, currentColor 66% 100%); }
&[data-state='paused']::before { background: currentColor; clip-path: polygon(18% 0, 100% 50%, 18% 100%); }
&:hover { border-color: var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); }
&:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; } }
.sg-industries__dots { display: flex; align-items: center; min-block-size: 2.75rem; padding-inline: 0;
border: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); border-radius: var(--sg-radius-full, 50vw); background: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))); }
.sg-industries__dot { position: relative; flex: none; inline-size: 2.75rem; block-size: 2.75rem; padding: 0;
border: 0; border-radius: var(--sg-radius-full, 50vw); background: none; cursor: pointer; --sg-dot-width: 1rem;
&::before, &::after { content: ''; position: absolute; inset-block-start: calc(50% - .1875rem);
  inset-inline-start: calc(50% - var(--sg-dot-width, 1rem) / 2); inline-size: var(--sg-dot-width, 1rem); block-size: .375rem;
  border-radius: var(--sg-radius-full, 50vw); transition: inline-size 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), inset-inline-start 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
&::before { background: var(--sg-text-subtle, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 64%, transparent), color-mix(in oklab, oklch(96.5% .005 265) 60%, transparent))); }
&::after { background: var(--sg-primary, oklch(74.67% .1402 227.95)); transform-origin: left center; scale: 0 1; }
&:hover::before { background: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
&[aria-current] { --sg-dot-width: 2rem; }
&[aria-current]::before { background: var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); }
&[aria-current]::after { animation: sgSlideFill 6s linear both; animation-play-state: var(--sg-slide-play, paused); }
&:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: -.25rem; }
@media (prefers-reduced-motion: reduce) { &::before, &::after { transition: none; } &[aria-current]::after { animation: none; scale: 1 1; } } }
.sg-industries__footnote { margin: clamp(1.5rem, 1rem + 1.5vw, 2.5rem) 0 0; max-inline-size: var(--sg-measure, 36rem); text-align: start; font-size: .9375rem; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-proof { &.sg-band { padding-block-end: 0; } }
.sg-proof__intro { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(1.25rem, 1rem + 1vw, 2rem);
margin-block-end: clamp(3rem, 2rem + 3vw, 5rem);
@media (min-width: 64rem) { grid-template-columns: minmax(0, 1fr) auto; column-gap: clamp(2rem, 1rem + 3vw, 5rem); align-items: center; }
@media (min-width: 64rem) { & > .sg-section-label { grid-column: 1; grid-row: 1; } & > .sg-proof__statement { grid-column: 1; grid-row: 2; } } }
.sg-proof__statement { --sg-word-ink: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); --sg-word-rest: color-mix(in oklab, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))) 68%, transparent);
margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(2.25rem, 1.1rem + 4.2vw, 5rem);
line-height: 1.04; letter-spacing: -.045em; color: var(--sg-word-ink, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)))); text-wrap: balance;
@media (min-width: 64rem) { grid-column: 1 / 10; } }
.sg-proof__aside { display: grid; gap: 1.5rem; justify-items: start;
@media (min-width: 64rem) { display: contents; & > .sg-proof__lead { grid-column: 1; grid-row: 3; max-inline-size: var(--sg-measure, 36rem); } & > .sg-band__actions { grid-column: 2; grid-row: 1 / span 3; align-self: center; justify-self: end; } } }
.sg-proof__lead { margin: 0; max-inline-size: 36rem; font-size: clamp(1rem, .96rem + .2vw, 1.125rem); font-weight: 300;
line-height: 1.55; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); text-wrap: pretty; }
.sg-proof__bento { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(.625rem, .5rem + .3vw, .75rem);
@media (min-width: 50rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(clamp(14rem, 11rem + 5vw, 17rem), 1fr); }
@media (min-width: 75rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(clamp(17rem, 12rem + 6vw, 20rem), auto); }
&:not(:has(> .sg-proof__card--paper)) {
  @media (min-width: 50rem) { & > :last-child { grid-column: 1 / -1; } }
  @media (min-width: 75rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); & > :last-child { grid-column: auto; } }
} }
.sg-proof__card { position: relative; box-sizing: border-box; display: flex; flex-direction: var(--sg-proof-card-flow, column);
gap: .875rem; min-inline-size: 0; min-block-size: var(--sg-proof-card-min, clamp(11rem, 9rem + 5vw, 14rem));
margin: 0; padding: clamp(1.25rem, 1.1rem + .4vw, 1.5rem);
border: .0625rem var(--sg-proof-card-line-style, solid) var(--sg-proof-card-line, transparent);
border-radius: clamp(1.25rem, 1rem + .8vw, 1.875rem); box-shadow: var(--sg-proof-card-shadow, none);
background: var(--sg-proof-card-fill, color-mix(in oklab, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))) 6%, transparent)); color: var(--sg-proof-ink, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)))); }
.sg-proof__card--ink { --sg-proof-card-fill: light-dark(var(--sg-n-0, oklch(12.9% .015 266.38)), var(--sg-n-1000, oklch(99.2% .004 265))); --sg-proof-ink: light-dark(var(--sg-n-1000, oklch(99.2% .004 265)), var(--sg-n-0, oklch(12.9% .015 266.38)));
--sg-proof-soft-ink: light-dark(color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 74%, transparent), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent));
--sg-proof-tile-fill: light-dark(var(--sg-n-1000, oklch(99.2% .004 265)), var(--sg-n-0, oklch(12.9% .015 266.38))); --sg-proof-tile-ink: light-dark(var(--sg-n-0, oklch(12.9% .015 266.38)), var(--sg-n-1000, oklch(99.2% .004 265)));
--sg-proof-caption-push: auto; }
.sg-proof__icon { display: grid; place-items: center; flex: none; inline-size: 3.75rem; block-size: 3.75rem; border-radius: 1rem;
background: var(--sg-proof-tile-fill, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)))); color: var(--sg-proof-tile-ink, var(--sg-bg, light-dark(oklch(97.92% .0041 271.37), oklch(12.9% .015 266.38))));
&::before { content: ''; inline-size: 1.5rem; block-size: 1.5rem; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='8' height='8' rx='2'/%3E%3Crect x='13' y='3' width='8' height='8' rx='2'/%3E%3Crect x='3' y='13' width='8' height='8' rx='2'/%3E%3Crect x='13' y='13' width='8' height='8' rx='2'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='8' height='8' rx='2'/%3E%3Crect x='13' y='3' width='8' height='8' rx='2'/%3E%3Crect x='3' y='13' width='8' height='8' rx='2'/%3E%3Crect x='13' y='13' width='8' height='8' rx='2'/%3E%3C/svg%3E") center / contain no-repeat; } }
.sg-proof__figure { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 400;
font-size: var(--sg-proof-figure-size, clamp(2.5rem, 2rem + 1.4vw, 3rem)); line-height: 1; letter-spacing: -.05em;
font-variant-numeric: tabular-nums; color: var(--sg-proof-ink, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)))); }
.sg-proof__caption { margin: var(--sg-proof-caption-push, 0) 0 0; max-inline-size: 17rem; font-size: .875rem; line-height: 1.45;
color: var(--sg-proof-soft-ink, var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent)))); text-wrap: balance; }
.sg-proof__column { display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: clamp(.625rem, .5rem + .3vw, .75rem);
min-inline-size: 0; }
.sg-proof__card--outline { --sg-proof-card-fill: transparent; --sg-proof-card-line: var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); --sg-proof-card-line-style: dashed;
--sg-proof-card-min: 0; align-items: center; justify-content: center; text-align: center; }
.sg-proof__monograms { display: flex; justify-content: center; padding-inline-start: .4375rem;
&:empty { display: none; } }
.sg-proof__monogram { position: relative; display: block; box-sizing: border-box; flex: none;
inline-size: 3.1875rem; block-size: 3.1875rem; margin-inline-start: -.4375rem; overflow: clip; border-radius: 50%;
box-shadow: 0 0 0 .3125rem var(--sg-bg, light-dark(oklch(97.92% .0041 271.37), oklch(12.9% .015 266.38))); background: var(--sg-proof-monogram-fill, color-mix(in oklab, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))) 12%, var(--sg-bg, light-dark(oklch(97.92% .0041 271.37), oklch(12.9% .015 266.38)))));
color: var(--sg-proof-monogram-ink, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)))); font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: 0; font-weight: 500;
line-height: 3.1875rem; text-align: center; text-decoration: none; white-space: nowrap;
transition: translate 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&::first-letter { font-size: 1.25rem; vertical-align: middle; }
&:nth-child(odd) { --sg-proof-monogram-fill: light-dark(var(--sg-n-0, oklch(12.9% .015 266.38)), var(--sg-n-1000, oklch(99.2% .004 265))); --sg-proof-monogram-ink: light-dark(var(--sg-n-1000, oklch(99.2% .004 265)), var(--sg-n-0, oklch(12.9% .015 266.38))); }
&:nth-child(n+5) { display: none; }
&:hover { translate: 0 -.25rem; z-index: 1; }
&:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .25rem; z-index: 1; }
@media (prefers-reduced-motion: reduce) { transition: none; &:hover { translate: none; } } }
.sg-proof__caption-figure { font-weight: 600; color: var(--sg-proof-ink, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)))); }
.sg-proof__card--row { --sg-proof-card-flow: row; --sg-proof-card-min: 0;
--sg-proof-figure-size: clamp(1.75rem, 1.5rem + .7vw, 2.125rem); align-items: center; }
.sg-proof__dial { position: relative; display: grid; place-items: center; flex: none; align-self: center;
inline-size: clamp(7.5rem, 6.5rem + 2.5vw, 9.375rem); aspect-ratio: 1; margin-block: .25rem .5rem; }
.sg-proof__dial-ticks { grid-area: 1 / 1; display: block; inline-size: 100%; block-size: 100%; border-radius: 50%;
background: repeating-conic-gradient(from -.5deg, color-mix(in oklab, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))) 40%, transparent) 0deg 1deg, transparent 1deg 6deg);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='43' fill='none' stroke='black' stroke-width='14'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='43' fill='none' stroke='black' stroke-width='14'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
animation: sgDialTurn linear both; animation-timeline: view(); animation-range: entry 0% cover 45%;
@media (prefers-reduced-motion: reduce) { animation: none; } }
.sg-proof__dial-badge { grid-area: 1 / 1; display: grid; place-items: center; inline-size: 44%; aspect-ratio: 1; border-radius: 50%;
background: light-dark(var(--sg-n-0, oklch(12.9% .015 266.38)), var(--sg-n-1000, oklch(99.2% .004 265))); color: light-dark(var(--sg-n-1000, oklch(99.2% .004 265)), var(--sg-n-0, oklch(12.9% .015 266.38)));
&::before { content: ''; inline-size: 46%; aspect-ratio: 1; background: currentColor;
  -webkit-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.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14.6-4.5'/%3E%3Cpath d='M4 3.5v4h4'/%3E%3Cpath d='M4 13a8 8 0 0 0 14.6 4.5'/%3E%3Cpath d='M20 20.5v-4h-4'/%3E%3C/svg%3E") center / contain no-repeat;
  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.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14.6-4.5'/%3E%3Cpath d='M4 3.5v4h4'/%3E%3Cpath d='M4 13a8 8 0 0 0 14.6 4.5'/%3E%3Cpath d='M20 20.5v-4h-4'/%3E%3C/svg%3E") center / contain no-repeat; } }
.sg-proof__card-copy { display: grid; gap: .375rem; margin-block-start: auto; }
.sg-proof__card-title { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 400; font-size: clamp(1.125rem, 1.05rem + .3vw, 1.25rem);
line-height: 1.25; letter-spacing: -.01em; color: var(--sg-proof-ink, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)))); text-wrap: balance; }
.sg-proof__card--paper { --sg-proof-card-fill: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))); --sg-proof-card-line: light-dark(transparent, var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))));
--sg-proof-card-shadow: 0 .75rem 2rem -1.25rem light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 34%, transparent), transparent); }
.sg-proof__directory { /* Owner 2026-10-01: the quote tile became the way into the sections that moved to About, Services and Resources. */
--sg-proof-card-min: 0; gap: 1rem; }
.sg-proof__directory-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.sg-proof__directory-kicker { margin: 0; font-size: var(--text-s, .9375rem); line-height: 1.4; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 70%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 70%, transparent))); }
.sg-proof__logo { display: block; flex: none; inline-size: 2.75rem; block-size: 2.75rem; border-radius: 50%; object-fit: cover; }
.sg-proof__directory-list { display: grid; margin: auto 0 0; padding: 0; list-style: none; }
.sg-proof__directory-item { margin: 0; padding: 0; border-block-start: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); }
.sg-proof__directory-link { position: relative; display: flex; align-items: center; justify-content: space-between; gap: .75rem;
padding-block: .5625rem; text-decoration: none; color: var(--sg-proof-ink, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))));
font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 400; font-size: clamp(1.0625rem, 1rem + .25vw, 1.1875rem); line-height: 1.2; letter-spacing: -.01em;
&::after { content: ''; position: absolute; inset-inline: 0; inset-block-end: -.0625rem; block-size: .125rem; background: var(--sg-primary, oklch(74.67% .1402 227.95)); transform: scaleX(0); transform-origin: left center; transition: transform 220ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
&:hover, &:focus-visible { --sg-proof-directory-shift: .25rem; --sg-proof-directory-arrow: var(--sg-primary, oklch(74.67% .1402 227.95)); color: var(--sg-proof-ink, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)))); }
&:hover::after, &:focus-visible::after { transform: scaleX(1); }
&:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; border-radius: .375rem; }
@media (prefers-reduced-motion: reduce) { --sg-proof-directory-shift: 0; &::after { transition: none; } &:hover, &:focus-visible { --sg-proof-directory-shift: 0; } } }
.sg-proof__directory-arrow { flex: none; font-size: 1.125rem; line-height: 1; color: var(--sg-proof-directory-arrow, var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 70%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 70%, transparent)))); translate: var(--sg-proof-directory-shift, 0) 0; transition: translate 220ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 220ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
@media (prefers-reduced-motion: reduce) { transition: color 220ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); } }
.sg-proof__strip { --sg-ticker-size: clamp(1.125rem, 1rem + .45vw, 1.5rem); --sg-ticker-weight: 500;
margin-block-start: clamp(3.5rem, 2.5rem + 3vw, 6rem); border-block-start: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-ticker { overflow: clip; padding-block: clamp(.5rem, .3rem + .6vw, 1rem); -webkit-mask: linear-gradient(90deg, transparent, var(--sg-n-0, oklch(12.9% .015 266.38)) 7%, var(--sg-n-0, oklch(12.9% .015 266.38)) 93%, transparent) 0 0 / 100% 100% no-repeat; mask: linear-gradient(90deg, transparent, var(--sg-n-0, oklch(12.9% .015 266.38)) 7%, var(--sg-n-0, oklch(12.9% .015 266.38)) 93%, transparent) 0 0 / 100% 100% no-repeat; }
.sg-ticker__track { display: flex; inline-size: max-content; animation: sgDrift linear both; animation-timeline: view(); animation-range: cover 0% cover 100%; @media (prefers-reduced-motion: reduce) { animation: none; inline-size: auto; flex-wrap: wrap; } }
.sg-ticker__group { display: flex; align-items: center; gap: clamp(1.5rem, 1rem + 2.2vw, 4rem); padding-inline-end: clamp(1.5rem, 1rem + 2.2vw, 4rem); &[aria-hidden='true'] { @media (prefers-reduced-motion: reduce) { display: none; } } }
.sg-ticker__item { display: inline-flex; align-items: center; gap: clamp(1.5rem, 1rem + 2.2vw, 4rem);
font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: var(--sg-ticker-weight, 500); font-size: var(--sg-ticker-size, clamp(3.25rem, 1.4rem + 8.2vw, 10rem));
line-height: 1.02; letter-spacing: -.055em; white-space: nowrap; color: inherit;
&[aria-hidden='true'] { @media (prefers-reduced-motion: reduce) { display: none; } } }
.sg-proof__strip-mark { display: inline-block; flex: none; inline-size: .42em; block-size: .42em; border-radius: 50%;
color: var(--sg-proof-family, var(--sg-primary, oklch(74.67% .1402 227.95))); background: currentColor;
&[data-family='design'] { --sg-proof-family: var(--sg-cat-design, oklch(74.67% .1402 227.95)); }
&[data-family='development'] { --sg-proof-family: var(--sg-cat-development, oklch(84.98% .1739 86.55)); }
&[data-family='marketing'] { --sg-proof-family: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); }
&[data-family='copywriting'] { --sg-proof-family: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); }
&[data-family='optimization'] { --sg-proof-family: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); }
&[data-family='maintenance'] { --sg-proof-family: var(--sg-cat-maintenance, oklch(52.24% .202 31.27)); } }
.sg-work__index { display: grid; grid-template-columns: minmax(0, 1fr); @media (min-width: 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(2rem, 1rem + 3vw, 4.5rem); } }
.sg-work__row { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 1rem; padding-block: clamp(1rem, .85rem + .5vw, 1.5rem); padding-inline: .75rem; border-block-end: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); text-decoration: none; &::before { content: ''; position: absolute; inset: .25rem 0; z-index: -1; border-radius: .875rem; background: var(--sg-state-hover, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 6%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 8%, transparent))); transform: scaleX(0); transform-origin: left center; transition: transform 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); } &:hover::before, &:focus-visible::before { transform: scaleX(1); } &:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .125rem; border-radius: .875rem; } &:hover .sg-work__name { translate: .5rem 0; } &:hover .sg-work__arrow { background: var(--sg-primary, oklch(74.67% .1402 227.95)); border-color: transparent; color: var(--sg-on-primary, oklch(24% .05 250)); rotate: 0deg; } @media (prefers-reduced-motion: reduce) { &::before { transition: none; } } }
.sg-work__name { font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(1.3125rem, 1.05rem + .9vw, 2rem); line-height: 1.15; letter-spacing: -.03em; transition: translate 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
.sg-work__meta { display: none; font-size: .875rem; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); @media (min-width: 80rem) { display: inline; } }
.sg-work__arrow { display: grid; place-items: center; inline-size: 2.5rem; block-size: 2.5rem; border-radius: 50%; border: .0625rem solid var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); rotate: -45deg; transition: background-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), rotate 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
.sg-plans__list { display: grid; gap: clamp(1rem, .75rem + .75vw, 1.5rem);
& > :nth-child(2) { --sg-plans-offset: 1.25rem; }
& > :nth-child(3) { --sg-plans-offset: 2.5rem; } }
.sg-plans__card { --sg-plans-hue: var(--sg-blue, oklch(74.67% .1402 227.95));
position: sticky; inset-block-start: calc(var(--sg-header-h, clamp(3.5rem, 4.5vw, 4rem)) + 1.5rem + var(--sg-plans-offset, 0rem));
display: grid; gap: clamp(1.25rem, 1rem + 1vw, 2rem); padding: clamp(1.5rem, 1rem + 1.5vw, 2.25rem);
border-radius: clamp(1.5rem, 1rem + 2vw, 3.5rem); border: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); border-block-start: .125rem solid color-mix(in oklab, var(--sg-plans-hue) 80%, transparent);
background: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44)));
box-shadow: 0 -1.25rem 2.5rem -2rem color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 45%, transparent);
&[data-hue="blue"] { --sg-plans-hue: var(--sg-blue, oklch(74.67% .1402 227.95)); }
&[data-hue="yellow"] { --sg-plans-hue: var(--sg-yellow, oklch(84.98% .1739 86.55)); }
&[data-hue="green"] { --sg-plans-hue: var(--sg-green, oklch(58.8% .1947 142.26)); }
@media (prefers-reduced-motion: reduce), (max-width: 47.99rem), (max-height: 43.75rem) { position: relative; inset-block-start: auto; } }
.sg-spectrum-edge { --sg-spectrum-edge-alpha: var(--sg-spectrum-edge-rest, 0);
--sg-spectrum-edge-play: paused;
:where(&) { position: relative; isolation: isolate; }
&:hover, &:focus-within { --sg-spectrum-edge-alpha: var(--sg-spectrum-edge-peak, 1); --sg-spectrum-edge-play: running; }
&:has(.sg-spectrum-edge:hover, .sg-spectrum-edge:focus-within) { --sg-spectrum-edge-alpha: var(--sg-spectrum-edge-rest, 0); --sg-spectrum-edge-play: paused; }
&:not(.sg-spectrum-edge--before):not(:has(> .sg-spectrum-edge__ring))::after {
  content: "";
  position: absolute; inset: 0; z-index: var(--sg-spectrum-edge-layer, -1);
  box-sizing: border-box; border: 0 solid transparent; border-radius: inherit; pointer-events: none;
  --sg-spectrum-edge-glow-x: var(--sg-spectrum-edge-pointer-x, .5);
  --sg-spectrum-edge-glow-y: var(--sg-spectrum-edge-pointer-y, .5);
  --sg-spectrum-edge-glow-far: var(--sg-spectrum-edge-pointer-far, 1);
  border-image: conic-gradient(from var(--sg-spectrum-edge-angle, 0deg) at calc(var(--sg-spectrum-edge-glow-x) * 100%) calc(var(--sg-spectrum-edge-glow-y) * 100%), var(--sg-blue, oklch(74.67% .1402 227.95)), var(--sg-yellow, oklch(84.98% .1739 86.55)), var(--sg-green, oklch(58.8% .1947 142.26)), var(--sg-orange, oklch(69.58% .2043 43.49)), var(--sg-purple, oklch(67.93% .3175 325.07)), var(--sg-red, oklch(52.24% .202 31.27)), var(--sg-blue, oklch(74.67% .1402 227.95))) fill 0 / 0 / 0 var(--sg-spectrum-edge-spread, .125rem) var(--sg-spectrum-edge-drop, .5rem);
  filter: blur(var(--sg-spectrum-edge-blur, 1rem));
  box-shadow: 0 0 0 calc(var(--sg-spectrum-edge-blur, 1rem) * 3) transparent;
  mask: linear-gradient(to bottom, light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) calc(var(--sg-spectrum-edge-light, 24%) * sqrt(var(--sg-spectrum-edge-glow-far))), transparent), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) calc(var(--sg-spectrum-edge-dark, 34%) * sqrt(var(--sg-spectrum-edge-glow-far))), transparent)) 0%, light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) calc(var(--sg-spectrum-edge-light, 24%) * 1), transparent), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) calc(var(--sg-spectrum-edge-dark, 34%) * 1), transparent)) calc(var(--sg-spectrum-edge-blur, 1rem) * 4 + var(--sg-spectrum-edge-glow-y) * (100% - var(--sg-spectrum-edge-blur, 1rem) * 8)), light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) calc(var(--sg-spectrum-edge-light, 24%) * sqrt(var(--sg-spectrum-edge-glow-far))), transparent), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) calc(var(--sg-spectrum-edge-dark, 34%) * sqrt(var(--sg-spectrum-edge-glow-far))), transparent)) 100%) 50% 50% / calc(100% + var(--sg-spectrum-edge-blur, 1rem) * 8) calc(100% + var(--sg-spectrum-edge-blur, 1rem) * 8) no-repeat no-clip, linear-gradient(to right, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) calc(sqrt(var(--sg-spectrum-edge-glow-far)) * 100%), transparent) 0%, var(--sg-n-0, oklch(12.9% .015 266.38)) calc(var(--sg-spectrum-edge-blur, 1rem) * 4 + var(--sg-spectrum-edge-glow-x) * (100% - var(--sg-spectrum-edge-blur, 1rem) * 8)), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) calc(sqrt(var(--sg-spectrum-edge-glow-far)) * 100%), transparent) 100%) 50% 50% / calc(100% + var(--sg-spectrum-edge-blur, 1rem) * 8) calc(100% + var(--sg-spectrum-edge-blur, 1rem) * 8) no-repeat no-clip, linear-gradient(var(--sg-n-0, oklch(12.9% .015 266.38)) 0 0) 50% 50% / 100% 100% no-repeat border-box;
  mask-composite: intersect, subtract, add;
  opacity: var(--sg-spectrum-edge-alpha, 0);
  animation: sgSpectrumTurn var(--sg-spectrum-edge-period, 10s) linear var(--sg-spectrum-edge-turns, 6) both;
  animation-play-state: var(--sg-spectrum-edge-play, paused);
  transition: opacity 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), --sg-spectrum-edge-glow-x 180ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), --sg-spectrum-edge-glow-y 180ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), --sg-spectrum-edge-glow-far 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
  @media (prefers-reduced-motion: reduce) { animation: none; transition: none; }
  @media (forced-colors: active) { display: none; }
  @supports not ((mask-clip: no-clip) and (mask-composite: intersect)) { display: none; }
} }
.sg-plans__card-top { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: clamp(.875rem, .75rem + .5vw, 1.25rem); align-items: center; }
.sg-plans__badge { display: grid; place-items: center; inline-size: 3rem; block-size: 3rem; border-radius: 50%; background: var(--sg-n-0, oklch(12.9% .015 266.38)); color: var(--sg-plans-hue, oklch(74.67% .1402 227.95));
& .sg-icon { inline-size: 1.375rem; block-size: 1.375rem; } }
.sg-plans__card-head { display: grid; gap: .25rem; min-inline-size: 0; }
.sg-plans__name { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); line-height: 1.1; letter-spacing: -.035em; }
.sg-plans__desc { margin: 0; max-inline-size: 58ch; font-size: 1rem; line-height: 1.5; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-plans__card-body { display: grid; gap: clamp(1.25rem, 1rem + 1vw, 2rem);
@media (min-width: 48rem) { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: start; } }
.sg-plans__fit { display: grid; gap: .5rem; align-content: start; }
.sg-plans__fit-label { margin: 0; font-size: .875rem; font-weight: 600; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-plans__tags { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.sg-plans__tag { display: inline-flex; align-items: center; min-block-size: 2rem; padding-inline: .875rem; border-radius: 62.5rem; font-size: .875rem; line-height: 1.2;
background: color-mix(in oklab, currentColor 6%, transparent); border: .0625rem solid color-mix(in oklab, currentColor 12%, transparent); }
.sg-plans__card-foot { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1rem; padding-block-start: clamp(1rem, .75rem + .75vw, 1.5rem); border-block-start: .0625rem dashed var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); }
.sg-plans__pricebox { display: grid; gap: .125rem; }
.sg-plans__amount { font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(2rem, 1.4rem + 2vw, 3.25rem); line-height: 1; letter-spacing: -.045em; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-plans__caption { font-size: .875rem; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-plans__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.sg-pill-link--solid { background: var(--sg-yellow, oklch(84.98% .1739 86.55)); border-color: transparent; color: var(--sg-n-0, oklch(12.9% .015 266.38)); &:hover { background: color-mix(in oklab, var(--sg-yellow, oklch(84.98% .1739 86.55)) 82%, var(--sg-n-1000, oklch(99.2% .004 265))); border-color: transparent; color: var(--sg-n-0, oklch(12.9% .015 266.38)); } & .sg-pill-link__icon, &:hover .sg-pill-link__icon, &:focus-visible .sg-pill-link__icon { background: var(--sg-n-0, oklch(12.9% .015 266.38)); color: var(--sg-yellow, oklch(84.98% .1739 86.55)); }
&&& { color: var(--sg-n-0, oklch(12.9% .015 266.38)); } }
.sg-plans__fit-text { margin: 0; font-size: 1rem; line-height: 1.5; }
.sg-plans__from { font-size: .8125rem; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-plans__note { margin: clamp(1.25rem, 1rem + .8vw, 2rem) 0 0; font-size: .9375rem; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-blog__ticker { --sg-ticker-size: clamp(2.375rem, 1.1rem + 5.2vw, 6.25rem); --sg-ticker-weight: 500;
margin-block-end: clamp(1.75rem, 1.2rem + 1.6vw, 2.75rem);
padding-inline: var(--sg-section-pad-start, clamp(2.5rem, 6vw, 3.5rem)) var(--sg-section-pad-end, clamp(2.5rem, 6vw, 3.5rem));
-webkit-mask: none; mask: none;
& .sg-ticker__track { animation: none; inline-size: auto; }
& .sg-ticker__group { padding-inline-end: 0; }
& .sg-ticker__group:has(.sg-section-label) { flex-wrap: wrap; row-gap: .75rem; }
& .sg-section-label { flex-basis: 100%; margin-block-end: 0; } }
.sg-blog__ticker-title { margin: 0; }
.sg-ticker__mark { display: inline-block; flex: none; inline-size: .36em; block-size: .36em; border-radius: 50%; border: .07em solid color-mix(in oklab, currentColor 38%, transparent); }
.sg-blog__intro { display: grid; grid-template-columns: minmax(0, 1fr);
margin-block-end: clamp(2.5rem, 1.6rem + 2.6vw, 3.5rem); }
.sg-blog__intro-copy { display: grid; gap: 1.25rem; justify-items: start;
& > .sg-blog__intro-lead, & > .sg-band__caption { max-inline-size: var(--sg-measure, 36rem); }
@media (min-width: 64rem) { grid-template-columns: minmax(0, 1fr) auto; column-gap: clamp(2rem, 1rem + 3vw, 5rem); align-items: center; }
@media (min-width: 64rem) { & > .sg-blog__intro-lead { grid-column: 1; grid-row: 1; } & > .sg-band__caption { grid-column: 1; grid-row: 2; } & > .sg-band__actions { grid-column: 2; grid-row: 1 / span 2; align-self: center; justify-self: end; } } }
.sg-blog__intro-lead { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(1.375rem, 1.1rem + 1vw, 2rem);
line-height: 1.2; letter-spacing: -.02em; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); text-wrap: balance; }
.sg-blog__list { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(1rem, .75rem + .6vw, 1.25rem);
@media (min-width: 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
&:empty::before { content: 'New articles are on the way.'; font-size: 1rem; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
/* Fewer than three posts (family pages): one post spans the row, two posts share it. */
@media (min-width: 48rem) { &:has(> :only-child) { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 64rem) { &:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } }
.sg-blog__entry { position: relative; display: flex; flex-direction: column; gap: .375rem;
border-radius: clamp(1.125rem, 1rem + .4vw, 1.25rem); color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); text-decoration: none;
--sg-entry-pad: clamp(1.75rem, 1.4rem + 1vw, 2.5rem) clamp(1.25rem, 1.1rem + .4vw, 1.5rem) clamp(1.25rem, 1.1rem + .4vw, 1.5rem);
&:hover, &:focus-visible { --sg-entry-zoom: 1.04; --sg-entry-shift: .1875rem; --sg-entry-fill: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); --sg-entry-ink: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))); }
&:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .25rem; }
@media (min-width: 48rem) { &:nth-child(2) { flex-direction: column-reverse;
  --sg-entry-pad: clamp(1.25rem, 1.1rem + .4vw, 1.5rem) clamp(1.25rem, 1.1rem + .4vw, 1.5rem) clamp(1.75rem, 1.4rem + 1vw, 2.5rem); } }
@media (min-width: 48rem) and (max-width: 63.99rem) { &:nth-child(3) { grid-column: 1 / -1; flex-direction: row;
  --sg-entry-media-flex: 1 1 0; --sg-entry-media-ratio: auto; --sg-entry-body-flex: 1 1 0; } }
/* A lone post reads as one wide row: photo beside the text, like the tablet third card. */
@media (min-width: 48rem) { &:only-child { flex-direction: row; --sg-entry-media-flex: 1 1 0; --sg-entry-media-ratio: auto; --sg-entry-body-flex: 1 1 0; } } }
.sg-blog__entry-media { position: relative; overflow: clip; flex: var(--sg-entry-media-flex, none); min-block-size: 0;
aspect-ratio: var(--sg-entry-media-ratio, 16 / 9); border-radius: inherit; background: var(--sg-bg, light-dark(oklch(97.92% .0041 271.37), oklch(12.9% .015 266.38))); }
.sg-blog__entry-image { position: absolute; inset: 0; display: block; inline-size: 100%; block-size: 100%; object-fit: cover;
scale: var(--sg-entry-zoom, 1); transition: scale 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
@media (prefers-reduced-motion: reduce) { transition: none; scale: 1; } }
.sg-blog__entry-category { position: absolute; inset-block-start: .75rem; inset-inline-start: .75rem;
display: inline-flex; align-items: center; min-block-size: 1.75rem; padding-inline: .75rem; border-radius: var(--sg-radius-full, 50vw);
background: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 88%, transparent); color: var(--sg-n-0, oklch(12.9% .015 266.38));
font-size: .8125rem; font-weight: 500; line-height: 1; }
.sg-blog__entry-body { display: flex; flex-direction: column; gap: .75rem; flex: var(--sg-entry-body-flex, 1 0 auto);
padding: var(--sg-entry-pad, 2.5rem 1.5rem 1.5rem); border-radius: inherit;
background: color-mix(in oklab, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))) 6%, transparent); }
.sg-blog__entry-title { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500;
font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem); line-height: 1.25; letter-spacing: -.02em; text-wrap: balance; }
.sg-blog__entry-excerpt { margin: 0; font-size: .9375rem; line-height: 1.55; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); text-wrap: pretty; }
.sg-blog__entry-foot { display: flex; align-items: end; justify-content: space-between; gap: 1rem;
margin-block-start: auto; padding-block-start: 1rem; }
.sg-blog__entry-author { display: grid; gap: .125rem; font-size: .8125rem; line-height: 1.35; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-blog__entry-author-name { font-size: .9375rem; font-weight: 500; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-blog__entry-arrow { display: inline-grid; place-items: center; flex: none; inline-size: 2.75rem; block-size: 2.75rem;
border: .0625rem solid var(--sg-entry-fill, var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent)))); border-radius: 50%;
background: var(--sg-entry-fill, transparent); color: var(--sg-entry-ink, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)))); translate: var(--sg-entry-shift, 0) 0;
transition: background 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), border-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), translate 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
@media (prefers-reduced-motion: reduce) { transition: none; translate: none; } }
.sg-talk { overflow: clip; }
.sg-band--stage { color-scheme: dark; margin-inline: clamp(.5rem, .25rem + .8vw, 1rem); border-radius: clamp(1.25rem, .9rem + 1.2vw, 2rem); background: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))); color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-talk__backdrop { position: absolute; inset: 0; z-index: -1; overflow: clip; pointer-events: none; background: var(--sg-n-0, oklch(12.9% .015 266.38));
&::after { content: ''; position: absolute; inset: 0;
  background: linear-gradient(to bottom, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 78%, transparent), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 90%, transparent) 45%);
  @media (min-width: 64rem) { background: linear-gradient(to right, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 55%, transparent), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 92%, transparent) 42%); } } }
.sg-talk__poster { position: absolute; inset: 0; display: block; inline-size: 100%; block-size: 100%; object-fit: cover;
filter: saturate(.55) brightness(.7); }
.sg-talk__video { position: absolute; inset: 0; display: block; inline-size: 100%; block-size: 100%; object-fit: cover;
filter: saturate(.6) brightness(.62); opacity: 0; transition: opacity 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&[data-started] { opacity: 1; }
@media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-talk__layout { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: 'content' 'form';
gap: clamp(2.5rem, 1.6rem + 3vw, 4.5rem); align-items: center;
@media (min-width: 64rem) { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-areas: 'form content'; } }
.sg-talk__content { grid-area: content; display: grid; gap: clamp(1.25rem, 1rem + .8vw, 1.75rem); justify-items: start; }
.sg-talk__title { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(3.75rem, 1.5rem + 9vw, 10rem);
line-height: .9; letter-spacing: -.06em; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-talk__lead { margin: 0; max-inline-size: 34rem; font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); line-height: 1.55;
color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); text-wrap: pretty; }
.sg-talk__points { display: grid; gap: 1.25rem; inline-size: 100%; margin: 0; padding: 1.5rem 0 0; list-style: none;
border-block-start: .0625rem solid var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent)));
@media (min-width: 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sg-talk__point { display: flex; align-items: flex-start; gap: .875rem; }
.sg-talk__point-icon { display: grid; place-items: center; flex: none; inline-size: 2.5rem; block-size: 2.5rem; border-radius: 50%;
background: color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 18%, transparent); color: var(--sg-primary, oklch(74.67% .1402 227.95));
&::before { content: ''; inline-size: 1rem; block-size: 1rem; background: currentColor;
  clip-path: polygon(0 0, 100% 0, 100% 72%, 46% 72%, 22% 100%, 26% 72%, 0 72%); }
&[data-icon='check']::before { clip-path: polygon(12% 50%, 0 64%, 38% 100%, 100% 24%, 87% 10%, 38% 72%); } }
.sg-talk__point-copy { display: grid; gap: .25rem; }
.sg-talk__point-title { font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(1.125rem, 1rem + .35vw, 1.3125rem);
line-height: 1.25; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-talk__point-text { font-size: .9375rem; line-height: 1.5; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-talk__person { display: flex; flex-wrap: wrap; align-items: center; gap: .875rem 1rem; padding: .75rem;
border: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); border-radius: 1.25rem; background: linear-gradient(color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 7%, transparent) 0 0), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 30%, transparent); }
.sg-talk__avatar { display: grid; place-items: center; flex: none; inline-size: 3.25rem; block-size: 3.25rem; border-radius: 50%;
background: var(--sg-primary, oklch(74.67% .1402 227.95)); color: var(--sg-on-primary, oklch(24% .05 250)); font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 600; font-size: 1.0625rem; letter-spacing: .02em; }
.sg-talk__person-copy { display: grid; gap: .125rem; margin-inline-end: .5rem; }
.sg-talk__person-role { font-size: .8125rem; line-height: 1.3; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-talk__person-name { font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: 1.0625rem; line-height: 1.25; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-talk__ask { display: inline-flex; align-items: center; gap: .5rem; min-block-size: 2.75rem; padding-inline: 1.125rem .875rem;
border-radius: var(--sg-radius-full, 50vw); background: var(--sg-n-1000, oklch(99.2% .004 265)); color: var(--sg-n-0, oklch(12.9% .015 266.38)); font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: .9375rem;
line-height: 1.2; text-decoration: none; transition: background 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&:hover { background: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 82%, var(--sg-primary, oklch(74.67% .1402 227.95))); }
&:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; } }
.sg-talk__form { grid-area: form; display: grid; gap: 1rem; padding: clamp(1.5rem, 1.1rem + 1.4vw, 2.5rem);
border-radius: clamp(1.25rem, 1rem + .6vw, 1.5rem); background: var(--sg-n-1000, oklch(99.2% .004 265)); color: var(--sg-n-0, oklch(12.9% .015 266.38)); color-scheme: light;
box-shadow: 0 1.5rem 3rem -1rem color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 70%, transparent);
/* SEO analysis states (script sgtalk): while running and when done, the fields and Analyze button step aside for the progress bar. */
&[data-state] .sg-talk__fields, &[data-state] .st-form-cta-button { display: none; } }
.sg-talk__brand { font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 600; font-size: 1rem; line-height: 1.2; letter-spacing: -.01em; color: var(--sg-n-0, oklch(12.9% .015 266.38)); }
.sg-talk__form-title { margin: 0 0 .25rem; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(1.5rem, 1.2rem + 1vw, 2.125rem);
line-height: 1.1; letter-spacing: -.03em; color: var(--sg-n-0, oklch(12.9% .015 266.38)); text-wrap: balance; }
.sg-talk__form-subtitle { margin: -.5rem 0 .25rem; font-size: .9375rem; line-height: 1.5; color: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 72%, transparent); }
.sg-talk__fields { display: grid; gap: 1rem; }
.sg-talk__field { display: grid; gap: .375rem; }
.sg-talk__label { font-size: .875rem; font-weight: 500; line-height: 1.3; color: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 82%, transparent); }
.sg-talk__input { box-sizing: border-box; inline-size: 100%; min-block-size: 3rem; padding: .75rem 1rem;
border: .0625rem solid color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 22%, transparent); border-radius: .75rem;
background: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 3%, var(--sg-n-1000, oklch(99.2% .004 265))); color: var(--sg-n-0, oklch(12.9% .015 266.38)); font: inherit; font-size: 1rem; line-height: 1.4;
transition: border-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), box-shadow 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&::placeholder { color: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 58%, transparent); }
&:hover { border-color: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 38%, transparent); }
&:focus-visible { outline: none; border-color: var(--sg-primary, oklch(74.67% .1402 227.95)); box-shadow: 0 0 0 .1875rem color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 40%, transparent); }
&:user-invalid { border-color: var(--sg-red, oklch(52.24% .202 31.27)); } }
.sg-talk__submit { display: inline-flex; align-items: center; justify-content: center; gap: .625rem; min-block-size: 3.25rem;
padding-inline: 1.5rem; border: 0; border-radius: var(--sg-radius-full, 50vw); background: var(--sg-n-0, oklch(12.9% .015 266.38)); color: var(--sg-n-1000, oklch(99.2% .004 265));
font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: 1rem; line-height: 1.2; cursor: pointer; transition: background 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&:hover { background: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 84%, var(--sg-primary, oklch(74.67% .1402 227.95))); }
&:active { translate: 0 .0625rem; }
&:focus-visible { outline: .1875rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; }
/* The SEO SDK only reacts when the click target is the button itself, so its children never take the click. */
& > * { pointer-events: none; }
&:disabled { opacity: .6; cursor: progress; }
/* SEO SDK busy state: it swaps the label for .lds-ellipsis dots and the word analyzing. */
& .lds-ellipsis { display: inline-flex; gap: .25rem; }
& .lds-ellipsis div { inline-size: .375rem; block-size: .375rem; border-radius: 50%; background: currentColor; opacity: .7; } }
.sg-talk__progress { display: grid; gap: .5rem;
&[hidden] { display: none; }
& .sg-talk__download { justify-self: start; margin-block-start: .5rem; text-decoration: none; } }
.sg-talk__progress-track { block-size: .5rem; border-radius: var(--sg-radius-full, 50vw); overflow: clip;
background: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 10%, transparent); }
.sg-talk__progress-bar { block-size: 100%; inline-size: 100%; border-radius: inherit; transform-origin: left center; scale: var(--sg-progress, .01) 1;
background: linear-gradient(var(--sg-primary, oklch(74.67% .1402 227.95)), var(--sg-primary, oklch(74.67% .1402 227.95)));
transition: scale 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
@media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-talk__progress-label { margin: 0; font-size: .875rem; font-weight: 500; line-height: 1.4; font-variant-numeric: tabular-nums;
color: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 78%, transparent); }
.sg-talk__note { margin: 0; font-size: .8125rem; line-height: 1.5; color: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 72%, transparent); }
.sg-talk__note-link { color: var(--sg-n-0, oklch(12.9% .015 266.38)); text-decoration: underline; text-decoration-thickness: .06em; text-underline-offset: .2em;
&:hover { text-decoration-thickness: .12em; }
&:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .125rem; border-radius: .125rem; } }
.sg-talk__status { margin: 0; font-size: .875rem; font-weight: 500; line-height: 1.5; color: var(--sg-n-0, oklch(12.9% .015 266.38));
/* SEO SDK messages: errors, the wait note and the go-to-report link after a submit. */
&:empty { display: none; }
& a { color: var(--sg-n-0, oklch(12.9% .015 266.38)); font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }
& a:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .125rem; border-radius: .25rem; } }
.sg-talk__toggle { position: absolute; inset-block-end: clamp(1rem, .75rem + .8vw, 1.5rem); inset-inline-end: clamp(1rem, .75rem + .8vw, 1.5rem);
display: grid; place-items: center; inline-size: 2.75rem; block-size: 2.75rem; padding: 0;
border: .0625rem solid color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 24%, transparent); border-radius: 50%;
background: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 58%, transparent); color: var(--sg-n-1000, oklch(99.2% .004 265)); cursor: pointer;
transition: background 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), border-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&::before { content: ''; inline-size: .75rem; block-size: .75rem;
  background: linear-gradient(to right, currentColor 0 34%, transparent 34% 66%, currentColor 66% 100%); }
&[data-state='paused']::before { background: currentColor; clip-path: polygon(18% 0, 100% 50%, 18% 100%); }
&[hidden] { display: none; }
&:hover { background: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 64%, transparent); border-color: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 42%, transparent); }
&:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; }
@media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-reviews__head { display: grid; gap: clamp(1.5rem, 1rem + 1.5vw, 2.5rem); margin-block-end: clamp(2.5rem, 1.6rem + 3vw, 4rem);
@media (min-width: 64rem) { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); align-items: end; } }
.sg-reviews__intro { display: grid; gap: 1.25rem; justify-items: start; }
.sg-reviews__ask { display: grid; gap: 1rem; justify-items: start; padding: clamp(1.25rem, 1rem + .6vw, 1.5rem);
border: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); border-radius: 1.25rem; background: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))); }
.sg-reviews__ask-text { margin: 0; font-size: 1rem; line-height: 1.5; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-reviews__grid { display: grid; gap: clamp(.75rem, .5rem + .6vw, 1rem);
@media (min-width: 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 64rem) { grid-template-columns: minmax(0, 4fr) minmax(0, 5fr) minmax(0, 5fr); } }
.sg-reviews__rating { display: grid; align-content: space-between; gap: 1.5rem; min-block-size: clamp(14rem, 12rem + 5vw, 18rem);
padding: clamp(1.25rem, 1rem + .8vw, 1.75rem); border: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); border-radius: 1.25rem; background: color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 12%, var(--sg-n-0, oklch(12.9% .015 266.38)));
color-scheme: dark; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); --sg-star: var(--sg-yellow, oklch(84.98% .1739 86.55));
@media (min-width: 48rem) and (max-width: 63.99rem) { grid-column: 1 / -1; } }
.sg-reviews__score { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(4rem, 2.5rem + 5vw, 7rem);
line-height: .85; letter-spacing: -.05em; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-reviews__rating-foot { display: grid; gap: .5rem; }
.sg-reviews__stars { display: inline-flex; gap: .25rem; color: var(--sg-star, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)))); }
.sg-reviews__star { display: block; flex: none; inline-size: 1.125rem; block-size: 1.125rem; background: currentColor;
clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.sg-reviews__count { margin: 0; font-size: .9375rem; line-height: 1.5; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-reviews__carousel { display: grid; gap: clamp(.75rem, .5rem + .6vw, 1rem); min-inline-size: 0;
@media (min-width: 48rem) { grid-column: 1 / -1; }
@media (min-width: 64rem) { grid-column: 2 / -1; } }
.sg-reviews__track { --sg-reviews-gap: clamp(.75rem, .5rem + .6vw, 1rem);
display: grid; grid-auto-flow: column; grid-auto-columns: min(86%, 24rem); gap: var(--sg-reviews-gap); align-items: stretch;
overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none;
border-radius: 1.25rem;
&::-webkit-scrollbar { display: none; }
&:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .25rem; }
@media (min-width: 48rem) { grid-auto-columns: calc((100% - var(--sg-reviews-gap)) / 2); }
@media (prefers-reduced-motion: reduce) { scroll-behavior: auto; } }
.sg-reviews__card { display: grid; align-content: start; grid-template-rows: auto auto 1fr; gap: 1.25rem; min-block-size: clamp(14rem, 12rem + 5vw, 18rem); scroll-snap-align: start;
margin: 0; padding: clamp(1.25rem, 1rem + .8vw, 1.75rem); border: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); border-radius: 1.25rem;
background: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))); color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)));
--sg-star: var(--sg-yellow, oklch(84.98% .1739 86.55)); }
.sg-reviews__person { display: flex; align-items: center; gap: .75rem; min-inline-size: 0; }
.sg-reviews__avatar { flex: none; inline-size: 2.75rem; block-size: 2.75rem; border-radius: 50%; object-fit: cover;
background: color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 18%, var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44)))); }
.sg-reviews__who { display: grid; gap: .125rem; min-inline-size: 0; }
.sg-reviews__name { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: 1rem; font-weight: 500; line-height: 1.3; text-transform: capitalize;
color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-reviews__meta { margin: 0; font-size: .8125rem; line-height: 1.4;
color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-reviews__quote { margin: 0; font-family: var(--sg-font-body, 'Inter', sans-serif); font-style: normal; font-weight: 400;
font-size: clamp(1rem, .95rem + .25vw, 1.125rem); line-height: 1.6; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); text-wrap: pretty; }
.sg-reviews__controls { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.sg-reviews__status { margin: 0; font-size: .875rem; line-height: 1.4; font-variant-numeric: tabular-nums;
color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-reviews__nav-group { display: flex; gap: .5rem; }
.sg-reviews__nav { display: grid; place-items: center; inline-size: 2.75rem; block-size: 2.75rem; padding: 0; border-radius: 50%; cursor: pointer;
border: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent)));
background: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44)));
color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)));
transition: background-color 180ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), opacity 180ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&:hover:not(:disabled) { background: color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 16%, var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44)))); }
&:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; }
&:disabled { opacity: .35; cursor: default; }
&[data-direction="previous"] .sg-icon { rotate: 180deg; }
@media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-reviews__nav--toggle { /* W11 2026-09-29: Pause and Play for the homepage review rotation (script sgrevcar). The base .sg-reviews__nav sets display grid, so hidden needs its own rule. */
&[hidden] { display: none; } }
.sg-reviews__toggle-icon { --sg-reviews-toggle-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='5' width='4' height='14' rx='1.2'/%3E%3Crect x='14' y='5' width='4' height='14' rx='1.2'/%3E%3C/svg%3E");
display: block; inline-size: 1rem; block-size: 1rem; background: currentColor;
-webkit-mask: var(--sg-reviews-toggle-icon) center / contain no-repeat; mask: var(--sg-reviews-toggle-icon) center / contain no-repeat;
.sg-reviews__nav--toggle[data-state="paused"] & { --sg-reviews-toggle-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M8 5.5v13l10.5-6.5z'/%3E%3C/svg%3E"); } }
.sg-reviews__close { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem 2rem;
margin-block-start: clamp(2rem, 1.4rem + 2vw, 3.5rem); padding-block-start: clamp(1.5rem, 1.2rem + 1vw, 2rem);
border-block-start: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); }
.sg-reviews__close-text { margin: 0; max-inline-size: 38rem; font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); line-height: 1.55; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-faq__layout { display: grid; gap: clamp(2rem, 1.2rem + 3vw, 5rem); @media (min-width: 64rem) { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; } }
.sg-faq__intro { display: grid; gap: 1.5rem; justify-items: start; @media (min-width: 64rem) { position: sticky; inset-block-start: calc(var(--sg-header-h, clamp(3.5rem, 4.5vw, 4rem)) + 2.5rem); } }
.sg-faq__entries { display: grid; border-block-start: .0625rem solid var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); }
.sg-faq__entry { border-block-end: .0625rem solid var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); &[open] .sg-faq__toggle { rotate: 45deg; background: var(--sg-primary, oklch(74.67% .1402 227.95)); border-color: transparent; color: var(--sg-on-primary, oklch(24% .05 250)); } &[open] .sg-faq__response { animation: sgRise 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)) both; } @media (prefers-reduced-motion: reduce) { &[open] .sg-faq__response { animation: none; } }

/* 2026-10-02 transitions pass */
&::details-content { block-size: 0; overflow-y: clip; transition: block-size 280ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), content-visibility 280ms allow-discrete; }
&[open]::details-content { block-size: auto; }
@media (prefers-reduced-motion: reduce) { &::details-content { transition: none; } } }
.sg-faq__prompt { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-block: clamp(1.25rem, 1rem + .6vw, 1.625rem); cursor: pointer; list-style: none; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(1.125rem, 1rem + .5vw, 1.4375rem); line-height: 1.25; letter-spacing: -.015em; &::-webkit-details-marker { display: none; } &:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .25rem; border-radius: .5rem; } &:hover .sg-faq__toggle { border-color: var(--sg-primary-border, color-mix(in oklab, oklch(74.67% .1402 227.95) 42%, transparent)); } }
.sg-faq__toggle { position: relative; display: block; flex: none; inline-size: 2.5rem; block-size: 2.5rem; border-radius: 50%; border: .0625rem solid var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); transition: rotate 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), background-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); &::before, &::after { content: ''; position: absolute; inset-block-start: 50%; inset-inline-start: 50%; inline-size: .875rem; block-size: .09375rem; border-radius: 1rem; background: currentColor; translate: -50% -50%; } &::after { rotate: 90deg; } }
.sg-faq__response { padding-block-end: clamp(1.25rem, 1rem + .6vw, 1.75rem); max-inline-size: 62ch; font-size: 1rem; line-height: 1.7; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-site-footer { --sg-site-footer-inset: clamp(.5rem, .25rem + .8vw, 1rem);
position: relative; isolation: isolate; display: block; box-sizing: border-box; overflow: visible; padding: 0;
margin: var(--sg-site-footer-inset, clamp(.5rem, .25rem + .8vw, 1rem));
border: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent))); border-radius: clamp(1.25rem, .9rem + 1.2vw, 2rem);
background: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))); color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)));
font-family: var(--sg-font-body, 'Inter', system-ui, sans-serif); font-size: 1rem; line-height: 1.6; }
.sg-spectrum-edge--ambient { &.sg-spectrum-edge { --sg-spectrum-edge-alpha: var(--sg-spectrum-edge-ambient, .45); --sg-spectrum-edge-play: running; }
&.sg-spectrum-edge:is(:hover, :focus-within) { --sg-spectrum-edge-alpha: var(--sg-spectrum-edge-peak, 1); }
&.sg-spectrum-edge:has(.sg-spectrum-edge:hover, .sg-spectrum-edge:focus-within) { --sg-spectrum-edge-alpha: var(--sg-spectrum-edge-ambient, .45); --sg-spectrum-edge-play: running; } }
.sg-site-footer__inner { box-sizing: border-box; inline-size: 100%;
max-inline-size: calc(var(--sg-content-frame, calc(var(--sg-content-max, 85.375rem) + 2 * var(--sg-gutter, clamp(1.25rem, 4vw, 2.25rem)))) - 2 * var(--sg-site-footer-inset, clamp(.5rem, .25rem + .8vw, 1rem)) - .125rem);
margin-inline: auto; padding-inline: calc(var(--sg-content-gutter-start, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.3125rem)) - var(--sg-site-footer-inset, clamp(.5rem, .25rem + .8vw, 1rem)) - .0625rem) calc(var(--sg-content-gutter-end, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.1625rem)) - var(--sg-site-footer-inset, clamp(.5rem, .25rem + .8vw, 1rem)) - .0625rem);
container-type: inline-size;
overflow: clip; border-radius: inherit; }
.sg-site-footer__close { display: grid; gap: clamp(2rem, 1.25rem + 2.5vw, 4rem);
margin-block: clamp(1.5rem, 1rem + 2vw, 3rem) clamp(.5rem, .25rem + 1vw, 1.5rem); margin-inline: 0;
padding-block: clamp(3.5rem, 2rem + 5vw, 7rem); padding-inline: clamp(1.75rem, 1rem + 3.5vw, 5rem);
border: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent)));
border-radius: clamp(1rem, .75rem + 1vw, 1.75rem);
/* Owner 2026-09-23: the close card is white on black in both themes. */
color-scheme: dark;
--sg-text: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 96%, transparent);
--sg-text-muted: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 72%, transparent);
--sg-border: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 10%, transparent);
--sg-border-strong: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 18%, transparent);
color: var(--sg-text);
background: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 3%, var(--sg-n-0, oklch(12.9% .015 266.38)));
--sg-spectrum-edge-ambient: .6;
&::before { content: ""; position: absolute; inset-inline: 12%; inset-block-start: -.0625rem; block-size: .0625rem; pointer-events: none; opacity: .7;
  background: linear-gradient(var(--sg-primary, oklch(74.67% .1402 227.95)), var(--sg-primary, oklch(74.67% .1402 227.95))); }
@media (forced-colors: active) { &::before { display: none; } }
@media (min-width: 64rem) { grid-template-columns: minmax(0, 1fr) minmax(17rem, 22rem); column-gap: clamp(2rem, 1rem + 3vw, 5rem); align-items: start; } }
.sg-site-footer__close-title { margin: 0;
font-family: var(--sg-font-display, 'Outfit', sans-serif);
font-weight: 500;
font-size: clamp(2.375rem, 1rem + 3.4vw, 4.25rem);
line-height: .98;
letter-spacing: -.045em;
color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)));
text-wrap: balance;
@media (min-width: 64rem) { grid-column: 1; grid-row: 1; } }
.sg-site-footer__close-aside { display: grid;
gap: 1.75rem;
justify-items: start;
align-content: start;
@media (min-width: 64rem) { display: contents; } }
.sg-site-footer__close-text { margin: 0;
max-inline-size: 30rem;
font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem);
line-height: 1.55;
color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent)));
text-wrap: pretty;
@media (min-width: 64rem) { grid-column: 1; grid-row: 2; align-self: start; } }
.sg-site-footer__actions { display: flex;
flex-wrap: wrap;
align-items: center;
gap: .75rem 1.5rem;
inline-size: 100%;
@media (min-width: 64rem) { grid-column: 2; grid-row: 1; align-self: end; flex-direction: column; align-items: stretch; gap: 1rem; } }
.sg-site-footer__action { display: inline-flex; align-items: center; gap: .875rem; min-block-size: 3rem; box-sizing: border-box;
padding-block: .3125rem; padding-inline: 1.375rem .3125rem;
border: .0625rem solid var(--sg-site-footer-action-line, var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent)))); border-radius: var(--sg-radius-full, 50vw);
background: var(--sg-site-footer-action-bg, transparent); color: var(--sg-site-footer-action-ink, var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))));
font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: .9375rem; font-weight: 500; line-height: 1; letter-spacing: -.005em;
text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
transition: background-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), border-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&:hover, &:focus-visible { background: var(--sg-site-footer-action-bg-hover, var(--sg-state-hover, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 6%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 8%, transparent))));
  border-color: var(--sg-site-footer-action-line-hover, var(--sg-primary-border, color-mix(in oklab, oklch(74.67% .1402 227.95) 42%, transparent)));
  --sg-site-footer-roll: -1.25em; --sg-site-footer-nudge: .1875rem;
  --sg-site-footer-disc-now: var(--sg-site-footer-disc-hover, var(--sg-primary, oklch(74.67% .1402 227.95)));
  --sg-site-footer-disc-ink-now: var(--sg-site-footer-disc-ink-hover, var(--sg-on-primary, oklch(24% .05 250))); }
&:focus-visible { outline: .125rem solid light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 56%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); outline-offset: .1875rem; }
&:active { translate: 0 .0625rem; }
@media (prefers-reduced-motion: reduce) { transition: none;
  &:hover, &:focus-visible { --sg-site-footer-roll: 0em; --sg-site-footer-nudge: 0rem; }
  &:active { translate: none; } } }
.sg-site-footer__action--primary { --sg-site-footer-action-bg: linear-gradient(var(--sg-yellow, oklch(84.98% .1739 86.55)), var(--sg-yellow, oklch(84.98% .1739 86.55))) padding-box, linear-gradient(var(--sg-yellow, oklch(84.98% .1739 86.55)), var(--sg-yellow, oklch(84.98% .1739 86.55))) border-box;
--sg-site-footer-action-line: transparent;
--sg-site-footer-action-ink: var(--sg-n-0, oklch(12.9% .015 266.38));
--sg-site-footer-action-bg-hover: linear-gradient(color-mix(in oklab, var(--sg-yellow, oklch(84.98% .1739 86.55)) 86%, var(--sg-n-1000, oklch(99.2% .004 265))), color-mix(in oklab, var(--sg-yellow, oklch(84.98% .1739 86.55)) 86%, var(--sg-n-1000, oklch(99.2% .004 265)))) padding-box, linear-gradient(var(--sg-yellow, oklch(84.98% .1739 86.55)), var(--sg-yellow, oklch(84.98% .1739 86.55))) border-box;
--sg-site-footer-action-line-hover: transparent;
--sg-site-footer-disc: var(--sg-n-0, oklch(12.9% .015 266.38));
--sg-site-footer-disc-ink: var(--sg-yellow, oklch(84.98% .1739 86.55));
--sg-site-footer-disc-hover: var(--sg-n-0, oklch(12.9% .015 266.38));
--sg-site-footer-disc-ink-hover: var(--sg-yellow, oklch(84.98% .1739 86.55));
border-width: .125rem;
min-block-size: 3.5rem;
padding-inline: 1.625rem .375rem;
font-size: 1.0625rem;
justify-content: space-between;
@media (max-width: 39.99rem) { inline-size: 100%; }
@media (prefers-reduced-motion: no-preference) { @supports (animation-timeline: view()) { animation: sgPillSpin linear both; animation-timeline: view(); animation-range: entry 10% cover 45%; } } }
.sg-site-footer__action-label { display: inline-block; overflow: hidden; block-size: 1.25em; line-height: 1.25; }
.sg-site-footer__action-text { display: block; text-shadow: 0 1.25em currentColor;
translate: 0 var(--sg-site-footer-roll, 0em); transition: translate 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
@media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-site-footer__action-icon { display: inline-grid; place-items: center; flex: none; inline-size: 2.375rem; block-size: 2.375rem;
border-radius: 50%;
background: var(--sg-site-footer-disc-now, var(--sg-site-footer-disc, color-mix(in oklab, currentColor 12%, transparent)));
color: var(--sg-site-footer-disc-ink-now, var(--sg-site-footer-disc-ink, currentColor));
translate: var(--sg-site-footer-nudge, 0rem) 0;
transition: translate 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), background-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
@media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-site-footer__action--step { --sg-site-footer-action-line: transparent;
--sg-site-footer-action-line-hover: transparent;
--sg-site-footer-action-bg-hover: transparent;
--sg-site-footer-action-ink: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 78%, transparent));
padding-inline: 0 .3125rem;
&:hover, &:focus-visible { --sg-site-footer-action-ink: var(--sg-text, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 96%, transparent)); }
@media (min-width: 64rem) { align-self: flex-start; } }
.sg-site-footer__close-quote { display: grid;
gap: .75rem;
margin: 0;
align-self: end;
padding-block-start: clamp(1.25rem, 1rem + 1vw, 2rem);
border-block-start: .0625rem solid var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent)));
@media (min-width: 64rem) { grid-column: 2; grid-row: 2; align-self: start; } }
.sg-site-footer__close-quote-text { margin: 0;
max-inline-size: 28rem;
font-family: var(--sg-font-display, 'Outfit', sans-serif);
font-weight: 400;
font-size: clamp(1.0625rem, .98rem + .3vw, 1.25rem);
line-height: 1.4;
letter-spacing: -.01em;
color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)));
text-wrap: balance; }
.sg-site-footer__close-quote-cite { margin: 0; font-size: .875rem; line-height: 1.4;
color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-site-footer__row { display: grid; gap: clamp(1.25rem, 1rem + 1vw, 2rem);
padding-block: clamp(2.5rem, 1.5rem + 3vw, 4.5rem); padding-inline: 0;
border-block-start: .0625rem solid var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent)));
.sg-site-footer__close + & { border-block-start: 0; }
@media (min-width: 64rem) { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1rem, .5rem + 1.5vw, 2rem); align-items: start; } }
.sg-site-footer__row--feed { /* Follow us row (owner 2026-09-25): the first row hugs the heading so the Instagram button sits right under it,
   and the posts span both rows beside them. Below 64rem it is one column: heading, button, posts. */
&.sg-site-footer__row { row-gap: clamp(1rem, .75rem + .75vw, 1.5rem); }
@media (min-width: 64rem) { grid-template-rows: auto 1fr; } }
.sg-site-footer__term { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500;
font-size: clamp(1.375rem, 1.15rem + .8vw, 2rem); line-height: 1.1; letter-spacing: -.03em; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)));
@media (min-width: 64rem) { grid-column: 1 / 5; } }
.sg-site-footer__action--feed { justify-self: start;
@media (min-width: 64rem) { grid-column: 1 / 5; grid-row: 2; } }
.sg-site-footer__feed { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(.5rem, .3rem + .6vw, 1rem);
@media (min-width: 48rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (min-width: 64rem) { grid-column: 5 / 13; grid-row: 1 / span 2; }
& > a:has(> img) { position: relative; display: block; flex: none; aspect-ratio: 1; overflow: clip;
  border-radius: clamp(.75rem, .6rem + .5vw, 1.125rem); background: var(--sg-state-hover, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 6%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 8%, transparent))); transform: none; transition: outline-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
& > a:has(> img):hover { transform: none; }
& > a:has(> img):focus-visible { outline: .125rem solid light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 56%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); outline-offset: .1875rem; }
& img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; transition: scale 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
& > a:hover img, & > a:focus-visible img { scale: 1.04; }
& > a:not(:has(> img)) { grid-column: 1 / -1; display: inline-flex; align-items: center; justify-self: start;
  min-block-size: 2.75rem; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); text-decoration: underline; text-decoration-thickness: .0625rem;
  text-underline-offset: .22em; transition: color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
& > a:not(:has(> img)):hover { color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
@media (prefers-reduced-motion: reduce) { & img { transition: none; } & > a:hover img, & > a:focus-visible img { scale: 1; } } }
.sg-site-footer__row--card { &.sg-site-footer__row {
  row-gap: clamp(1rem, .75rem + .75vw, 1.5rem);
  margin-block: clamp(.5rem, .25rem + 1vw, 1.5rem) clamp(1.5rem, 1rem + 2vw, 3rem); margin-inline: 0;
  padding-block: clamp(2.5rem, 1.5rem + 3vw, 4.5rem); padding-inline: clamp(1.75rem, 1rem + 3.5vw, 5rem);
  border: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent)));
  border-radius: clamp(1rem, .75rem + 1vw, 1.75rem);
  background: color-mix(in oklab, currentColor 3%, transparent);
}
& > .sg-site-footer__term { font-size: clamp(.8125rem, .78rem + .1vw, .875rem); font-weight: 600; line-height: 1.2; letter-spacing: .12em; text-transform: uppercase; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
& .sg-site-footer__signup-title { max-inline-size: 48rem; }
& + .sg-site-footer__row { border-block-start: 0; }
@media (min-width: 64rem) {
  & > .sg-site-footer__term { grid-column: 1 / -1; }
  & > .sg-site-footer__signup { grid-column: 1 / -1; column-gap: clamp(2rem, 1rem + 3vw, 5rem); row-gap: clamp(1.5rem, 1rem + 1vw, 2.25rem); align-items: start; }
  & .sg-site-footer__signup-text { grid-row: 2 / span 2; }
  & .sg-site-footer__note { margin-block-start: calc(-1 * clamp(.75rem, .5rem + .5vw, 1.25rem)); }
} }
.sg-site-footer__signup { --sg-site-footer-measure: 38rem;
display: grid; gap: clamp(1.25rem, 1rem + .8vw, 1.75rem); justify-items: start; min-inline-size: 0;
@media (min-width: 64rem) { grid-column: 5 / 13; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(1.5rem, 1rem + 2vw, 3rem); align-items: end; } }
.sg-site-footer__signup-title { margin: 0; max-inline-size: var(--sg-site-footer-measure, 38rem);
font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(1.75rem, 1.2rem + 2vw, 3.25rem); line-height: 1.04;
letter-spacing: -.04em; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); text-wrap: balance;
@media (min-width: 64rem) { grid-column: 1 / -1; } }
.sg-site-footer__signup-text { margin: 0; max-inline-size: var(--sg-site-footer-measure, 38rem);
font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); line-height: 1.55; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); text-wrap: pretty;
@media (min-width: 64rem) { grid-column: 1; } }
.sg-site-footer__form { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); inline-size: 100%; max-inline-size: var(--sg-site-footer-measure, 38rem);
margin: 0;
&.is-submitted { --sg-site-footer-result-size: 4.5rem; --sg-site-footer-result-open: 1; }
@media (min-width: 64rem) { grid-column: 2; max-inline-size: none; } }
.sg-site-footer__field { display: flex; align-items: center; gap: .375rem; box-sizing: border-box; inline-size: 100%;
padding: .3125rem; border: .0625rem solid var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); border-radius: var(--sg-radius-full, 50vw); background: var(--sg-state-hover, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 6%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 8%, transparent)));
transition: border-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&:hover { border-color: var(--sg-primary-border, color-mix(in oklab, oklch(74.67% .1402 227.95) 42%, transparent)); }
&:focus-within { border-color: var(--sg-primary-border, color-mix(in oklab, oklch(74.67% .1402 227.95) 42%, transparent)); outline: .125rem solid light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 56%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); outline-offset: .125rem; }
@media (max-width: 26rem) { flex-direction: column; align-items: stretch; padding: .5rem;
  border-radius: clamp(1rem, .8rem + .6vw, 1.375rem); }
@media (prefers-reduced-motion: reduce) { transition: none; }
/* Newsletter states (2026-10-14): the field steps aside once the address is in. */
.sg-site-footer__form:is([data-state="sent"], [data-state="joined"], [data-state="subscribed"]) & { display: none; } }
.sg-site-footer__input { &[type] { flex: 1 1 0; inline-size: auto; min-inline-size: 0; min-block-size: 2.75rem; box-sizing: border-box;
  margin: 0; appearance: none; border: 0; border-radius: 0; background: transparent; box-shadow: none;
  padding-block: .625rem; padding-inline: 1.125rem; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)));
  font-family: var(--sg-font-body, 'Inter', system-ui, sans-serif); font-size: clamp(1rem, .96rem + .15vw, 1.0625rem); line-height: 1.4; }
&[type]::placeholder { color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); opacity: 1; }
&[type]:focus, &[type]:focus-visible { outline: none; box-shadow: none; }
@media (max-width: 26rem) { &[type] { text-align: center; } } }
.sg-site-footer__submit { &[type] { display: inline-flex; align-items: center; justify-content: center; gap: .625rem; flex: none;
  min-block-size: 2.75rem; box-sizing: border-box; margin: 0; padding-block: .5rem; padding-inline: 1.375rem 1.125rem;
  border: 0; border-radius: var(--sg-radius-full, 50vw); background: var(--sg-primary, oklch(74.67% .1402 227.95)); color: var(--sg-on-primary, oklch(24% .05 250)); box-shadow: none;
  font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: .9375rem; font-weight: 500; line-height: 1; cursor: pointer;
  transition: background-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
&[type]:hover { background: color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 86%, var(--sg-n-1000, oklch(99.2% .004 265))); }
&[type]:focus-visible { outline: .125rem solid light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 56%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); outline-offset: .125rem; }
&[type]:active { translate: 0 .0625rem; }
@media (prefers-reduced-motion: reduce) { &[type] { transition: none; } &[type]:active { translate: none; } } }
.sg-site-footer__trap { position: absolute; inset-inline-start: -300rem; inline-size: .0625rem; block-size: .0625rem;
overflow: hidden; opacity: 0; pointer-events: none; }
.sg-site-footer__messages { display: grid; min-inline-size: 0; }
.sg-site-footer__message { /* One message per state; the form's data-state picks it (script, or ?sg_newsletter= without JavaScript). */
display: none; margin: .75rem 0 0; padding: .75rem 1rem; border-radius: .875rem; font-size: clamp(.875rem, .85rem + .12vw, .9375rem); line-height: 1.5; text-wrap: pretty;
background: color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 12%, transparent); color: var(--sg-text, light-dark(oklch(12.9% .015 266.38), oklch(99.2% .004 265)));
&[data-state-for="error"] { background: color-mix(in oklab, var(--sg-red, oklch(58% .19 31.27)) 14%, transparent); }
.sg-site-footer__form[data-state="sent"] &[data-state-for="sent"], .sg-site-footer__form[data-state="joined"] &[data-state-for="joined"],
.sg-site-footer__form[data-state="subscribed"] &[data-state-for="subscribed"], .sg-site-footer__form[data-state="error"] &[data-state-for="error"] { display: block; } }
.sg-site-footer__note { margin: 0; max-inline-size: var(--sg-site-footer-measure, 38rem); font-size: clamp(.875rem, .85rem + .12vw, .9375rem); line-height: 1.5;
color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent)));
@media (min-width: 64rem) { grid-column: 2; } }
.sg-site-footer__note-link { /* The privacy link in the consent line. Doubled class (0,2,0) against footer link colours. */
&& { color: inherit; text-decoration: underline; text-underline-offset: .2em; text-decoration-color: color-mix(in oklab, currentColor 40%, transparent); transition: text-decoration-color 160ms var(--sg-ease, cubic-bezier(.2, .8, .2, 1)); }
&&:hover { text-decoration-color: currentColor; } &:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .125rem; border-radius: .25rem; } }
.sg-site-footer__brand { display: grid; gap: 1rem; align-content: start; justify-items: start;
@media (min-width: 64rem) { grid-column: 1 / 5; padding-inline-end: clamp(1rem, .5rem + 1.5vw, 2rem); } }
.sg-site-footer__logo { display: inline-flex; align-items: center; min-block-size: 2.75rem; border-radius: .375rem;
&:focus-visible { outline: .125rem solid light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 56%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); outline-offset: .25rem; } }
.sg-site-footer__logo-dark { display: block; block-size: clamp(3.75rem, 3.45rem + .9vw, 4.75rem); inline-size: auto;
:root[data-theme='light'] &, :root.scheme--light & { display: none; }
@media (prefers-color-scheme: light) { :root:not([data-theme]) & { display: none; } } }
.sg-site-footer__logo-light { display: none; block-size: clamp(3.75rem, 3.45rem + .9vw, 4.75rem); inline-size: auto;
:root[data-theme='light'] &, :root.scheme--light & { display: block; }
@media (prefers-color-scheme: light) { :root:not([data-theme]) & { display: block; } } }
.sg-site-footer__tagline { margin: 0; max-inline-size: 20rem; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500;
font-size: clamp(1.25rem, 1.1rem + .5vw, 1.625rem); line-height: 1.2; letter-spacing: -.02em; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); text-wrap: balance; }
.sg-site-footer__locale { margin: 0; max-inline-size: 20rem; font-size: clamp(.875rem, .85rem + .12vw, .9375rem); line-height: 1.5; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-site-footer__legal-link { display: inline-flex; align-items: center; min-block-size: 2.75rem; font-size: clamp(.875rem, .85rem + .12vw, .9375rem);
color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: .0625rem;
text-underline-offset: .22em; transition: color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), text-decoration-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&:hover { color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); text-decoration-color: currentColor; }
&:focus-visible { outline: .125rem solid light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 56%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); outline-offset: .125rem; border-radius: .25rem; }
@media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-site-footer__language { position: relative; display: inline-flex; align-items: center; gap: .5rem; min-block-size: 2.75rem;
font-size: clamp(.875rem, .85rem + .12vw, .9375rem); line-height: 1.5; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent)));
transition: color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
--sg-site-footer-language-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9s1.3-6.4 3.8-9z'/%3E%3C/svg%3E");
--sg-site-footer-language-chevron: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
&::before { content: ''; flex: none; inline-size: 1.125rem; block-size: 1.125rem; background-color: currentColor; -webkit-mask: var(--sg-site-footer-language-globe) center / contain no-repeat; mask: var(--sg-site-footer-language-globe) center / contain no-repeat; }
&::after { content: ''; position: absolute; inset-inline-end: .875rem; inset-block-start: 50%; inline-size: .875rem; block-size: .875rem; margin-block-start: -.4375rem; background-color: currentColor; -webkit-mask: var(--sg-site-footer-language-chevron) center / contain no-repeat; mask: var(--sg-site-footer-language-chevron) center / contain no-repeat; pointer-events: none; }
&:hover, &:focus-within { color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
& .gtranslate_wrapper { display: contents; }
& select { appearance: none; -webkit-appearance: none; min-block-size: 2.75rem; margin: 0; padding-block: 0; padding-inline: .875rem 2.25rem; font: inherit; color: inherit; background: transparent; border: .0625rem solid var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); border-radius: 999rem; cursor: pointer; transition: border-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
& select:hover { border-color: currentColor; }
& select:focus-visible { outline: .125rem solid light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 56%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); outline-offset: .125rem; }
& option { color: CanvasText; background-color: Canvas; }
@media (prefers-reduced-motion: reduce) { transition: none; & select { transition: none; } }
/* 2026-11-03 a11y: the GTranslate dropdown is 1rem so iPhone Safari does not zoom in on focus. */
& :is(select, .gt_selector) { font-size: 1rem; min-block-size: 2.75rem; }
 }
.sg-site-footer__status { display: inline-flex; align-items: center; min-block-size: 2.75rem; margin-inline-start: -.25rem; }
.sg-site-footer__status-frame { display: block; inline-size: 15.625rem; max-inline-size: 100%; block-size: 1.875rem; border: 0; background: transparent; color-scheme: light;
&:focus-visible { outline: .125rem solid light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 56%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); outline-offset: .125rem; border-radius: .25rem; } }
.sg-site-footer__navs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr));
gap: clamp(2rem, 1.5rem + 1.5vw, 3rem) clamp(1rem, .5rem + 1.5vw, 2rem); min-inline-size: 0;
@media (min-width: 64rem) { grid-column: 5 / 13; } }
.sg-site-footer__nav { display: grid; gap: .75rem; align-content: start; min-inline-size: 0; }
.sg-site-footer__nav-title { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: 1rem; line-height: 1.3;
letter-spacing: -.005em; color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); }
.sg-site-footer__list { display: grid; margin: 0; padding: 0; list-style: none;
border-block-start: .0625rem solid var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); }
.sg-site-footer__item { display: block; margin: 0; padding: 0; min-inline-size: 0; }
.sg-site-footer__link { --sg-family-hue: var(--sg-primary, oklch(74.67% .1402 227.95));
position: relative; display: flex; align-items: center; gap: .625rem; box-sizing: border-box;
min-block-size: 2.75rem; padding-block: .5rem; border-block-end: .0625rem solid var(--sg-border, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 11%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent)));
font-size: clamp(.9375rem, .9rem + .15vw, 1.0625rem); line-height: 1.35; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); text-decoration: none; -webkit-tap-highlight-color: transparent;
transition: color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&[data-family='design'] { --sg-family-hue: var(--sg-cat-design, oklch(74.67% .1402 227.95)); }
&[data-family='development'] { --sg-family-hue: var(--sg-cat-development, oklch(84.98% .1739 86.55)); }
&[data-family='marketing'] { --sg-family-hue: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); }
&[data-family='copywriting'] { --sg-family-hue: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); }
&[data-family='optimization'] { --sg-family-hue: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); }
&[data-family='maintenance'] { --sg-family-hue: var(--sg-cat-maintenance, oklch(52.24% .202 31.27)); }
&::after { content: ''; position: absolute; inset-inline: 0; inset-block-end: -.0625rem; block-size: .0625rem;
  background: var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))); transform: scaleX(var(--sg-site-footer-trace, 0)); transform-origin: 0 50%;
  transition: transform 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
&:hover, &:focus-visible, &:active { color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); --sg-site-footer-trace: 1; --sg-site-footer-dot: 1.4; }
&:focus-visible { outline: .125rem solid light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 56%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); outline-offset: .125rem; border-radius: .25rem; }
@media (prefers-reduced-motion: reduce) { transition: none; &::after { transition: none; } } }
.sg-site-footer__signal { flex: none; inline-size: .5rem; block-size: .5rem; border-radius: 50%;
background: var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95))); scale: var(--sg-site-footer-dot, 1); transition: scale 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
@media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-site-footer__base { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem clamp(1.25rem, 1rem + 1.5vw, 2.5rem);
padding-block: clamp(1.25rem, 1rem + 1vw, 2rem); border-block-start: .0625rem solid var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); }
.sg-site-footer__copyright { margin: 0; font-size: clamp(.875rem, .85rem + .12vw, .9375rem); line-height: 1.5; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); }
.sg-site-footer__legal { display: flex; flex-wrap: wrap; align-items: center; gap: 0 1.25rem; }
.sg-site-footer__socials { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
@media (min-width: 64rem) { margin-inline-start: auto; } }
.sg-site-footer__social-link { --sg-site-footer-icon: none;
display: inline-grid; place-items: center; flex: none; inline-size: 2.75rem; block-size: 2.75rem; box-sizing: border-box;
border: .0625rem solid var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); border-radius: 50%; background: transparent; color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 62%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 62%, transparent))); text-decoration: none;
transition: color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), border-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), background-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&::before { content: ''; inline-size: 1.125rem; block-size: 1.125rem; background-color: currentColor;
  -webkit-mask: var(--sg-site-footer-icon) center / contain no-repeat; mask: var(--sg-site-footer-icon) center / contain no-repeat; }
&[data-network='instagram'] { --sg-site-footer-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4.2' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='17.3' cy='6.7' r='1.3' fill='black'/%3E%3C/svg%3E"); }
&[data-network='facebook'] { --sg-site-footer-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E"); }
&[data-network='linkedin'] { --sg-site-footer-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4V9h4v1.5A6 6 0 0 1 16 8z'/%3E%3Crect x='2' y='9' width='4' height='12'/%3E%3Ccircle cx='4' cy='4' r='2'/%3E%3C/svg%3E"); }
&[data-network='youtube'] { --sg-site-footer-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M2 9a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v6a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4zm8 0l6 3-6 3z'/%3E%3C/svg%3E"); }
&[data-network='tiktok'] { --sg-site-footer-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E"); }
&[data-network='pinterest'] { --sg-site-footer-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026z'/%3E%3C/svg%3E"); }
&[data-network='x'] { --sg-site-footer-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E"); }
&[data-network='threads'] { --sg-site-footer-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); }
&[data-network='google']::before { content: 'G'; inline-size: auto; block-size: auto; background: none; -webkit-mask: none; mask: none;
  font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 600; font-size: 1.0625rem; line-height: 1; }
&:hover { color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); border-color: var(--sg-primary-border, color-mix(in oklab, oklch(74.67% .1402 227.95) 42%, transparent)); background: var(--sg-state-hover, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 6%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 8%, transparent))); }
&:focus-visible { outline: .125rem solid light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 56%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); outline-offset: .125rem; }
@media (prefers-reduced-motion: reduce) { transition: none; } }
.sg-site-footer__wordmark { display: block; margin-block: clamp(1.5rem, 1rem + 2vw, 3rem) -.14em;
font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: 14.9cqi; line-height: .9; letter-spacing: -.055em;
white-space: nowrap; text-align: center; color: color-mix(in oklab, currentColor 8%, transparent);
user-select: none; pointer-events: none; transform-origin: 50% 100%;
animation: sgZoomOut linear both; animation-timeline: view(); animation-range: entry 0% entry 100%;
@media (prefers-reduced-motion: reduce) { animation: none; } }
.sg-site-footer__back { /* Back to top, owner 2026-09-25: a vertical tab fixed to the right edge, reading upward, that appears once the visitor is
   a third of the way down (scroll timeline 26% to 33%; always shown where scroll timelines are missing). Physical
   top/right/bottom on purpose: the vertical writing mode would turn logical insets sideways. Phones get a round arrow
   button in the bottom-right corner. It sits outside the footer's inner wrapper, whose container-type traps fixed. */
position: fixed; z-index: 50; box-sizing: border-box;
top: 0; bottom: 0; right: max(.75rem, env(safe-area-inset-right)); margin-top: auto; margin-bottom: auto; height: max-content;
display: inline-flex; align-items: center; justify-content: center; gap: .625rem; min-width: 2.75rem; padding: 1.125rem .6875rem;
writing-mode: vertical-rl; rotate: 180deg;
font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: .8125rem; font-weight: 500; line-height: 1.2; letter-spacing: .02em; white-space: nowrap;
color: var(--sg-text, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 92%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent))); text-decoration: none;
background: color-mix(in oklab, var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))) 84%, transparent);
-webkit-backdrop-filter: blur(.75rem) saturate(1.3); backdrop-filter: blur(.75rem) saturate(1.3);
border: .0625rem solid var(--sg-border-strong, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 20%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent))); border-radius: 999rem;
box-shadow: 0 .75rem 2rem -1rem color-mix(in oklab, oklch(12.9% .015 266.38) 35%, transparent);
transition: background-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), border-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&:hover, &:focus-visible { background: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))); border-color: color-mix(in oklab, currentColor 40%, transparent); --sg-site-footer-lift: .1875rem; }
&:focus-visible { outline: .125rem solid light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 56%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); outline-offset: .1875rem; }
@supports (animation-timeline: scroll()) { opacity: 0; visibility: hidden; animation: sgf-back-in linear both; animation-timeline: scroll(root block); animation-range: 26% 33%; }
@media (max-width: 47.99rem) {
  top: auto; bottom: max(1rem, env(safe-area-inset-bottom)); right: max(1rem, env(safe-area-inset-right)); margin: 0;
  width: 2.75rem; height: 2.75rem; min-width: 0; padding: 0; gap: 0; font-size: 0; border-radius: 50%; writing-mode: horizontal-tb; rotate: none;
  &:hover, &:focus-visible { --sg-site-footer-lift: -.1875rem; }
  @supports (animation-timeline: scroll()) { animation-name: sgf-back-in-corner; }
}
@media (prefers-reduced-motion: reduce) {
  transition: none; &:hover, &:focus-visible { --sg-site-footer-lift: 0rem; }
  @supports (animation-timeline: scroll()) { animation-name: sgf-back-fade; }
} }
.sg-site-footer__back-icon { flex: none; rotate: -90deg; translate: 0 var(--sg-site-footer-lift, 0rem); transition: translate 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&.sg-icon { inline-size: 1.125rem; block-size: 1.125rem; }
@media (min-width: 48rem) { rotate: 90deg; }
@media (prefers-reduced-motion: reduce) { transition: none; } }
body { background:var(--sg-bg);color:var(--sg-text);font-family:var(--sg-font-body);transition:background .3s var(--sg-ease), color .3s var(--sg-ease) }
html { scrollbar-gutter:stable }
[data-theme="light"] { --sg-on-primary:oklch(100% 0 0);--sg-bg:oklch(97.92% .0041 271.37);--sg-surface:oklch(100% 0 0);--sg-text:color-mix(in oklab, var(--sg-n-0) 92%, transparent);--sg-text-muted:color-mix(in oklab, var(--sg-n-0) 74%, transparent);--sg-text-subtle:color-mix(in oklab, var(--sg-n-0) 73%, transparent);--sg-border:color-mix(in oklab, var(--sg-n-0) 12%, transparent);--sg-border-strong:color-mix(in oklab, var(--sg-n-0) 20%, transparent);--sg-state-hover:color-mix(in oklab, var(--sg-n-0) 6%, transparent);--sg-glass:color-mix(in oklab, var(--sg-surface) 72%, transparent);--sg-glass-strong:color-mix(in oklab, var(--sg-surface) 90%, transparent);--sg-shadow-md:0 .375rem 1.375rem rgba(16,24,40,.1), 0 .125rem .375rem rgba(16,24,40,.06);--sg-shadow-lg:0 1.375rem 3.4375rem rgba(16,24,40,.16), 0 .375rem .875rem rgba(16,24,40,.08) }
body.sg-scroll-lock { overflow:hidden }
[data-category="design"] { --sg-cat-active:var(--sg-cat-design) }
[data-category="development"] { --sg-cat-active:var(--sg-cat-development) }
[data-category="marketing"] { --sg-cat-active:var(--sg-cat-marketing) }
[data-category="copywriting"] { --sg-cat-active:var(--sg-cat-copywriting) }
[data-category="optimization"] { --sg-cat-active:var(--sg-cat-optimization) }
[data-category="maintenance"] { --sg-cat-active:var(--sg-cat-maintenance) }
header.sg-header { position:sticky;inset-block-start:0;z-index:var(--sg-z-nav);display:block;padding:calc(var(--sg-gutter)*.6) var(--sg-gutter) 0;background:transparent;font-family:var(--sg-font-body) }
.sg-header--scrolled .sg-header__inner { background:var(--sg-glass-strong);box-shadow:var(--sg-shadow-lg);border-color:var(--sg-border-strong) }
.sg-header__link:hover { color:var(--sg-text);background:var(--sg-state-hover) }
.sg-header__item--mega:hover .sg-header__link { color:var(--sg-text);background:var(--sg-state-hover) }
.sg-header__item [aria-expanded="true"] { color:var(--sg-primary);background:var(--sg-primary-soft) }
.sg-header__link:focus-visible { outline:.125rem solid var(--sg-primary);outline-offset:.125rem }
.sg-header__icon:hover { color:var(--sg-primary);background:var(--sg-primary-soft) }
.sg-header__icon:focus-visible { outline:.125rem solid var(--sg-primary);outline-offset:.125rem }
.sg-header__icon::before { content:"";display:block;inline-size:1.25rem;block-size:1.25rem;background:currentColor;-webkit-mask-position:center;mask-position:center; }
.sg-header__cta:hover { transform:translateY(-.0625rem);box-shadow:0 .5625rem 1.5rem var(--sg-primary-border) }
.sg-header__cta:focus-visible { outline:.125rem solid var(--sg-text);outline-offset:.125rem }
.sg-mega.is-open { opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) }
.sg-mega[hidden] { display:block }
.sg-mega__link:hover { color:var(--sg-text);background:var(--sg-state-hover) }
.sg-mega__tab:hover { background:var(--sg-state-hover) }
.sg-mega__tab.is-active { background:var(--sg-primary-soft) }
.sg-mega__catpanel.is-active { display:block }
.sg-mega__catpanel .sg-mega__links { display:grid;grid-template-columns:repeat(auto-fit, minmax(13.75rem, 1fr));gap:.4rem }
.sg-mega-card:hover { background:var(--sg-state-hover);transform:translateY(-.0625rem) }
.sg-industry-card:hover { border-color:var(--sg-primary-border);transform:translateY(-.125rem);background:var(--sg-state-hover) }
.sg-mega--portfolio.is-open { transform:translateY(0) }
.sg-panel.is-open { opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) }
.sg-panel[hidden] { display:flex }
.sg-panel__link:hover { background:var(--sg-state-hover) }
.sg-panel__opt:hover { background:var(--sg-state-hover) }
.sg-panel__opt[aria-checked="true"] { color:var(--sg-primary);font-weight:600 }
.sg-drawer[hidden] { display:block }
.sg-drawer.is-open { opacity:1;visibility:visible;pointer-events:auto }
.sg-drawer.is-open .sg-drawer__inner { transform:translateX(0) }
.sg-drawer__link:hover { color:var(--sg-primary) }
.sg-search[hidden] { display:grid }
.sg-search.is-open { opacity:1;visibility:visible;pointer-events:auto }
.sg-search__hint:hover { border-color:var(--sg-primary);color:var(--sg-primary) }
.sg-header__search::before { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%277%27%2F%3E%3Cline%20x1%3D%2721%27%20y1%3D%2721%27%20x2%3D%2716.65%27%20y2%3D%2716.65%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%277%27%2F%3E%3Cline%20x1%3D%2721%27%20y1%3D%2721%27%20x2%3D%2716.65%27%20y2%3D%2716.65%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.sg-header__theme::before { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%272%27%20x2%3D%2712%27%20y2%3D%274%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2720%27%20x2%3D%2712%27%20y2%3D%2722%27%2F%3E%3Cline%20x1%3D%274.2%27%20y1%3D%274.2%27%20x2%3D%275.6%27%20y2%3D%275.6%27%2F%3E%3Cline%20x1%3D%2718.4%27%20y1%3D%2718.4%27%20x2%3D%2719.8%27%20y2%3D%2719.8%27%2F%3E%3Cline%20x1%3D%272%27%20y1%3D%2712%27%20x2%3D%274%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%2720%27%20y1%3D%2712%27%20x2%3D%2722%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%274.2%27%20y1%3D%2719.8%27%20x2%3D%275.6%27%20y2%3D%2718.4%27%2F%3E%3Cline%20x1%3D%2718.4%27%20y1%3D%275.6%27%20x2%3D%2719.8%27%20y2%3D%274.2%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%272%27%20x2%3D%2712%27%20y2%3D%274%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2720%27%20x2%3D%2712%27%20y2%3D%2722%27%2F%3E%3Cline%20x1%3D%274.2%27%20y1%3D%274.2%27%20x2%3D%275.6%27%20y2%3D%275.6%27%2F%3E%3Cline%20x1%3D%2718.4%27%20y1%3D%2718.4%27%20x2%3D%2719.8%27%20y2%3D%2719.8%27%2F%3E%3Cline%20x1%3D%272%27%20y1%3D%2712%27%20x2%3D%274%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%2720%27%20y1%3D%2712%27%20x2%3D%2722%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%274.2%27%20y1%3D%2719.8%27%20x2%3D%275.6%27%20y2%3D%2718.4%27%2F%3E%3Cline%20x1%3D%2718.4%27%20y1%3D%275.6%27%20x2%3D%2719.8%27%20y2%3D%274.2%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.sg-header__account::before { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%277%27%20r%3D%274%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%277%27%20r%3D%274%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.sg-header__quicktools::before { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271.5%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271.5%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271.5%27%2F%3E%3Crect%20x%3D%273%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271.5%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271.5%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271.5%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271.5%27%2F%3E%3Crect%20x%3D%273%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271.5%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.sg-header__utility::before { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%273%27%20y1%3D%276%27%20x2%3D%2721%27%20y2%3D%276%27%2F%3E%3Cline%20x1%3D%273%27%20y1%3D%2712%27%20x2%3D%2721%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%273%27%20y1%3D%2718%27%20x2%3D%2721%27%20y2%3D%2718%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%273%27%20y1%3D%276%27%20x2%3D%2721%27%20y2%3D%276%27%2F%3E%3Cline%20x1%3D%273%27%20y1%3D%2712%27%20x2%3D%2721%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%273%27%20y1%3D%2718%27%20x2%3D%2721%27%20y2%3D%2718%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.sg-header__mobile-toggle::before { -webkit-mask:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%206h18v2H3V6zm0%205h18v2H3v-2zm0%205h18v2H3v-2z%22%2F%3E%3C%2Fsvg%3E') center/contain no-repeat;mask:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%206h18v2H3V6zm0%205h18v2H3v-2zm0%205h18v2H3v-2z%22%2F%3E%3C%2Fsvg%3E') center/contain no-repeat }
.sg-header__item--mega [aria-expanded=true] { color:var(--sg-cat-design,#2f6bff) }
.sg-header .sg-header__megas { position:static;display:block }
.sg-header .sg-header__panels { position:static;display:block }
.sg-mnav__summary::-webkit-details-marker { display:none; }
.sg-mnav__summary::after { content:"";inline-size:.6rem;block-size:.6rem;border-inline-end:2px solid var(--sg-text-muted);border-block-end:2px solid var(--sg-text-muted);transform:rotate(45deg);transition:transform var(--sg-dur-fast) var(--sg-ease);margin-inline-end:.35rem; }
.sg-mnav__group[open] .sg-mnav__summary::after { transform:rotate(-135deg); }
.sg-mnav__group[open] .sg-mnav__summary { color:var(--sg-primary); }
.sg-mnav__link:hover { background:var(--sg-surface);color:var(--sg-text); }
.sg-specialist-hero .sg-specialist-hero__media { position:absolute;inset:0;pointer-events:none }
.sg-specialist-hero .sg-section__inner { position:relative;z-index:1 }
.sg-rich-section[data-tone='raised'] { background:var(--rich-raised); }
.sg-rich-section[data-tone='dark'] { background:light-dark(oklch(11% .014 268),oklch(7% .012 268));color:oklch(97% .004 266);--rich-text:oklch(97% .004 266);--rich-muted:oklch(73% .012 268);--rich-border:color-mix(in oklab,var(--rich-text) 14%,transparent); }
body .sg-rich { 
      --rich-accent:var(--sg-blue,oklch(74.67% .1402 227.95));
      --rich-soft:color-mix(in oklab,var(--rich-accent) 10%,transparent);
      --rich-bg:oklch(98.6% .004 82);
      --rich-surface:oklch(100% 0 0);
      --rich-raised:oklch(96.9% .008 82);
      --rich-text:oklch(14% .014 265);
      --rich-muted:oklch(45% .02 267);
      --rich-border:color-mix(in oklab,var(--rich-text) 11%,transparent);
      position:relative;
      color-scheme:light;
      overflow:clip;
      background:var(--rich-bg);
      color:var(--rich-text);
      font-family:var(--font-body,'Inter',sans-serif);
      &[data-accent='green']{--rich-accent:var(--sg-green,oklch(72.49% .1809 143.74));}
      &[data-accent='yellow']{--rich-accent:var(--sg-yellow,oklch(84.74% .1669 88.33));}
      &[data-accent='orange']{--rich-accent:var(--sg-orange,oklch(70.88% .1868 44.12));}
      &[data-accent='purple']{--rich-accent:var(--sg-purple,oklch(65.25% .196 306.22));}
      & .sg-rich-card{
        border-start-start-radius:clamp(2rem,4vw,4rem);
        border-end-end-radius:clamp(2rem,4vw,4rem);
        box-shadow:0 1.5rem 4rem color-mix(in oklab,var(--rich-text) 4%,transparent);
      }
     }
body .sg-rich__container { display:grid;gap:var(--space-xl,clamp(2.5rem,5vw,5rem));min-inline-size:0; }
body .sg-rich__eyebrow { display:inline-flex;align-items:center;gap:var(--space-xs,.5rem);inline-size:fit-content;color:var(--rich-accent);font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--text-xs,.8rem);font-weight:720;letter-spacing:.08em;text-transform:uppercase;&::before{content:'';inline-size:.5rem;aspect-ratio:1;border-radius:50%;background:currentColor;box-shadow:0 0 1.4rem currentColor;} }
body .sg-rich__heading { max-inline-size:16ch;margin:0;font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--h2,clamp(2.6rem,5.6vw,6rem));font-weight:620;letter-spacing:-.06em;line-height:.94;text-wrap:balance; }
body .sg-rich__body { max-inline-size:62ch;margin:0;color:var(--rich-muted);font-size:var(--text-l,1.125rem);line-height:1.7; }
body .sg-rich-hero { min-block-size:min(88svh,58rem);display:grid;align-items:center;padding-block:var(--section-space-l,clamp(5rem,9vw,9rem));border-block-end:var(--border-size,.0625rem) solid var(--rich-border);background:radial-gradient(circle at 78% 18%,var(--rich-soft),transparent 30%),linear-gradient(180deg,color-mix(in oklab,var(--rich-surface) 48%,transparent),transparent); }
body .sg-rich-hero__grid { display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.75fr);gap:var(--grid-gap,clamp(2.5rem,6vw,6rem));align-items:center;min-inline-size:0;@media(max-width:56rem){grid-template-columns:minmax(0,1fr);} }
body .sg-rich-hero__copy { display:grid;gap:var(--content-gap,var(--space-m,1.5rem)); }
body .sg-rich-hero__title { max-inline-size:13ch;margin:0;font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--h1,clamp(3.2rem,7.4vw,7.6rem));font-weight:620;letter-spacing:-.065em;line-height:.9;text-wrap:balance; }
body .sg-rich-actions { display:flex;flex-wrap:wrap;gap:var(--space-s,.75rem); }
body .sg-rich-action { display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs,.5rem);min-block-size:3.2rem;padding-inline:var(--space-m,1.5rem);border:var(--border-size,.0625rem) solid var(--rich-border);border-radius:var(--radius-full,999rem);background:var(--rich-surface);color:var(--rich-text);font-family:var(--font-display,'Outfit',sans-serif);font-weight:650;text-decoration:none;transition:translate var(--dur-base,.22s) var(--ease-out,ease-out),border-color var(--dur-base,.22s) var(--ease-out,ease-out),box-shadow var(--dur-base,.22s) var(--ease-out,ease-out);&[data-style='primary']{background:var(--rich-accent);border-color:var(--rich-accent);color:oklch(13% .014 268);}&:hover{translate:0 -.18rem;border-color:var(--rich-accent);box-shadow:0 1rem 3rem var(--rich-soft);}&:focus-visible{outline:.125rem solid var(--rich-accent);outline-offset:.1875rem;} }
body .sg-rich-visual { position:relative;display:grid;place-items:center;min-block-size:clamp(24rem,42vw,40rem);overflow:hidden;border:var(--border-size,.0625rem) solid var(--rich-border);border-radius:clamp(2.8rem,6vw,6rem) var(--radius-xl,2.2rem) clamp(2.8rem,6vw,6rem) var(--radius-xl,2.2rem);background:linear-gradient(var(--rich-border) .0625rem,transparent .0625rem),linear-gradient(90deg,var(--rich-border) .0625rem,transparent .0625rem),var(--rich-surface);background-size:4rem 4rem; }
body .sg-rich-visual__orbit { position:relative;display:grid;place-items:center;inline-size:min(78%,29rem);aspect-ratio:1;border:var(--border-size,.0625rem) solid color-mix(in oklab,var(--rich-accent) 44%,var(--rich-border));border-radius:50%;animation:sgRichOrbit 24s linear infinite;&::before,&::after{content:'';position:absolute;border:inherit;border-radius:inherit;}&::before{inset:16%;}&::after{inset:34%;background:radial-gradient(circle,var(--rich-soft),transparent 70%);}@keyframes sgRichOrbit{to{rotate:1turn;}} }
body .sg-rich-visual__core { position:relative;z-index:2;display:grid;place-items:center;inline-size:38%;aspect-ratio:1;padding:var(--space-m,1.5rem);border-radius:50%;background:var(--rich-accent);color:oklch(13% .014 268);font-family:var(--font-display,'Outfit',sans-serif);font-weight:720;text-align:center;box-shadow:0 0 4rem var(--rich-soft);animation:sgRichCounter 24s linear infinite reverse;@keyframes sgRichCounter{to{rotate:1turn;}} }
body .sg-rich-signals { padding-block:var(--section-space-xs,clamp(1.5rem,3vw,3rem));border-block-end:var(--border-size,.0625rem) solid var(--rich-border); }
body .sg-rich-signals__grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap,var(--space-m,1.5rem));@media(max-width:42rem){grid-template-columns:minmax(0,1fr);} }
body .sg-rich-signal { display:grid;grid-template-columns:auto 1fr;gap:var(--space-s,.75rem);align-items:center;padding:var(--space-m,1.5rem);border-inline-start:var(--border-size,.0625rem) solid var(--rich-border); }
body .sg-rich-signal__index { color:var(--rich-accent);font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--text-xs,.8rem);font-weight:720; }
body .sg-rich-signal__label { font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--text-l,1.125rem);font-weight:620; }
body .sg-rich-section { padding-block:var(--section-space-l,clamp(4.5rem,9vw,9rem));border-block-end:var(--border-size,.0625rem) solid var(--rich-border); }
body .sg-rich-section[data-tone='raised'] { background:var(--rich-raised); }
body .sg-rich-section[data-tone='dark'] { background:light-dark(oklch(11% .014 268),oklch(7% .012 268));color:oklch(97% .004 266);--rich-text:oklch(97% .004 266);--rich-muted:oklch(73% .012 268);--rich-border:color-mix(in oklab,var(--rich-text) 14%,transparent); }
body .sg-rich-intro-grid { display:grid;grid-template-columns:minmax(15rem,.5fr) minmax(0,1.5fr);gap:var(--grid-gap,clamp(2.5rem,6vw,6rem));align-items:start;@media(max-width:50rem){grid-template-columns:minmax(0,1fr);} }
body .sg-rich-sticky { position:sticky;inset-block-start:var(--space-2xl,6rem);display:grid;gap:var(--space-m,1.5rem);align-self:start;@media(max-width:50rem){position:static;} }
body .sg-rich-card-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap,var(--space-m,1.5rem));@media(max-width:56rem){grid-template-columns:minmax(0,1fr);} }
body .sg-rich-card { display:grid;align-content:space-between;gap:var(--space-l,2rem);min-block-size:22rem;padding:var(--space-l,2rem);border:var(--border-size,.0625rem) solid var(--rich-border);border-radius:var(--radius-xl,2rem);background:var(--rich-surface);color:var(--rich-text);text-decoration:none;transition:translate var(--dur-base,.22s) var(--ease-out,ease-out),border-color var(--dur-base,.22s) var(--ease-out,ease-out),box-shadow var(--dur-base,.22s) var(--ease-out,ease-out);&:hover{translate:0 -.35rem;border-color:var(--rich-accent);box-shadow:0 1.5rem 4rem var(--rich-soft);}&:focus-visible{outline:.125rem solid var(--rich-accent);outline-offset:.1875rem;} }
body .sg-rich-card__index { color:var(--rich-accent);font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--text-xs,.8rem);font-weight:720; }
body .sg-rich-card__title { max-inline-size:18ch;margin:0;font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--h4,clamp(1.5rem,2.4vw,2.3rem));font-weight:620;letter-spacing:-.035em;line-height:1.05;text-wrap:balance; }
body .sg-rich-card__copy { margin:0;color:var(--rich-muted);line-height:1.65; }
body .sg-rich-card__link { color:var(--rich-accent);font-weight:680; }
body .sg-rich-context { display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);gap:var(--grid-gap,clamp(2.5rem,7vw,7rem));align-items:center;@media(max-width:52rem){grid-template-columns:minmax(0,1fr);} }
body .sg-rich-context__panel { display:grid;gap:var(--space-l,2rem);padding:clamp(2rem,5vw,5rem);border:var(--border-size,.0625rem) solid var(--rich-border);border-radius:var(--radius-xl,2rem) clamp(2.8rem,6vw,6rem) var(--radius-xl,2rem) clamp(2.8rem,6vw,6rem);background:linear-gradient(135deg,var(--rich-soft),transparent 54%),var(--rich-surface); }
body .sg-rich-context__rail { display:grid;gap:var(--space-s,.75rem); }
body .sg-rich-context__node { display:flex;align-items:center;gap:var(--space-s,.75rem);padding:var(--space-m,1.5rem);border:var(--border-size,.0625rem) solid var(--rich-border);border-radius:var(--radius-l,1.25rem);background:var(--rich-surface);font-family:var(--font-display,'Outfit',sans-serif);font-weight:620;&::before{content:'';inline-size:.65rem;aspect-ratio:1;border-radius:50%;background:var(--rich-accent);box-shadow:0 0 1.25rem var(--rich-accent);} }
body .sg-rich-steps { display:grid;gap:var(--space-s,.75rem);counter-reset:rich-step; }
body .sg-rich-step { counter-increment:rich-step;display:grid;grid-template-columns:auto minmax(0,.6fr) minmax(0,1fr);gap:var(--space-m,1.5rem);align-items:start;padding:var(--space-l,2rem);border-block-start:var(--border-size,.0625rem) solid var(--rich-border);&::before{content:counter(rich-step,decimal-leading-zero);color:var(--rich-accent);font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--text-xs,.8rem);font-weight:720;}@media(max-width:44rem){grid-template-columns:auto minmax(0,1fr);& .sg-rich-step__copy{grid-column:2;}} }
body .sg-rich-step__title { margin:0;font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--h4,1.5rem);font-weight:620;letter-spacing:-.025em; }
body .sg-rich-step__copy { margin:0;color:var(--rich-muted);line-height:1.65; }
body .sg-rich-check-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap,var(--space-m,1.5rem));@media(max-width:42rem){grid-template-columns:minmax(0,1fr);} }
body .sg-rich-check { display:flex;align-items:flex-start;gap:var(--space-s,.75rem);padding:var(--space-l,2rem);border:var(--border-size,.0625rem) solid var(--rich-border);border-radius:var(--radius-l,1.25rem);background:var(--rich-surface);font-size:var(--text-l,1.125rem);line-height:1.5;&::before{content:'✓';display:grid;place-items:center;flex:0 0 auto;inline-size:1.7rem;aspect-ratio:1;border-radius:50%;background:var(--rich-accent);color:oklch(13% .014 268);font-size:var(--text-xs,.8rem);font-weight:800;} }
body .sg-rich-guardrail { display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:var(--grid-gap,clamp(2rem,6vw,6rem));align-items:end;padding:clamp(2.2rem,6vw,6rem);border:var(--border-size,.0625rem) solid var(--rich-border);border-radius:clamp(2.8rem,6vw,6rem) var(--radius-xl,2rem) clamp(2.8rem,6vw,6rem) var(--radius-xl,2rem);background:linear-gradient(135deg,var(--rich-soft),transparent 58%),var(--rich-surface);@media(max-width:48rem){grid-template-columns:minmax(0,1fr);} }
body .sg-rich-guardrail__mark { font-family:var(--font-display,'Outfit',sans-serif);font-size:clamp(5rem,13vw,12rem);font-weight:560;letter-spacing:-.08em;line-height:.72;color:var(--rich-accent); }
body .sg-rich-faq { display:grid;gap:var(--space-xs,.5rem); }
body .sg-rich-faq__item { padding:var(--space-l,2rem);border-block-start:var(--border-size,.0625rem) solid var(--rich-border); }
body .sg-rich-faq__question { margin:0 0 var(--space-s,.75rem);font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--h4,1.5rem);font-weight:620;letter-spacing:-.025em; }
body .sg-rich-faq__answer { max-inline-size:62ch;margin:0;color:var(--rich-muted);line-height:1.65; }
body .sg-rich-related { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap,var(--space-m,1.5rem));@media(max-width:46rem){grid-template-columns:minmax(0,1fr);} }
body .sg-rich-related__link { display:flex;align-items:center;justify-content:space-between;gap:var(--space-m,1.5rem);min-block-size:8rem;padding:var(--space-l,2rem);border:var(--border-size,.0625rem) solid var(--rich-border);border-radius:var(--radius-l,1.25rem);background:var(--rich-surface);color:var(--rich-text);font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--text-l,1.125rem);font-weight:620;text-decoration:none;transition:translate var(--dur-base,.22s) var(--ease-out,ease-out),border-color var(--dur-base,.22s) var(--ease-out,ease-out);&:hover{translate:.25rem 0;border-color:var(--rich-accent);}&:focus-visible{outline:.125rem solid var(--rich-accent);outline-offset:.1875rem;} }
body .sg-rich-close { padding-block:var(--section-space-l,clamp(5rem,10vw,10rem));background:light-dark(oklch(9% .014 268),oklch(5% .01 268));color:oklch(97% .004 266);--rich-text:oklch(97% .004 266);--rich-muted:oklch(73% .012 268);--rich-border:color-mix(in oklab,var(--rich-text) 14%,transparent); }
body .sg-rich-close__panel { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--grid-gap,clamp(2rem,5vw,5rem));align-items:end;padding:clamp(2.5rem,6vw,6rem);border:var(--border-size,.0625rem) solid var(--rich-border);border-radius:var(--radius-xl,2rem) clamp(3rem,7vw,7rem) var(--radius-xl,2rem) clamp(3rem,7vw,7rem);background:linear-gradient(135deg,var(--rich-soft),transparent 58%);@media(max-width:48rem){grid-template-columns:minmax(0,1fr);} }
body .sg-about-hub { --hub-accent:var(--sg-blue,oklch(74.67% .1402 227.95));--hub-soft:color-mix(in oklab,var(--hub-accent) 12%,transparent);--hub-bg:var(--sg-bg,light-dark(oklch(98.4% .004 265),oklch(10.8% .014 268)));--hub-surface:var(--sg-surface,light-dark(oklch(100% 0 0),oklch(15.5% .02 268)));--hub-raised:var(--sg-surface-raised,light-dark(oklch(96.8% .006 267),oklch(18% .024 268)));--hub-text:var(--sg-text,light-dark(oklch(14% .014 268),oklch(97% .004 266)));--hub-muted:var(--sg-text-muted,light-dark(oklch(43% .018 268),oklch(72% .012 268)));--hub-border:var(--sg-border,color-mix(in oklab,var(--hub-text) 12%,transparent));padding-block:var(--section-space-l,clamp(4.5rem,9vw,9rem));overflow:clip;background:var(--hub-bg);color:var(--hub-text);border-block-end:var(--border-size,.0625rem) solid var(--hub-border);font-family:var(--font-body,'Inter',system-ui,sans-serif); }
.sg-about-hub[data-tone="raised"] { background:var(--hub-raised); }
body .sg-about-hub[data-tone="raised"] { background:var(--hub-raised); }
.sg-about-hub[data-tone="dark"] { background:light-dark(oklch(11% .014 268),oklch(7% .012 268));--hub-text:oklch(97% .004 266);--hub-muted:oklch(73% .012 268);--hub-border:color-mix(in oklab,var(--hub-text) 14%,transparent);color:var(--hub-text); }
body .sg-about-hub[data-tone="dark"] { background:light-dark(oklch(11% .014 268),oklch(7% .012 268));--hub-text:oklch(97% .004 266);--hub-muted:oklch(73% .012 268);--hub-border:color-mix(in oklab,var(--hub-text) 14%,transparent);color:var(--hub-text); }
body .sgx-expand { 
      --expand-accent:var(--sg-blue,oklch(74.67% .1402 227.95));
      --expand-soft:color-mix(in oklab,var(--expand-accent) 10%,transparent);
      --expand-bg:oklch(98.6% .004 82);
      --expand-surface:oklch(100% 0 0);
      --expand-raised:oklch(96.9% .008 82);
      --expand-text:oklch(14% .014 265);
      --expand-muted:oklch(45% .02 267);
      --expand-border:color-mix(in oklab,var(--expand-text) 11%,transparent);
      color-scheme:light;
      padding-block:clamp(5rem,8vw,8rem);
      overflow:clip;
      border-block-end:.0625rem solid var(--expand-border);
      background:var(--expand-bg);
      color:var(--expand-text);
      font-family:var(--font-body,'Inter',sans-serif);
      &[data-tone='raised']{background:color-mix(in oklab,var(--expand-accent) 4%,var(--expand-raised));}
      &[data-tone='dark']{background:var(--expand-bg);}
      &[data-tone='dark'] .sgx-expand__inner{
        padding:clamp(2rem,5vw,5rem);
        border-start-start-radius:clamp(4rem,9vw,9rem);
        border-end-end-radius:clamp(4rem,9vw,9rem);
        background:oklch(13% .016 266);
        color:oklch(98% .004 265);
        color-scheme:dark;
        --expand-text:oklch(98% .004 265);
        --expand-muted:oklch(80% .012 265);
      }
      &[data-tone='dark'] :is(.sgx-expand__card,.sgx-expand__check,.sgx-expand__link,.sgx-expand__statement){
        color-scheme:light;
        --expand-text:oklch(14% .014 265);
        --expand-muted:oklch(45% .02 267);
        color:var(--expand-text);
      }
     }
body .sgx-expand__inner { display:grid;gap:var(--space-xl,clamp(2.5rem,5vw,5rem));min-inline-size:0; }
body .sgx-expand__head { display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:var(--grid-gap,clamp(2rem,6vw,6rem));align-items:end;@media(max-width:48rem){grid-template-columns:minmax(0,1fr);} }
body .sgx-expand__title { max-inline-size:16ch;margin:0;font-family:var(--font-display,'Outfit',sans-serif);text-wrap:balance; }
body .sgx-expand__copy { max-inline-size:62ch;margin:0;color:var(--expand-muted);font-size:var(--text-l,1.125rem);line-height:1.7; }
body .sgx-expand__cards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap,var(--space-m,1.5rem));@media(max-width:54rem){grid-template-columns:minmax(0,1fr);} }
body .sgx-expand__card { display:grid;align-content:space-between;gap:var(--space-l,2rem);min-block-size:19rem;padding:var(--space-l,2rem);border:var(--border-size,.0625rem) solid var(--expand-border);border-radius:var(--radius-xl,2rem);background:var(--expand-surface);color:var(--expand-text);text-decoration:none;transition:translate var(--dur-base,.22s) var(--ease-out,ease-out),border-color var(--dur-base,.22s) var(--ease-out,ease-out);&:hover{translate:0 -.3rem;border-color:var(--expand-accent);}&:focus-visible{outline:.125rem solid var(--expand-accent);outline-offset:.1875rem;} }
body .sgx-expand__card-title { margin:0;font-family:var(--font-display,'Outfit',sans-serif); }
body .sgx-expand__card-copy { margin:0;color:var(--expand-muted);line-height:1.65; }
body .sgx-expand__card-link { color:color-mix(in oklab,var(--expand-accent,oklch(74.67% .1402 227.95)) 58%,var(--expand-text,oklch(14% .014 265)));font-weight:680; }
body .sgx-expand__steps { display:grid;gap:var(--space-xs,.5rem);counter-reset:expand-step; }
body .sgx-expand__step { counter-increment:expand-step;display:grid;grid-template-columns:auto minmax(0,.7fr) minmax(0,1.3fr);gap:var(--space-m,1.5rem);align-items:start;padding:var(--space-l,2rem);border-block-start:var(--border-size,.0625rem) solid var(--expand-border);&::before{content:counter(expand-step,decimal-leading-zero);color:var(--expand-accent);font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--text-xs,.8rem);font-weight:720;}@media(max-width:44rem){grid-template-columns:auto minmax(0,1fr);& .sgx-expand__item-copy{grid-column:2;}} }
body .sgx-expand__item-title { margin:0;font-family:var(--font-display,'Outfit',sans-serif); }
body .sgx-expand__item-copy { margin:0;color:var(--expand-muted);line-height:1.65; }
body .sgx-expand__checklist { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap,var(--space-m,1.5rem));@media(max-width:44rem){grid-template-columns:minmax(0,1fr);} }
body .sgx-expand__check { display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-m,1.5rem);padding:var(--space-l,2rem);border:var(--border-size,.0625rem) solid var(--expand-border);border-radius:var(--radius-l,1.25rem);background:var(--expand-surface);&::before{content:'✓';display:grid;place-items:center;inline-size:1.8rem;aspect-ratio:1;border-radius:50%;background:var(--expand-accent);color:oklch(13% .014 268);font-size:var(--text-xs,.8rem);font-weight:800;} }
body .sgx-expand__rows { display:grid;gap:var(--space-xs,.5rem); }
body .sgx-expand__row { display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--grid-gap,var(--space-l,2rem));padding:var(--space-l,2rem);border-block-start:var(--border-size,.0625rem) solid var(--expand-border);@media(max-width:42rem){grid-template-columns:minmax(0,1fr);} }
body .sgx-expand__links { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap,var(--space-m,1.5rem));@media(max-width:46rem){grid-template-columns:minmax(0,1fr);} }
body .sgx-expand__link { display:flex;align-items:center;justify-content:space-between;gap:var(--space-m,1.5rem);min-block-size:7rem;padding:var(--space-l,2rem);border:var(--border-size,.0625rem) solid var(--expand-border);border-radius:var(--radius-l,1.25rem);background:var(--expand-surface);color:var(--expand-text);font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--text-l,1.125rem);font-weight:620;text-decoration:none;transition:translate var(--dur-base,.22s) var(--ease-out,ease-out),border-color var(--dur-base,.22s) var(--ease-out,ease-out);&:hover{translate:.25rem 0;border-color:var(--expand-accent);}&:focus-visible{outline:.125rem solid var(--expand-accent);outline-offset:.1875rem;} }
body .sgx-expand__statement { display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--grid-gap,clamp(2rem,6vw,6rem));align-items:end;padding:clamp(2.5rem,6vw,6rem);border:var(--border-size,.0625rem) solid var(--expand-border);border-radius:clamp(2.8rem,6vw,6rem) var(--radius-xl,2rem) clamp(2.8rem,6vw,6rem) var(--radius-xl,2rem);background:linear-gradient(135deg,var(--expand-soft),transparent 58%),var(--expand-surface);@media(max-width:48rem){grid-template-columns:minmax(0,1fr);} }
body .sgx-expand__action { display:inline-flex;align-items:center;justify-content:center;inline-size:fit-content;min-block-size:3.1rem;padding-inline:var(--space-m,1.5rem);border:var(--border-size,.0625rem) solid var(--expand-accent);border-radius:var(--radius-full,999rem);background:var(--expand-accent);color:oklch(13% .014 268);font-family:var(--font-display,'Outfit',sans-serif);font-weight:680;text-decoration:none;&:focus-visible{outline:.125rem solid var(--expand-accent);outline-offset:.1875rem;} }
body .sgx-family { 
      --family-accent:var(--sg-blue,oklch(74.67% .1402 227.95));
      --family-soft:color-mix(in oklab,var(--family-accent) 10%,transparent);
      --family-bg:oklch(98.6% .004 82);
      --family-surface:oklch(100% 0 0);
      --family-raised:oklch(96.9% .008 82);
      --family-text:oklch(14% .014 265);
      --family-muted:oklch(45% .02 267);
      --family-border:color-mix(in oklab,var(--family-text) 11%,transparent);
      color-scheme:light;
      padding-block:clamp(5rem,8vw,8rem);
      overflow:clip;
      border-block-end:.0625rem solid var(--family-border);
      background:var(--family-bg);
      color:var(--family-text);
      font-family:var(--font-body,'Inter',sans-serif);
      &[data-accent='green']{--family-accent:var(--sg-green,oklch(72.49% .1809 143.74));}
      &[data-accent='yellow']{--family-accent:var(--sg-yellow,oklch(84.74% .1669 88.33));}
      &[data-accent='orange']{--family-accent:var(--sg-orange,oklch(70.88% .1868 44.12));}
      &[data-accent='purple']{--family-accent:var(--sg-purple,oklch(65.25% .196 306.22));}
      &[data-tone='raised']{background:color-mix(in oklab,var(--family-accent) 4%,var(--family-raised));}
      &[data-tone='dark']{background:var(--family-bg);}
      &[data-tone='dark'] .sgx-family__inner{
        padding:clamp(2rem,5vw,5rem);
        border-start-start-radius:clamp(4rem,9vw,9rem);
        border-end-end-radius:clamp(4rem,9vw,9rem);
        background:oklch(13% .016 266);
        color:oklch(98% .004 265);
      }
     }
body .sgx-family__inner { display:grid;gap:var(--space-xl,clamp(2.5rem,5vw,5rem));min-inline-size:0; }
body .sgx-family__head { display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:var(--grid-gap,clamp(2rem,6vw,6rem));align-items:end;@media(max-width:48rem){grid-template-columns:minmax(0,1fr);} }
body .sgx-family__eyebrow { display:inline-flex;align-items:center;gap:var(--space-xs,.5rem);inline-size:fit-content;color:var(--family-accent);font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--text-xs,.8rem);font-weight:720;letter-spacing:.08em;text-transform:uppercase;&::before{content:'';inline-size:.5rem;aspect-ratio:1;border-radius:50%;background:currentColor;box-shadow:0 0 1.2rem currentColor;} }
body .sgx-family__title { max-inline-size:16ch;margin:0;font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--h2,clamp(2.5rem,5.2vw,5.6rem));font-weight:620;letter-spacing:-.06em;line-height:.94;text-wrap:balance; }
body .sgx-family__copy { max-inline-size:62ch;margin:0;color:var(--family-muted);font-size:var(--text-l,1.125rem);line-height:1.7; }
body .sgx-family__steps { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs,.5rem);@media(max-width:58rem){grid-template-columns:repeat(2,minmax(0,1fr));}@media(max-width:36rem){grid-template-columns:minmax(0,1fr);} }
body .sgx-family__step { display:grid;align-content:space-between;gap:var(--space-l,2rem);min-block-size:15rem;padding:var(--space-l,2rem);border:var(--border-size,.0625rem) solid var(--family-border);border-radius:var(--radius-l,1.25rem);background:var(--family-surface); }
body .sgx-family__index { color:var(--family-accent);font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--text-xs,.8rem);font-weight:720; }
body .sgx-family__item-title { margin:0;font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--h4,1.45rem);font-weight:620;letter-spacing:-.03em; }
body .sgx-family__item-copy { margin:0;color:var(--family-muted);line-height:1.65; }
body .sgx-family__cards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap,var(--space-m,1.5rem));@media(max-width:52rem){grid-template-columns:minmax(0,1fr);} }
body .sgx-family__card { display:grid;gap:var(--space-l,2rem);min-block-size:18rem;padding:var(--space-l,2rem);border:var(--border-size,.0625rem) solid var(--family-border);border-radius:var(--radius-xl,2rem);background:linear-gradient(135deg,var(--family-soft),transparent 58%),var(--family-surface); }
body .sgx-family__checklist { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap,var(--space-m,1.5rem));@media(max-width:44rem){grid-template-columns:minmax(0,1fr);} }
body .sgx-family__check { display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-m,1.5rem);padding:var(--space-l,2rem);border:var(--border-size,.0625rem) solid var(--family-border);border-radius:var(--radius-l,1.25rem);background:var(--family-surface);&::before{content:'✓';display:grid;place-items:center;inline-size:1.8rem;aspect-ratio:1;border-radius:50%;background:var(--family-accent);color:oklch(13% .014 268);font-size:var(--text-xs,.8rem);font-weight:800;} }
body .sgx-family__links { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap,var(--space-m,1.5rem));@media(max-width:46rem){grid-template-columns:minmax(0,1fr);} }
body .sgx-family__link { display:flex;align-items:center;justify-content:space-between;gap:var(--space-m,1.5rem);min-block-size:7rem;padding:var(--space-l,2rem);border:var(--border-size,.0625rem) solid var(--family-border);border-radius:var(--radius-l,1.25rem);background:var(--family-surface);color:var(--family-text);font-family:var(--font-display,'Outfit',sans-serif);font-size:var(--text-l,1.125rem);font-weight:620;text-decoration:none;transition:translate var(--dur-base,.22s) var(--ease-out,ease-out),border-color var(--dur-base,.22s) var(--ease-out,ease-out);&:hover{translate:.25rem 0;border-color:var(--family-accent);}&:focus-visible{outline:.125rem solid var(--family-accent);outline-offset:.1875rem;} }
body .sgx-family__statement { display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--grid-gap,clamp(2rem,6vw,6rem));align-items:end;padding:clamp(2.5rem,6vw,6rem);border:var(--border-size,.0625rem) solid var(--family-border);border-radius:clamp(2.8rem,6vw,6rem) var(--radius-xl,2rem) clamp(2.8rem,6vw,6rem) var(--radius-xl,2rem);background:linear-gradient(135deg,var(--family-soft),transparent 58%),var(--family-surface);@media(max-width:48rem){grid-template-columns:minmax(0,1fr);} }
main h3 { line-height: var(--h3-line-height, 1.25); letter-spacing: var(--h3-letter-spacing, -0.01em); }/* Footer motion, Refined tier. Reveals ride scroll timelines where supported,
   the site map unfolds on open. Everything gates on html.sg-anim and
   prefers-reduced-motion. The reduce kill is SCOPED to the footer, never global.
   SPECTRUM RING IS NOW AMBIENT, owner 2026-08-17: "make the border on cta bigger
   so the spectrum and motion is visible". It used to spin on HOVER ONLY at
   desktop, so at rest the card showed no motion at all and a mouse user had to
   discover it. It now turns continuously on every pointer type at the same 6s,
   which also retires the separate hover:none branch that existed only to give
   touch devices what hover users got. Hover remains a state change, it brightens
   the ring rather than starting it. */
@property --sgf-spin{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes sgf-rise{from{opacity:.001;translate:0 1.25rem}to{opacity:1;translate:0 0}}
@keyframes sgf-spin{to{--sgf-spin:360deg}}
@keyframes sgf-unfold{from{opacity:.001;translate:0 -.5rem}to{opacity:1;translate:0 0}}
@supports (animation-timeline: view()){@media (prefers-reduced-motion:no-preference){html.sg-anim .sg-footer__cta{animation:sgf-rise linear both;animation-timeline:view();animation-range:entry 5% entry 45%}html.sg-anim .sg-footer__map>*{animation:sgf-rise linear both;animation-timeline:view();animation-range:entry 0% entry 35%}html.sg-anim .sg-footer__newsletter,html.sg-anim .sg-footer__social{animation:sgf-rise linear both;animation-timeline:view();animation-range:entry 0% entry 30%}}}
@media (prefers-reduced-motion:no-preference){html.sg-anim .sg-footer__cta::before{animation:sgf-spin 6s linear infinite}html.sg-anim .sg-footer__sitemap[open] .sg-footer__sitemap-grid{animation:sgf-unfold .35s var(--sgf-ease, cubic-bezier(.22,.61,.2,1)) both}}
@media (prefers-reduced-motion:reduce){.sg-footer *,.sg-footer ::before,.sg-footer ::after{animation:none!important}.sg-footer__link:hover,.sg-footer__sitemap-link:hover{translate:none}.sg-footer__cta-main:hover,.sg-footer__back:hover{translate:none}.sg-footer__ig-tile:hover{transform:none}}
/* Back to top reveal (owner 2026-09-25), driven by the page scroll timeline from .sg-site-footer__back. */
@keyframes sgf-back-in{from{opacity:0;visibility:hidden;translate:.75rem 0}to{opacity:1;visibility:visible;translate:0 0}}
@keyframes sgf-back-in-corner{from{opacity:0;visibility:hidden;translate:0 .75rem}to{opacity:1;visibility:visible;translate:0 0}}
@keyframes sgf-back-fade{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}:is(.sgh-hero,.sgh-ticker,.sg-section,.sgh-audit-band,.sgh-final) *,:is(.sgh-hero,.sgh-ticker,.sg-section,.sgh-audit-band,.sgh-final) *::before,:is(.sgh-hero,.sgh-ticker,.sg-section,.sgh-audit-band,.sgh-final) *::after{box-sizing:border-box;margin:0;padding:0}
:is(.sgh-hero,.sgh-ticker,.sg-section,.sgh-audit-band,.sgh-final) a{color:inherit;text-decoration:none}
:is(.sgh-hero,.sgh-ticker,.sg-section,.sgh-audit-band,.sgh-final) img{max-width:100%;display:block}
.sg-section__inner{max-width:var(--sgh-wrap);margin-inline:auto;padding-inline:var(--sgh-gut)}

:is(.sgh-hero,.sgh-ticker,.sg-section,.sgh-audit-band,.sgh-final) h1,:is(.sgh-hero,.sgh-ticker,.sg-section,.sgh-audit-band,.sgh-final) h2,:is(.sgh-hero,.sgh-ticker,.sg-section,.sgh-audit-band,.sgh-final) h3{font-family:var(--sgh-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em}
.sg-section__eyebrow{font-family:var(--sgh-font-display);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sgh-subtle)}
.sgh-accent{font-family:var(--sgh-font-editorial);font-style:italic;font-weight:500;letter-spacing:0}
.sgh-lead{font-size:clamp(1rem,1.35vw,1.1875rem);color:var(--sgh-muted);line-height:1.65}

.sgh-btn{display:inline-flex;align-items:center;gap:.625rem;border-radius:var(--sgh-r-pill);
  padding:.9375rem 1.75rem;font-family:var(--sgh-font-display);font-weight:600;font-size:.9375rem;line-height:1;
  transition:transform var(--sgh-t-fast) var(--sgh-ease),box-shadow var(--sgh-t-fast) var(--sgh-ease),
  background var(--sgh-t-fast) var(--sgh-ease),border-color var(--sgh-t-fast) var(--sgh-ease),color var(--sgh-t-fast) var(--sgh-ease);cursor:pointer}
.sgh-btn .sg-icon{transition:transform var(--sgh-t-fast) var(--sgh-ease)}
.sgh-btn-ink{background:var(--sgh-ink);color:var(--sgh-on-ink)}
.sgh-btn-ink:hover{transform:translateY(-.125rem);box-shadow:0 .75rem 1.75rem rgba(10,10,13,.22)}
.sgh-btn-ink:hover .sg-icon{transform:translateX(.25rem)}
.sgh-btn-line{border:.0625rem solid var(--n-200);background:var(--sgh-bg);color:var(--sgh-text)}
.sgh-btn-line:hover{border-color:var(--sgh-text);transform:translateY(-.125rem)}

:is(.sgh-hero,.sgh-ticker,.sg-section,.sgh-audit-band,.sgh-final) a:focus-visible,.sgh-btn:focus-visible{outline:.125rem solid var(--sgh-text);outline-offset:.1875rem;border-radius:.375rem}

.sgh-hero-ctas{display:flex;gap:.875rem;justify-content:center;margin-top:1.875rem;flex-wrap:wrap}

  border:.0625rem solid var(--n-200);background:var(--sgh-bg);display:grid;place-items:center;
  font-family:var(--sgh-font-display);font-size:.7812rem;
.sg-section__head h2{font-size:clamp(1.875rem,3.8vw,2.875rem);max-width:22ch;margin-top:.75rem}

.sgh-wk-name{grid-column:1;grid-row:1;font-family:var(--sgh-font-display);font-weight:600;font-size:var(--text-l, 1.125rem);line-height:1.3;color:var(--sgh-text)}

.sgh-res-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.sgh-res-card{padding:1.5rem;display:flex;flex-direction:column;min-height:10.5rem;position:relative}
.sgh-res-badge{align-self:flex-start;font-family:var(--sgh-font-display);font-size:.75rem;font-weight:600;border:.0625rem solid var(--n-200);border-radius:var(--sgh-r-pill);padding:.3125rem .6875rem;color:var(--sgh-muted);
  transition:background var(--sgh-t-fast) var(--sgh-ease),color var(--sgh-t-fast) var(--sgh-ease),border-color var(--sgh-t-fast) var(--sgh-ease)}
.sgh-res-card:hover .sgh-res-badge{background:var(--sgh-ink);color:var(--sgh-on-ink);border-color:var(--sgh-ink)}
.sgh-res-card h3{font-size:1.0625rem;line-height:1.35;margin-top:.875rem}
.sgh-res-meta{margin-top:auto;padding-top:.875rem;font-size:.7812rem;color:var(--sgh-subtle);display:flex;align-items:center;justify-content:space-between}
.sgh-res-meta .sg-icon{transition:transform var(--sgh-t-fast) var(--sgh-ease)}
.sgh-res-card:hover .sgh-res-meta .sg-icon{transform:translate(.1875rem,-.1875rem)}

.sg-blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.sg-blog__card{padding:1.625rem;display:flex;flex-direction:column;min-height:11.875rem}

.sg-blog__card h3{font-size:1.125rem;line-height:1.4;margin-top:.75rem}

.sgh-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.sgh-tier{padding:1.875rem;display:flex;flex-direction:column;min-height:20.625rem}
.sgh-tier h3{font-size:1.25rem;margin-top:.75rem}
.sgh-tier p{color:var(--sgh-muted);font-size:.9062rem;line-height:1.65;margin-top:.625rem}
.sgh-tier--ink p{color:rgba(255,255,255,.72)}
.sgh-tier .sgh-from{margin-top:auto;padding-top:1.125rem;border-top:.0625rem solid var(--sgh-hairline);display:flex;align-items:baseline;gap:.5rem}
.sgh-tier--ink .sgh-from{border-top-color:rgba(255,255,255,.16)}
.sgh-tier .sgh-from strong{font-family:var(--sgh-font-display);font-size:1.625rem;font-weight:700;letter-spacing:-.02em}
.sgh-tier .sgh-from span{font-size:.7812rem;color:var(--sgh-subtle)}
.sgh-tier--ink .sgh-from span{color:rgba(255,255,255,.55)}
.sgh-price-note{margin-top:1.125rem;text-align:center;font-size:.8438rem;color:var(--sgh-muted)}

.sgh-audit-band{margin-top:clamp(4.375rem,9vw,6.875rem)}
.sgh-audit-card{background:var(--sgh-n-900);color:var(--sgh-on-ink);border-radius:var(--sgh-r-lg);padding:clamp(2.25rem,5vw,4rem);
  display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.75rem,4vw,3.5rem);align-items:center;position:relative;overflow:hidden}

.sgh-audit-card h2{font-size:clamp(1.625rem,3.2vw,2.375rem)}
.sgh-audit-card .sgh-lead{color:rgba(255,255,255,.72);font-size:1rem;margin-top:.875rem}
.sgh-field{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}
.sgh-field .sgh-ph{display:none}
.sgh-field .sgh-btn{background:var(--sgh-on-ink);color:var(--sgh-n-900);padding:.8125rem 1.375rem;font-size:.875rem;flex:none}
.sgh-field .sgh-btn:hover{transform:translateY(-.0625rem);box-shadow:0 .5rem 1.25rem rgba(0,0,0,.3)}
.sgh-audit-note{margin-top:.75rem;font-size:.7812rem;color:rgba(255,255,255,.64)}

.sgh-final{padding:clamp(5rem,3rem + 5vw,8rem) 0 clamp(4.5rem,2.75rem + 4vw,6.5rem);text-align:center;position:relative}
.sgh-final h2{font-size:clamp(2.125rem,4.6vw,3.625rem);max-width:18ch;margin-inline:auto}
.sgh-final h2 em{font-family:var(--sgh-font-editorial);font-style:italic;font-weight:500}
.sgh-final .sgh-lead{max-width:52ch;margin:1.25rem auto 0}
.sgh-final .sgh-hero-ctas{margin-top:2rem}
.sgh-final .sgh-q{margin-top:2.125rem;font-family:var(--sgh-font-editorial);font-style:italic;font-size:1.0625rem;color:var(--sgh-muted)}
.sgh-final .sgh-q span{display:block;font-family:var(--sgh-font-body);font-style:normal;font-size:.7812rem;color:var(--sgh-subtle);margin-top:.5rem}

.sgh-why-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}

.sgh-why-card{grid-column:span 4;padding:1.625rem}
.sgh-why-card.sgh-w-wide{grid-column:span 4;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}

.sgh-why-card h3{font-size:1.125rem;margin-top:.875rem}
.sgh-why-card p{color:var(--sgh-muted);font-size:.875rem;line-height:1.65;margin-top:.5rem}
.sgh-why-cta{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(1.5rem,1rem + 2vw,2.5rem);align-items:center;padding:clamp(1.5rem,1rem + 1.5vw,2.25rem)}
.sgh-why-cta h3{font-size:1.3125rem;margin-top:.75rem}
.sgh-why-cta p{color:rgba(255,255,255,.72);font-size:.9062rem;line-height:1.65;margin-top:.625rem}
.sgh-btn-inv{background:var(--sgh-on-ink);color:var(--sgh-n-900);margin-top:1.125rem}
.sgh-btn-inv:hover{transform:translateY(-.125rem);box-shadow:0 .625rem 1.625rem rgba(0,0,0,.3)}
.sgh-btn-inv:hover .sg-icon{transform:translateX(.25rem)}

.sgh-bridge-c{text-align:center;max-width:51.25rem;margin-inline:auto}
.sgh-bridge-c h2{font-size:clamp(1.875rem,3.8vw,2.875rem);margin-top:.875rem}
.sgh-bridge-c h2 em{font-family:var(--sgh-font-editorial);font-style:italic;font-weight:500}
.sgh-bridge-c p{color:var(--sgh-muted);line-height:1.75;margin-top:1.125rem;font-size:1rem}

.sgh-qs{display:grid;grid-template-columns:minmax(18.75rem,.8fr) 1.2fr;column-gap:clamp(2rem,4.5vw,4.5rem)}
.sgh-qs-left{position:sticky;top:6.875rem;align-self:start;padding-bottom:.5rem}
.sgh-qs-left h2{font-size:clamp(1.75rem,3.4vw,2.625rem);margin-top:.75rem;max-width:15ch}
.sgh-qs-desc{color:var(--sgh-muted);font-size:.9375rem;line-height:1.65;margin-top:.875rem;max-width:36ch}
.sgh-qs-cta{color:var(--sgh-text)}
.sgh-qs-items{display:flex;flex-direction:column;gap:clamp(3.5rem,7vw,6rem);max-inline-size:none}

.sgh-qs-one{color:var(--sgh-text);font-family:var(--sgh-font-display);font-weight:500;font-size:1.0312rem;margin-top:.75rem;max-width:56ch}
.sgh-qs-body{color:var(--sgh-muted);font-size:.9375rem;line-height:1.7;margin-top:.625rem;max-width:62ch}
.sgh-qs-listlabel{margin-top:1.5rem;font-family:var(--sgh-font-display);font-size:.875rem;font-weight:600;color:var(--sgh-text)}
.sgh-qs-list{margin-top:.375rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));column-gap:clamp(1.5rem,1rem + 2vw,2.5rem)}
.sgh-qs-row{display:flex;align-items:center;gap:.875rem;padding:.6875rem .125rem;border-bottom:.0625rem solid var(--sgh-hairline);font-size:.9062rem;
  transition:color var(--sgh-t-fast) var(--sgh-ease)}

.sgh-qs-row strong{font-weight:500}
.sgh-qs-out{margin-top:1.25rem;display:flex;align-items:center;gap:.75rem;font-family:var(--sgh-font-display);font-size:.875rem;font-weight:600}
.sgh-qs-out .sgh-oic{width:1.875rem;height:1.125rem;border-radius:.5625rem;background:var(--sgh-ink);color:var(--sgh-on-ink);display:grid;place-items:center;flex:none}
.sgh-qs-out .sgh-olabel{color:var(--sgh-muted)}

.sgh-qs-items{gap:clamp(4.5rem,9vw,7.5rem)}

.sgh-btn-ink{background:var(--sgh-blue);color:#06131b}
.sgh-btn-ink:hover{box-shadow:0 .875rem 2.125rem color-mix(in oklab, var(--sgh-blue) 42%, transparent)}
.sgh-btn-line{border-color:var(--sgh-border);background:rgba(255,255,255,.03);color:var(--sgh-text)}
.sgh-btn-line:hover{border-color:rgba(255,255,255,.34)}

.sgh-qs-out .sgh-oic{background:var(--sgh-blue);color:#06131b}

.sgh-why-cta p,.sgh-audit-card .sgh-lead{color:rgba(255,255,255,.85)}
.sgh-btn-inv{background:var(--sgh-n-0, oklch(99.2% .004 265));color:color-mix(in oklab, var(--sgh-blue), var(--sg-n-0, oklch(12.9% .015 266.38)) 57%)}

.sgh-field .sgh-btn{background:var(--sgh-yellow);color:#151000}
.sgh-tier--ink .sgh-from span{color:rgba(255,255,255,.72)}

.sgh-res-badge{border-color:var(--sgh-border);color:var(--sgh-muted)}
.sgh-res-card:hover .sgh-res-badge{background:var(--sgh-blue);border-color:var(--sgh-blue);color:#06131b}

.sg-section[data-accent='blue']{--acc:var(--sgh-blue)}
.sg-section[data-accent='yellow']{--acc:var(--sgh-yellow)}
.sg-section[data-accent='green']{--acc:var(--sgh-green)}
.sg-section[data-accent='orange']{--acc:var(--sgh-orange)}
.sg-section[data-accent='purple']{--acc:var(--sgh-purple)}
.sg-section[data-accent='red']{--acc:var(--sgh-red)}
.sg-section{position:relative;overflow:clip}

.sg-section > *{position:relative}
.sg-section__chip{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;
  border:.0938rem solid color-mix(in oklab, var(--acc) 65%, transparent);color:var(--acc);
  background:color-mix(in oklab, var(--acc) 9%, transparent);
  font-family:var(--sgh-font-display);font-size:.875rem;font-weight:700;margin-bottom:1rem}
.sgh-sec-chip--c{margin-inline:auto;display:grid}
.sg-section .sg-section__eyebrow{color:var(--acc)}

.sg-section .sgh-qs-bar span{background:var(--acc)}
.sg-section .sgh-qs-out .sgh-oic{background:var(--acc);color:#06131b}

.sg-section .sgh-qs-row:hover b{color:var(--acc)}

.sg-section .sgh-res-card:hover .sgh-res-badge{background:var(--acc);border-color:var(--acc);color:#06131b}

.sg-section .sgh-svc-more,.sg-section .sgh-qs-cta{color:var(--acc)}

@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .sg-section__chip{animation:sgChipIn linear both;animation-timeline:view();animation-range:entry 10% entry 45%}
    .sg-section h2 .sgh-accent{background:linear-gradient(currentColor,currentColor) bottom left/0% .125rem no-repeat;
      animation:sgUnder linear both;animation-timeline:view();animation-range:entry 20% entry 70%}
  }
}
@keyframes sgKb{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes sgChipIn{from{opacity:0;transform:scale(.6) rotate(-18deg)}to{opacity:1;transform:none}}
@keyframes sgUnder{to{background-size:100% .125rem}}

.sg-section{padding:clamp(4.5rem,2.75rem + 5vw,7.5rem) 0 0}

.sgh-hero-ctas{margin-top:2.375rem}

.sgh-qs{column-gap:clamp(3rem,6vw,6rem)}
.sgh-qs-items{gap:clamp(3.5rem,2rem + 4vw,5.5rem)}
.sgh-qs-left{top:8.125rem}

.sgh-why-grid{gap:1.25rem}
.sgh-why-card{padding:2rem}
.sgh-tier-grid,.sgh-res-grid,.sg-blog__grid{gap:1.25rem}

.sgh-audit-band{margin-top:clamp(6.875rem,13vw,11.25rem)}

.sgh-why-card{position:relative}

.sgh-why-card.sgh-w-wide:nth-of-type(1){border-top-left-radius:var(--sgh-r-feature)}
.sgh-why-card.sgh-w-wide:nth-of-type(5){border-bottom-right-radius:var(--sgh-r-feature)}
.sgh-why-cta{border-top-right-radius:var(--sgh-r-feature)}

.sgh-tier--ink{border-radius:var(--sgh-r-lg)}

.sg-section__eyebrow{font-family:ui-monospace,'SF Mono',SFMono-Regular,Menlo,monospace;letter-spacing:.16em}

.sgh-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(1.5rem,1rem + 2vw,2.5rem);row-gap:0}

.sgh-wk{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1rem;min-height:5.25rem;padding:1.125rem 0;border-top:.0625rem solid var(--sgh-hairline);transition:color var(--sgh-t-fast) var(--sgh-ease)}

.sgh-sec--light{background:#f2f3f6;color:#0c0e14;padding-bottom:clamp(7.5rem,14vw,12.5rem);margin-top:clamp(7.5rem,14vw,12.5rem)}

.sgh-sec--light .sg-section__eyebrow{color:color-mix(in oklab, var(--acc), var(--sg-n-0, oklch(12.9% .015 266.38)) 30%)}
.sgh-sec--light .sgh-lead,.sgh-sec--light .sgh-why-card p{color:rgba(12,14,20,.66)}

.sgh-sec--light .sg-section__chip{background:color-mix(in oklab, var(--acc) 14%, var(--sgh-n-0, oklch(99.2% .004 265)));border-color:color-mix(in oklab, var(--acc), var(--sg-n-0, oklch(12.9% .015 266.38)) 8%);color:color-mix(in oklab, var(--acc), var(--sg-n-0, oklch(12.9% .015 266.38)) 35%)}

.sgh-sec--light .sgh-why-cta p{color:rgba(255,255,255,.85)}
.sgh-sec--light .sgh-why-cta h3{color:var(--sgh-n-0, oklch(99.2% .004 265))}
.sgh-sec--light .sgh-btn-inv{background:var(--sgh-n-0, oklch(99.2% .004 265));color:color-mix(in oklab, var(--acc), var(--sg-n-0, oklch(12.9% .015 266.38)) 45%)}

.sg-section .sg-section__eyebrow,.sg-section .sg-blog__read,.sg-section .sgh-svc-more,.sg-section .sgh-qs-cta,.sg-section .sg-button--quiet:hover{color:var(--acc-ink)}
.sg-section__chip{background:var(--acc);border-color:transparent;color:#0b0d13;box-shadow:0 .5rem 1.25rem color-mix(in oklab, var(--acc) 35%, transparent)}

.sgh-res-card .sgh-res-badge{background:var(--sgh-n-0, oklch(99.2% .004 265))}

.sgh-btn-line{background:var(--sgh-surface);border-color:rgba(11,13,19,.16);color:#06131b}
.sgh-btn-line:hover{border-color:rgba(11,13,19,.5)}

.sgh-qs-row{border-color:var(--sgh-hairline)}

.sg-section .sgh-qs-out .sgh-oic{background:var(--acc);color:#0b0d13}
.sg-section .sgh-qs-bar{background:rgba(11,13,19,.08)}
.sg-section .sgh-qs-bar span,.sg-section .sgh-qs-bar span{background:var(--acc-ink)}

.sgh-sec--dark{background:#0b0d13;color-scheme:dark;color:#f2f3f7;padding-bottom:clamp(4.5rem,2.75rem + 5vw,7.5rem);margin-top:clamp(4.5rem,2.75rem + 5vw,7.5rem);border-radius:1.75rem;margin-inline:.75rem}

.sgh-sec--dark .sg-section__eyebrow{color:var(--acc)}
.sgh-sec--dark .sgh-lead,.sgh-sec--dark .sgh-why-card p{color:rgba(242,243,247,.68)}

.sgh-sec--dark .sg-section__chip{background:var(--acc);color:#0b0d13}

.sgh-sec--dark .sgh-btn-inv{background:var(--sgh-n-0, oklch(99.2% .004 265));color:color-mix(in oklab, var(--acc), var(--sg-n-0, oklch(12.9% .015 266.38)) 45%)}

.sgh-audit-card{background:linear-gradient(163deg, color-mix(in oklab, var(--sgh-blue, oklch(74.67% .1402 227.95)), var(--sg-n-0, oklch(12.9% .015 266.38)) 42%) 0%, color-mix(in oklab, var(--sgh-blue, oklch(74.67% .1402 227.95)), var(--sg-n-0, oklch(12.9% .015 266.38)) 58%) 42%, color-mix(in oklab, var(--sgh-blue, oklch(74.67% .1402 227.95)), var(--sg-n-0, oklch(12.9% .015 266.38)) 80%) 100%);border-color:transparent;color:var(--sgh-n-0, oklch(99.2% .004 265));box-shadow:0 1.125rem 2.75rem color-mix(in oklab, var(--acc, var(--sgh-blue)) 26%, transparent)}

.sgh-audit-card :is(h2,.sgh-lead){color:var(--sgh-n-0, oklch(99.2% .004 265))}

.sgh-final .sgh-q{color:var(--sgh-muted)}

@media (max-width:940px){
  
  .sgh-why-head,.sgh-why-card,.sgh-why-card.sgh-w-wide,.sgh-why-cta{grid-column:span 12}
  .sgh-qs{grid-template-columns:1fr}
  .sgh-qs-left{position:static}
  .sgh-res-grid{grid-template-columns:1fr 1fr}
  .sg-blog__grid{grid-template-columns:1fr}
  .sgh-tier-grid{grid-template-columns:1fr}
  .sgh-audit-card{grid-template-columns:1fr}
  
}
@media (max-width:640px){
  
  
  
  
  .sgh-res-grid{grid-template-columns:1fr}

}

.sg-section.sg-section::before{content:'';position:absolute;inset:auto;top:0;left:50%;transform:translateX(-50%);width:min(45rem,72%);height:0.125rem;border-radius:0.125rem;pointer-events:none;background:linear-gradient(90deg,transparent,var(--acc,var(--sgh-blue)),transparent)}
.sgh-sec--dark.sgh-sec--dark::before{top:0}

@supports (animation-timeline: view()){
  
  
  .sg-section__chip{animation:none;opacity:1;transform:none}
  .sg-section h2 .sgh-accent{animation:none;background:none}
  
  
  
  
}

.sg-icon{display:inline-block;width:.9375rem;height:.9375rem;flex:none;background:currentColor;
  -webkit-mask:var(--im) center/contain no-repeat;mask:var(--im) center/contain no-repeat;
  transition:transform var(--sgh-t-fast) var(--sgh-ease)}
.sg-icon--arrow-right{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}

.sg-icon.small{width:.75rem;height:.75rem}

.sgh-hero,.sgh-ticker,.sg-section,.sgh-audit-band,.sgh-final{font-family:var(--sgh-font-body);color:var(--sgh-text);
  font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;letter-spacing:.005em;background:var(--sgh-bg)}

.sg-section.sgh-sec--dark{background:#0b0d13;color:#f2f3f7}
:is(.sgh-hero,.sg-section,.sgh-audit-band,.sgh-final) :is(h1,h2,h3){color:inherit}

.sgh-audit-card{--sgh-on-ink:var(--sgh-n-0, oklch(99.2% .004 265));color:var(--sgh-n-0, oklch(99.2% .004 265))}
.sgh-audit-card h2{color:var(--sgh-n-0, oklch(99.2% .004 265))}

.sgh-field .sgh-btn{background:var(--sgh-n-0, oklch(99.2% .004 265));color:#0a0a0d}

:is(.sgh-hero,.sg-section,.sgh-audit-band,.sgh-final) .sgh-btn-ink{color:var(--sgh-ink)}
:is(.sgh-hero,.sg-section,.sgh-audit-band,.sgh-final) .sgh-btn-line{color:var(--sgh-text)}
:is(.sgh-hero,.sg-section,.sgh-audit-band,.sgh-final) .sgh-btn-inv{color:var(--sgh-n-900)}
:is(.sgh-audit-band) .sgh-field .sgh-btn{color:#0a0a0d}
:is(.sg-section) .sgh-why-cta .sgh-btn-inv{color:#0a0a0d}

.sg-section__inner,
.sgh-audit-band,
.sgh-final, .sgh-quote-band {
  inline-size: 100%;
  max-inline-size: var(--content-width, 85.375rem);
  margin-inline: auto;
  padding-inline: 1.25rem;
}

.sgh-sec--dark.sgh-sec--dark{border-radius:1.75rem}

.sg-services.sg-services::before,.sg-process.sg-process::before,.sg-plans.sg-plans::before,.sg-blog.sg-blog::before{content:none}

html.sg-anim .sg-section__chip{animation:none;opacity:0;transform:scale(.6) rotate(-18deg);transition:opacity .24s ease, transform .24s cubic-bezier(.22,1,.36,1)}
html.sg-anim .sg-section__chip.sg-in{opacity:1;transform:none}
html.sg-anim .sg-underline{animation:none;background:linear-gradient(currentColor,currentColor) bottom left/0% .125rem no-repeat;transition:background-size .24s cubic-bezier(.22,1,.36,1)}
html.sg-anim .sg-underline.sg-in{background-size:100% .125rem}

html.sg-anim .sgh-bridge-c h2{animation:none;opacity:.35;transform:translateY(.75rem);transition:opacity .24s ease, transform .24s cubic-bezier(.22,1,.36,1)}
html.sg-anim .sgh-bridge-c h2.sg-in{opacity:1;transform:none}
.sgh-why-card.sgh-w-wide:first-child{grid-column:span 8}
.sgh-why-cta > *{grid-column:1}.sgh-why-cta > .sgh-btn{grid-column:2;grid-row:1 / span 2;margin-top:0}@media (max-width:40rem){.sgh-why-cta{grid-template-columns:1fr}.sgh-why-cta > .sgh-btn{grid-column:1;grid-row:auto;margin-top:1rem;justify-self:start}}
.sgh-wk:hover .sgh-wk-name{color:var(--acc-ink, var(--sgh-text))}@media (max-width:64rem){.sgh-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:40rem){.sgh-work-grid{grid-template-columns:1fr}}

/* --- homepage motion restored 2026-09-20: these nine keyframes were lost from the live sheet; recovered verbatim from sg-home-v2-stylesheet.css --- */
@keyframes sgPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}
@keyframes sgRotor{
  0%,11%{transform:translateY(0)}14.28%,25.4%{transform:translateY(-1.45em)}
  28.57%,39.7%{transform:translateY(-2.9em)}42.85%,54%{transform:translateY(-4.35em)}
  57.14%,68.3%{transform:translateY(-5.8em)}71.42%,82.5%{transform:translateY(-7.25em)}
  85.71%,96.8%{transform:translateY(-8.7em)}100%{transform:translateY(-10.15em)}}
@keyframes sgDraw{to{transform:scaleX(1)}}
@keyframes sgMarquee{to{transform:translateX(-50%)}}
@keyframes sgIn{to{opacity:1;transform:none}}
@keyframes sgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-0.4375rem)}}
@keyframes sgReveal{to{opacity:1;transform:none}}
@keyframes sgLine{to{transform:scaleY(1)}}
@keyframes sgNode{to{background:var(--sgh-n-900);color:var(--sgh-n-0);border-color:var(--sgh-n-900)}}

/* Hero pulse dot takes the colour of the rotating word; same 7-step timing as sgRotor (owner 2026-09-23). */
@keyframes sgPulseHue {
  0%, 11% { background-color: var(--sg-blue, oklch(74.67% .1402 227.95)); }
  14.28%, 25.4% { background-color: var(--sg-yellow, oklch(84.98% .1739 86.55)); }
  28.57%, 39.7% { background-color: var(--sg-green, oklch(58.8% .1947 142.26)); }
  42.85%, 54% { background-color: var(--sg-orange, oklch(69.58% .2043 43.49)); }
  57.14%, 68.3% { background-color: var(--sg-purple, oklch(67.93% .3175 325.07)); }
  71.42%, 82.5% { background-color: var(--sg-red, oklch(52.24% .202 31.27)); }
  85.71%, 96.8% { background-color: var(--sg-yellow, oklch(84.98% .1739 86.55)); }
  100% { background-color: var(--sg-blue, oklch(74.67% .1402 227.95)); }
}

/* Add your global styles here *//* Add your custom media definitions here using @custom-media rules. Example: @custom-media --small-screen (width < 600px);*/
header.sg-header { position:sticky;inset-block-start:0;z-index:var(--sg-z-nav);display:block;padding:calc(var(--sg-gutter)*.6) var(--sg-gutter) 0;background:transparent;font-family:var(--sg-font-body) }
.sg-header__inner { position:relative;display:flex;align-items:center;gap:.4rem;inline-size:min(100%, var(--sg-content-max, 85.375rem));margin-inline:auto;block-size:var(--sg-header-h);padding:.5rem clamp(.6rem,1.4vw,1.1rem) .5rem clamp(1rem,2vw,1.25rem);border-radius:var(--sg-radius-full, 999px);background:var(--sg-glass);-webkit-backdrop-filter:blur(var(--sg-blur, 18px)) saturate(160%);backdrop-filter:blur(var(--sg-blur, 18px)) saturate(160%);border:1px solid var(--sg-border);box-shadow:var(--sg-shadow-md);transition:box-shadow var(--sg-dur-base) var(--sg-ease), background var(--sg-dur-base) var(--sg-ease) }
.sg-header--scrolled .sg-header__inner { background:var(--sg-glass-strong);box-shadow:var(--sg-shadow-lg);border-color:var(--sg-border-strong) }
.sg-header__logo { flex:0 0 auto;display:flex;align-items:center;gap:.55rem;font-family:var(--sg-font-display);font-weight:700;font-size:var(--sg-text-l);letter-spacing:-.02em;color:var(--sg-text);text-decoration:none;white-space:nowrap }
.sg-header__nav { flex:1 1 auto;min-inline-size:0;display:flex;justify-content:center }
.sg-header__menu { display:flex;align-items:center;gap:.1rem;list-style:none;margin:0;padding:0;flex-wrap:nowrap }
.sg-header__item { position:static;margin:0 }
.sg-header__link { font-family:var(--sg-font-display);font-weight:500;font-size:var(--sg-text-s);color:var(--sg-text-muted);text-decoration:none;padding:.5rem .62rem;border-radius:var(--sg-radius-full, 999px);white-space:nowrap;display:inline-block;transition:color var(--sg-dur-fast) var(--sg-ease), background var(--sg-dur-fast) var(--sg-ease) }
.sg-header__link:hover { color:var(--sg-text);background:var(--sg-state-hover) }
.sg-header__item--mega:hover .sg-header__link { color:var(--sg-text);background:var(--sg-state-hover) }
.sg-header__item [aria-expanded="true"] { color:var(--sg-primary, oklch(74.67% .1402 227.95));background:var(--sg-primary-soft) }
.sg-header__link:focus-visible { outline:2px solid var(--sg-primary, oklch(74.67% .1402 227.95));outline-offset:2px }
.sg-header__cluster { flex:0 0 auto;display:flex;align-items:center;gap:.15rem;margin-inline-start:.35rem }
.sg-header__icon { inline-size:36px;block-size:36px;display:inline-grid;place-items:center;border:0;padding:0;background:transparent;color:var(--sg-text-muted);border-radius:var(--sg-radius-full, 999px);cursor:pointer;font-size:0;transition:color var(--sg-dur-fast) var(--sg-ease), background var(--sg-dur-fast) var(--sg-ease) }
.sg-header__icon:hover { color:var(--sg-primary, oklch(74.67% .1402 227.95));background:var(--sg-primary-soft) }
.sg-header__icon:focus-visible { outline:2px solid var(--sg-primary, oklch(74.67% .1402 227.95));outline-offset:2px }
.sg-header__icon::before { content:"";display:block;inline-size:19px;block-size:19px;background:currentColor }
.sg-header__cta{flex:0 0 auto;font-family:var(--sg-font-display);font-weight:700;font-size:var(--sg-text-s);background:var(--sg-yellow, oklch(84.98% .1739 86.55));color:#0a0a12;border-radius:var(--sg-radius-full, 999px);padding:.6rem 1.2rem;margin-inline-start:.4rem;text-decoration:none;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.28)}
.sg-header__cta:hover { transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,.36);filter:brightness(1.04) }
.sg-header__cta:focus-visible { outline:2px solid var(--sg-text);outline-offset:2px }
.sg-header__mobile-toggle { display:none }
.sg-header__megas { position:static;display:block }
.sg-header__panels { position:static;display:block }
.sg-mega { position:absolute;inset-inline-start:50%;inset-block-start:calc(var(--sg-gutter)*.6 + var(--sg-header-h) + .5rem);inline-size:min(var(--sg-content-max, 85.375rem), calc(100vw - 2*var(--sg-gutter)));padding:var(--sg-space-m, 1.25rem);background:var(--sg-glass-strong);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--sg-border-strong);border-radius:var(--sg-radius-2xl, 28px);box-shadow:var(--sg-shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(10px);transition:opacity var(--sg-dur-base) var(--sg-ease), transform var(--sg-dur-base) var(--sg-ease), visibility var(--sg-dur-base);z-index:var(--sg-z-overlay) }
.sg-mega.is-open { opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) }
.sg-mega[hidden] { display:block }
.sg-mega__inner { display:block }
.sg-mega__grid--3 { display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem }
.sg-mega__heading { font-family:var(--sg-font-display);font-weight:600;font-size:var(--sg-text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--sg-text-subtle);margin:0 0 .75rem }
.sg-mega__links { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem }
.sg-mega__link { display:block;padding:.4rem .55rem;margin-inline:-.55rem;border-radius:var(--sg-radius-md, 10px);color:var(--sg-text-muted);text-decoration:none;font-size:var(--sg-text-s);transition:color var(--sg-dur-fast), background var(--sg-dur-fast) }
.sg-mega__link:hover { color:var(--sg-text);background:var(--sg-state-hover) }
.sg-mega__services { display:grid;grid-template-columns:minmax(230px, 290px) 1fr;gap:1.75rem;align-items:start }
.sg-mega__tabs { display:flex;flex-direction:column;gap:.2rem;border-inline-end:1px solid var(--sg-border);padding-inline-end:1.25rem }
.sg-mega__tab { display:flex;gap:.6rem;align-items:center;text-align:start;inline-size:100%;padding:.5rem .7rem;border:0;background:transparent;border-radius:var(--sg-radius-lg, 14px);cursor:pointer;color:var(--sg-text);font:inherit;transition:background var(--sg-dur-fast) var(--sg-ease) }
.sg-mega__tab:hover { background:var(--sg-state-hover) }
.sg-mega__tab.is-active { background:var(--sg-primary-soft) }
.sg-mega__tab-dot { flex:0 0 auto;inline-size:9px;block-size:9px;border-radius:50%;margin-block-start:.4rem;background:var(--sg-cat-active, oklch(74.67% .1402 227.95));box-shadow:0 0 0 var(--space-4xs, 4px) color-mix(in oklab, var(--sg-cat-active, oklch(74.67% .1402 227.95)) 22%, transparent) }
.sg-mega__tab-text { display:flex;flex-direction:column;gap:2px;min-inline-size:0 }
.sg-mega__tab-name { font-family:var(--sg-font-display);font-weight:600;font-size:var(--sg-text-s);line-height:1.15;color:var(--sg-text) }
.sg-mega__tab-desc { font-size:var(--sg-text-xs);color:var(--sg-text-muted);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical }
.sg-mega__catpanels { position:relative;min-block-size:15rem }
.sg-mega__catpanel { display:none }
.sg-mega__catpanel.is-active { display:block }
.sg-mega__catpanel .sg-mega__links { display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:.4rem }
.sg-mega-card { display:flex;flex-direction:column;gap:2px;padding:.7rem .8rem;border-radius:var(--sg-radius-lg, 14px);text-decoration:none;transition:background var(--sg-dur-fast), transform var(--sg-dur-fast) }
.sg-mega-card:hover { background:var(--sg-state-hover);transform:translateY(-1px) }
.sg-mega-card__title { font-family:var(--sg-font-display);font-weight:600;font-size:var(--sg-text-s);color:var(--sg-text) }
.sg-mega-card__desc { font-size:var(--sg-text-xs);color:var(--sg-text-muted);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical }
.sg-mega__viewall { display:inline-block;margin-block-start:1rem;font-family:var(--sg-font-display);font-weight:600;font-size:.78rem;color:var(--sg-primary, oklch(74.67% .1402 227.95));text-decoration:none }
.sg-mega__cards { display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:.75rem }
.sg-industry-card { display:flex;flex-direction:column;gap:3px;padding:.85rem 1rem;border:1px solid var(--sg-border);border-radius:var(--sg-radius-lg, 14px);text-decoration:none;transition:border-color var(--sg-dur-fast), transform var(--sg-dur-fast), background var(--sg-dur-fast) }
.sg-industry-card:hover { border-color:var(--sg-primary-border);transform:translateY(-2px);background:var(--sg-state-hover) }
.sg-industry-card__name { font-family:var(--sg-font-display);font-weight:600;font-size:.9rem;color:var(--sg-text) }
.sg-industry-card__desc { font-size:.72rem;color:var(--sg-text-muted);line-height:1.35 }
.sg-mega__bottom { display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-block-start:1.5rem;padding-block-start:1.25rem;border-block-start:1px solid var(--sg-border) }
.sg-mega__bottom-link { font-family:var(--sg-font-display);font-weight:500;font-size:.85rem;color:var(--sg-text-muted);text-decoration:none }
.sg-mega__bottom-cta { font-family:var(--sg-font-display);font-weight:600;font-size:.85rem;background:var(--sg-primary, oklch(74.67% .1402 227.95));color:var(--sg-on-primary);border-radius:var(--sg-radius-full, 999px);padding:.5rem 1.1rem;text-decoration:none }
.sg-mega--portfolio { inline-size:min(320px, calc(100vw - 3rem));inset-inline-start:auto;inset-inline-end:var(--sg-gutter);transform:translateY(10px) }
.sg-mega--portfolio.is-open { transform:translateY(0) }
.sg-dropdown__links { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px }
.sg-panel { position:absolute;inset-block-start:calc(var(--sg-gutter)*.6 + var(--sg-header-h) + .35rem);inset-inline-end:var(--sg-gutter);min-inline-size:15rem;display:flex;flex-direction:column;gap:2px;padding:.5rem;background:var(--sg-glass-strong);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--sg-border-strong);border-radius:var(--sg-radius-lg, 14px);box-shadow:var(--sg-shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(var(--space-3xs, 8px));transition:opacity var(--sg-dur-fast) var(--sg-ease), transform var(--sg-dur-fast) var(--sg-ease), visibility var(--sg-dur-fast);z-index:var(--sg-z-panel) }
.sg-panel.is-open { opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) }
.sg-panel[hidden] { display:flex }
.sg-panel__link { font-family:var(--sg-font-display);font-weight:500;font-size:var(--sg-text-s);display:block;text-align:start;padding:.55rem .75rem;border-radius:var(--sg-radius-md, 10px);color:var(--sg-text);text-decoration:none }
.sg-panel__opt { font-family:var(--sg-font-display);font-weight:500;font-size:var(--sg-text-s);display:block;text-align:start;inline-size:100%;padding:.55rem .75rem;border-radius:var(--sg-radius-md, 10px);color:var(--sg-text);background:transparent;border:0;cursor:pointer }
.sg-panel__link:hover { background:var(--sg-state-hover) }
.sg-panel__opt:hover { background:var(--sg-state-hover) }
.sg-panel__opt[aria-checked="true"] { color:var(--sg-primary, oklch(74.67% .1402 227.95));font-weight:600 }
.sg-drawer { position:fixed;inset:0;z-index:var(--sg-z-panel);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--sg-dur-base) var(--sg-ease), visibility var(--sg-dur-base) }
.sg-drawer[hidden] { display:block }
.sg-drawer.is-open { opacity:1;visibility:visible;pointer-events:auto }
.sg-drawer__backdrop { position:absolute;inset:0;background:color-mix(in oklab, var(--sg-n-0) 55%, transparent) }
.sg-drawer__inner { position:absolute;inset-block:0;inset-inline-end:0;inline-size:min(420px, 90vw);overflow-y:auto;background:var(--sg-glass-strong);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border-inline-start:1px solid var(--sg-border-strong);box-shadow:var(--sg-shadow-lg);padding:var(--sg-space-m, 1.25rem);transform:translateX(100%);transition:transform var(--sg-dur-base) var(--sg-ease) }
.sg-drawer.is-open .sg-drawer__inner { transform:translateX(0) }
.sg-search { position:fixed;inset:0;z-index:var(--sg-z-overlay);display:grid;place-items:start center;padding-block-start:12vh;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--sg-dur-base) var(--sg-ease), visibility var(--sg-dur-base) }
.sg-search[hidden] { display:grid }
.sg-search.is-open { opacity:1;visibility:visible;pointer-events:auto }
.sg-search__backdrop { position:absolute;inset:0;background:color-mix(in oklab, var(--sg-n-0) 55%, transparent) }
.sg-search__box { position:relative;z-index:1;inline-size:min(680px, 92vw);background:var(--sg-glass-strong);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--sg-border-strong);border-radius:var(--sg-radius-2xl, 28px);box-shadow:var(--sg-shadow-lg);padding:var(--sg-space-m, 1.25rem) }
.sg-search__label { display:block;font-family:var(--sg-font-display);font-size:.85rem;color:var(--sg-text-muted);margin-block-end:.5rem }
.sg-search__row { display:flex;gap:.5rem }
.sg-search__input { flex:1;padding:.85rem 1rem;border-radius:var(--sg-radius-md, 10px);border:1px solid var(--sg-border-strong);background:var(--sg-state-hover);color:var(--sg-text);font:inherit }
.sg-search__submit { font-family:var(--sg-font-display);font-weight:600;padding:.85rem 1.25rem;border-radius:var(--sg-radius-md, 10px);border:0;background:var(--sg-primary, oklch(74.67% .1402 227.95));color:var(--sg-on-primary);cursor:pointer }
.sg-search__hints { display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:.85rem;align-items:center }
.sg-search__hints-label { font-size:.85rem;color:var(--sg-text-subtle) }
.sg-search__hint { font-family:var(--sg-font-display);font-size:.8rem;padding:.3rem .7rem;border-radius:var(--sg-radius-full, 999px);border:1px solid var(--sg-border);color:var(--sg-text);text-decoration:none }
.sg-search__hint:hover { border-color:var(--sg-primary, oklch(74.67% .1402 227.95));color:var(--sg-primary, oklch(74.67% .1402 227.95)) }
.sg-search__close { position:absolute;inset-block-start:1rem;inset-inline-end:1rem;background:transparent;border:1px solid var(--sg-border-strong);color:var(--sg-text);border-radius:var(--sg-radius-md, 10px);padding:.35rem .6rem;cursor:pointer;font-family:var(--sg-font-display);font-size:.8rem }
.sg-header__search::before{-webkit-mask:var(--sg-i-1) center / contain no-repeat;mask:var(--sg-i-1) center / contain no-repeat;}
.sg-header__theme::before{-webkit-mask:var(--sg-i-2) center / contain no-repeat;mask:var(--sg-i-2) center / contain no-repeat;}
.sg-header__account::before{-webkit-mask:var(--sg-i-3) center / contain no-repeat;mask:var(--sg-i-3) center / contain no-repeat;}
.sg-header__quicktools::before{-webkit-mask:var(--sg-i-4) center / contain no-repeat;mask:var(--sg-i-4) center / contain no-repeat;}
.sg-header__utility::before{-webkit-mask:var(--sg-i-5) center / contain no-repeat;mask:var(--sg-i-5) center / contain no-repeat;}
.sg-header__mobile-toggle::before { -webkit-mask:var(--sg-i-6) center/contain no-repeat;mask:var(--sg-i-6) center/contain no-repeat }
.sg-header {  }
.sg-header__item--mega {  }
.sg-header__search {  }
.sg-header__theme {  }
.sg-header__account {  }
.sg-header__quicktools {  }
.sg-header__utility {  }
.sg-mega--about {  }
.sg-mega__grid {  }
.sg-mega__col {  }
.sg-mega__link-item {  }
.sg-mega--services {  }
.sg-mega--industries {  }
.sg-mega--resources {  }
.sg-dropdown {  }
.sg-panel--theme {  }
.sg-panel--account {  }
.sg-panel--quicktools {  }
.sg-drawer--utility {  }
.sg-header__item--mega [aria-expanded=true] { color:var(--sg-cat-design,var(--sg-blue, oklch(74.67% .1402 227.95))) }
.sg-header .sg-header__megas { position:static;display:block }
.sg-header .sg-header__panels { position:static;display:block }

@media (max-width:640px){
  .sg-drawer--utility{inline-size:100vw;max-inline-size:100vw}
  .sg-drawer--utility .sg-drawer__inner{padding-inline:1.15rem}
}

@media (max-width:900px){.sg-header__logo .sg-header__logo-img{display:none} .sg-header__logo .sg-header__logo-mark{display:block}}

/* theme-aware wordmark: 05 white on dark, 02 on light, bird on mobile */
.sg-header__logo .sg-header__logo-light{display:none}
html.scheme--light .sg-header__logo .sg-header__logo-img{display:none}
html.scheme--light .sg-header__logo .sg-header__logo-light{display:block;height:clamp(26px,3.2vw,36px);width:auto;inline-size:auto}
@media (max-width:900px){.sg-header__logo .sg-header__logo-img{display:none!important}.sg-header__logo .sg-header__logo-light{display:none!important}.sg-header__logo .sg-header__logo-mark{display:block!important}}

/* SG header responsive (inline in Etch, replaces mu-plugin) */
@media (max-width:1024px){body .sg-header{padding:0}body .sg-header__inner{max-inline-size:none;inline-size:100%;border-radius:0;margin:0;border-inline:0;border-block-start:0;border-block-end:1px solid var(--sg-border,rgba(255,255,255,.12));padding:.6rem clamp(1rem,4vw,1.4rem);justify-content:flex-start;gap:.35rem}body .sg-header__logo{margin-inline-end:auto}body .sg-header__nav{display:none!important}body .sg-header__theme,body .sg-header__quicktools,body .sg-header__utility,body .sg-header__cta{display:none!important}body .sg-header__mobile-toggle{display:inline-grid!important;inline-size:42px;block-size:42px;place-items:center;color:var(--sg-text,#eef1f6);background:transparent;border:0;border-radius:var(--sg-radius-full, 999px);cursor:pointer;font-size:0;padding:0}body .sg-header__mobile-toggle::before{content:'';display:block;inline-size:24px;block-size:24px;background:currentColor;-webkit-mask:var(--sg-i-7) center/contain no-repeat;mask:var(--sg-i-7) center/contain no-repeat}body .sg-header .sg-mega,body .sg-header .sg-panel{inset-inline:0!important;inline-size:100%!important;max-inline-size:100%!important;transform:none!important}}

/* icon glyph absolute centering */
.sg-header .sg-header__icon{position:relative}
.sg-header .sg-header__icon::before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);inline-size:20px;block-size:20px}


/* header floats over hero + always in front */
body .sg-header{z-index:999;margin-block-end:calc(-1 * (var(--sg-gutter) * .6 + var(--sg-header-h) + .5rem))}

/* theme cycle mode icons */
.sg-header__theme[data-theme-mode='light']::before{-webkit-mask:var(--sg-i-2) center/contain no-repeat;mask:var(--sg-i-2) center/contain no-repeat}.sg-header__theme[data-theme-mode='dark']::before{-webkit-mask:var(--sg-i-8) center/contain no-repeat;mask:var(--sg-i-8) center/contain no-repeat}.sg-header__theme[data-theme-mode='system']::before{-webkit-mask:var(--sg-i-9) center/contain no-repeat;mask:var(--sg-i-9) center/contain no-repeat}

/* services mega tab redesign */
.sg-mega .sg-mega__tab{display:flex;gap:.7rem;align-items:center;justify-content:flex-start;text-align:left;inline-size:100%;padding:.6rem .7rem;border:0;background:transparent;border-radius:var(--sg-radius-lg, 14px);cursor:pointer;color:var(--sg-text);font:inherit;transition:background var(--sg-dur-fast) var(--sg-ease),transform var(--sg-dur-fast) var(--sg-ease)}
.sg-mega .sg-mega__tab:hover{background:var(--sg-surface)}
.sg-mega .sg-mega__tab.is-active{background:color-mix(in oklab, var(--sg-cat-active, oklch(74.67% .1402 227.95)) 14%, transparent)}
.sg-mega .sg-mega__tab-dot{flex:0 0 auto;inline-size:34px;block-size:34px;border-radius:11px;margin:0;background:color-mix(in oklab, var(--sg-cat-active, oklch(74.67% .1402 227.95)) 20%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sg-cat-active, oklch(74.67% .1402 227.95)) 45%, transparent);position:relative;display:grid;place-items:center;transition:background var(--sg-dur-fast) var(--sg-ease)}
.sg-mega .sg-mega__tab.is-active .sg-mega__tab-dot{background:var(--sg-cat-active, oklch(74.67% .1402 227.95))}
.sg-mega .sg-mega__tab-dot::before{content:'';inline-size:18px;block-size:18px;background:var(--sg-cat-active, oklch(74.67% .1402 227.95));-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background var(--sg-dur-fast) var(--sg-ease)}
.sg-mega .sg-mega__tab.is-active .sg-mega__tab-dot::before{background:#fff}
.sg-mega .sg-mega__tab[data-category='design'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-10);mask-image:var(--sg-i-10)}
.sg-mega .sg-mega__tab[data-category='development'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-11);mask-image:var(--sg-i-11)}
.sg-mega .sg-mega__tab[data-category='marketing'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-12);mask-image:var(--sg-i-12)}
.sg-mega .sg-mega__tab[data-category='copywriting'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-13);mask-image:var(--sg-i-13)}
.sg-mega .sg-mega__tab[data-category='optimization'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-14);mask-image:var(--sg-i-14)}
.sg-mega .sg-mega__tab[data-category='maintenance'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-15);mask-image:var(--sg-i-15)}
.sg-mega .sg-mega__tab-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-inline-size:0;text-align:left}
.sg-mega .sg-mega__tab-name{font-family:var(--sg-font-display);font-weight:600;font-size:var(--sg-text-s);line-height:1.2;color:var(--sg-text);text-align:left}
.sg-mega .sg-mega__tab-desc{font-size:var(--sg-text-xs);color:var(--sg-text-muted);line-height:1.3;text-align:left;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}



/* services mega tab icons v4 */
.sg-mega .sg-mega__tab-dot::before{content:'';inline-size:19px;block-size:19px;background:color-mix(in oklab, var(--sg-text) 90%, transparent);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:19px 19px;mask-size:19px 19px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background var(--sg-dur-fast) var(--sg-ease)}
.sg-mega .sg-mega__tab.is-active .sg-mega__tab-dot::before{background:#fff}
.sg-mega .sg-mega__tab[data-category='design'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-16);mask-image:var(--sg-i-16)}
.sg-mega .sg-mega__tab[data-category='development'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-17);mask-image:var(--sg-i-17)}
.sg-mega .sg-mega__tab[data-category='marketing'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-18);mask-image:var(--sg-i-18)}
.sg-mega .sg-mega__tab[data-category='copywriting'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-19);mask-image:var(--sg-i-19)}
.sg-mega .sg-mega__tab[data-category='optimization'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-20);mask-image:var(--sg-i-20)}
.sg-mega .sg-mega__tab[data-category='maintenance'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-21);mask-image:var(--sg-i-21)}

/* services mega cards v5 */
.sg-mega__catpanel .sg-mega__links{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.4rem;align-content:start}
.sg-mega .sg-mega-card{position:relative;display:grid;grid-template-columns:2.1rem 1fr;column-gap:.7rem;row-gap:1px;align-items:center;padding:.55rem .7rem;border-radius:var(--sg-radius-md, 10px);text-decoration:none;background:transparent;box-shadow:inset 0 0 0 1px transparent;transition:background var(--sg-dur-fast) var(--sg-ease),box-shadow var(--sg-dur-fast) var(--sg-ease),transform var(--sg-dur-fast) var(--sg-ease)}
.sg-mega .sg-mega-card::before{content:'';grid-column:1;grid-row:1 / span 2;inline-size:2.1rem;block-size:2.1rem;border-radius:var(--sg-radius-md, 10px);background:color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 13%,var(--sg-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 28%,transparent);transition:background var(--sg-dur-fast) var(--sg-ease),box-shadow var(--sg-dur-fast) var(--sg-ease)}
.sg-mega .sg-mega-card::after{content:'';grid-column:1;grid-row:1 / span 2;justify-self:center;align-self:center;inline-size:1.15rem;block-size:1.15rem;background:var(--sg-cat-active, oklch(74.67% .1402 227.95));-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background var(--sg-dur-fast) var(--sg-ease);pointer-events:none}
.sg-mega .sg-mega-card__title{grid-column:2;font-family:var(--sg-font-display);font-weight:600;font-size:var(--sg-text-s);line-height:1.2;color:var(--sg-text)}
.sg-mega .sg-mega-card__desc{grid-column:2;font-size:var(--sg-text-xs);color:var(--sg-text-muted);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.sg-mega .sg-mega-card:hover{background:color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 9%,var(--sg-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 42%,transparent);transform:translateY(-1px)}
.sg-mega .sg-mega-card:hover::before{background:var(--sg-cat-active, oklch(74.67% .1402 227.95));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 75%,transparent)}
.sg-mega .sg-mega-card:hover::after{background:#fff}

.sg-mega .sg-mega-card[data-category='design']::after{-webkit-mask-image:var(--sg-i-22);mask-image:var(--sg-i-22)}
.sg-mega .sg-mega-card[data-category='development']::after{-webkit-mask-image:var(--sg-i-23);mask-image:var(--sg-i-23)}
.sg-mega .sg-mega-card[data-category='marketing']::after{-webkit-mask-image:var(--sg-i-24);mask-image:var(--sg-i-24)}
.sg-mega .sg-mega-card[data-category='copywriting']::after{-webkit-mask-image:var(--sg-i-25);mask-image:var(--sg-i-25)}
.sg-mega .sg-mega-card[data-category='optimization']::after{-webkit-mask-image:var(--sg-i-26);mask-image:var(--sg-i-26)}
.sg-mega .sg-mega-card[data-category='maintenance']::after{-webkit-mask-image:var(--sg-i-27);mask-image:var(--sg-i-27)}
.sg-mega .sg-mega-card[href$='/application-design/']::after{-webkit-mask-image:var(--sg-i-28);mask-image:var(--sg-i-28)}
.sg-mega .sg-mega-card[href$='/billboards-signage/']::after{-webkit-mask-image:var(--sg-i-29);mask-image:var(--sg-i-29)}
.sg-mega .sg-mega-card[href$='/blog-and-ad-graphics/']::after{-webkit-mask-image:var(--sg-i-30);mask-image:var(--sg-i-30)}
.sg-mega .sg-mega-card[href$='/blog-design/']::after{-webkit-mask-image:var(--sg-i-31);mask-image:var(--sg-i-31)}
.sg-mega .sg-mega-card[href$='/brand-audits/']::after{-webkit-mask-image:var(--sg-i-32);mask-image:var(--sg-i-32)}
.sg-mega .sg-mega-card[href$='/brand-identity/']::after{-webkit-mask-image:var(--sg-i-33);mask-image:var(--sg-i-33)}
.sg-mega .sg-mega-card[href$='/brand-strategy/']::after{-webkit-mask-image:var(--sg-i-34);mask-image:var(--sg-i-34)}
.sg-mega .sg-mega-card[href$='/branding-2/']::after{-webkit-mask-image:var(--sg-i-35);mask-image:var(--sg-i-35)}
.sg-mega .sg-mega-card[href$='/brochure-flyer-design-services/']::after{-webkit-mask-image:var(--sg-i-36);mask-image:var(--sg-i-36)}
.sg-mega .sg-mega-card[href$='/business-card/']::after{-webkit-mask-image:var(--sg-i-37);mask-image:var(--sg-i-37)}
.sg-mega .sg-mega-card[href$='/e-commerce-website-design/']::after{-webkit-mask-image:var(--sg-i-38);mask-image:var(--sg-i-38)}
.sg-mega .sg-mega-card[href$='/email-graphics/']::after{-webkit-mask-image:var(--sg-i-39);mask-image:var(--sg-i-39)}
.sg-mega .sg-mega-card[href$='/infographic-design/']::after{-webkit-mask-image:var(--sg-i-24);mask-image:var(--sg-i-24)}
.sg-mega .sg-mega-card[href$='/information-architecture/']::after{-webkit-mask-image:var(--sg-i-40);mask-image:var(--sg-i-40)}
.sg-mega .sg-mega-card[href$='/interaction-design/']::after{-webkit-mask-image:var(--sg-i-41);mask-image:var(--sg-i-41)}
.sg-mega .sg-mega-card[href$='/landing-page-design/']::after{-webkit-mask-image:var(--sg-i-42);mask-image:var(--sg-i-42)}
.sg-mega .sg-mega-card[href$='/mockups/']::after{-webkit-mask-image:var(--sg-i-43);mask-image:var(--sg-i-43)}
.sg-mega .sg-mega-card[href$='/packaging-design/']::after{-webkit-mask-image:var(--sg-i-44);mask-image:var(--sg-i-44)}
.sg-mega .sg-mega-card[href$='/social-media-graphics/']::after{-webkit-mask-image:var(--sg-i-45);mask-image:var(--sg-i-45)}
.sg-mega .sg-mega-card[href$='/trade-show-banners/']::after{-webkit-mask-image:var(--sg-i-46);mask-image:var(--sg-i-46)}
.sg-mega .sg-mega-card[href$='/ui-ux-design/']::after{-webkit-mask-image:var(--sg-i-47);mask-image:var(--sg-i-47)}
.sg-mega .sg-mega-card[href$='/web-design/']::after{-webkit-mask-image:var(--sg-i-48);mask-image:var(--sg-i-48)}
.sg-mega .sg-mega-card[href$='/web-design-solutions/']::after{-webkit-mask-image:var(--sg-i-49);mask-image:var(--sg-i-49)}
.sg-mega .sg-mega-card[href$='/website-redesign/']::after{-webkit-mask-image:var(--sg-i-50);mask-image:var(--sg-i-50)}
.sg-mega .sg-mega-card[href$='/wireframes-prototypes/']::after{-webkit-mask-image:var(--sg-i-51);mask-image:var(--sg-i-51)}
.sg-mega .sg-mega-card[href$='/ai-website-systems/']::after{-webkit-mask-image:var(--sg-i-52);mask-image:var(--sg-i-52)}
.sg-mega .sg-mega-card[href$='/api-integration/']::after{-webkit-mask-image:var(--sg-i-53);mask-image:var(--sg-i-53)}
.sg-mega .sg-mega-card[href$='/appointment-booking-systems/']::after{-webkit-mask-image:var(--sg-i-54);mask-image:var(--sg-i-54)}
.sg-mega .sg-mega-card[href$='/crm-integration/']::after{-webkit-mask-image:var(--sg-i-55);mask-image:var(--sg-i-55)}
.sg-mega .sg-mega-card[href$='/custom-quote-forms/']::after{-webkit-mask-image:var(--sg-i-56);mask-image:var(--sg-i-56)}
.sg-mega .sg-mega-card[href$='/event-management/']::after{-webkit-mask-image:var(--sg-i-57);mask-image:var(--sg-i-57)}
.sg-mega .sg-mega-card[href$='/learning-management-system/']::after{-webkit-mask-image:var(--sg-i-58);mask-image:var(--sg-i-58)}
.sg-mega .sg-mega-card[href$='/membership-site-development/']::after{-webkit-mask-image:var(--sg-i-59);mask-image:var(--sg-i-59)}
.sg-mega .sg-mega-card[href$='/mobile-application/']::after{-webkit-mask-image:var(--sg-i-60);mask-image:var(--sg-i-60)}
.sg-mega .sg-mega-card[href$='/payment-gateway-integration/']::after{-webkit-mask-image:var(--sg-i-61);mask-image:var(--sg-i-61)}
.sg-mega .sg-mega-card[href$='/web-development/']::after{-webkit-mask-image:var(--sg-i-23);mask-image:var(--sg-i-23)}
.sg-mega .sg-mega-card[href$='/analytics-dashboards/']::after{-webkit-mask-image:var(--sg-i-62);mask-image:var(--sg-i-62)}
.sg-mega .sg-mega-card[href$='/chatbot-and-live-chat-setup/']::after{-webkit-mask-image:var(--sg-i-63);mask-image:var(--sg-i-63)}
.sg-mega .sg-mega-card[href$='/e-commerce-optimization/']::after{-webkit-mask-image:var(--sg-i-64);mask-image:var(--sg-i-64)}
.sg-mega .sg-mega-card[href$='/local-seo/']::after{-webkit-mask-image:var(--sg-i-65);mask-image:var(--sg-i-65)}
.sg-mega .sg-mega-card[href$='/marketing-automation/']::after{-webkit-mask-image:var(--sg-i-66);mask-image:var(--sg-i-66)}
.sg-mega .sg-mega-card[href$='/search-engine-optimization/']::after{-webkit-mask-image:var(--sg-i-67);mask-image:var(--sg-i-67)}
.sg-mega .sg-mega-card[href$='/website-accessibility-audit/']::after{-webkit-mask-image:var(--sg-i-68);mask-image:var(--sg-i-68)}
.sg-mega .sg-mega-card[href$='/website-optimization/']::after{-webkit-mask-image:var(--sg-i-69);mask-image:var(--sg-i-69)}
.sg-mega .sg-mega-card[href$='/website-speed-optimization/']::after{-webkit-mask-image:var(--sg-i-26);mask-image:var(--sg-i-26)}
.sg-mega .sg-mega-card[href$='/campaign-management/']::after{-webkit-mask-image:var(--sg-i-70);mask-image:var(--sg-i-70)}
.sg-mega .sg-mega-card[href$='/content-strategy/']::after{-webkit-mask-image:var(--sg-i-71);mask-image:var(--sg-i-71)}
.sg-mega .sg-mega-card[href$='/creative-marketing-strategy/']::after{-webkit-mask-image:var(--sg-i-72);mask-image:var(--sg-i-72)}
.sg-mega .sg-mega-card[href$='/email-marketing/']::after{-webkit-mask-image:var(--sg-i-73);mask-image:var(--sg-i-73)}
.sg-mega .sg-mega-card[href$='/ppc-management/']::after{-webkit-mask-image:var(--sg-i-74);mask-image:var(--sg-i-74)}
.sg-mega .sg-mega-card[href$='/social-media-management/']::after{-webkit-mask-image:var(--sg-i-75);mask-image:var(--sg-i-75)}
.sg-mega .sg-mega-card[href$='/strategy-and-planning/']::after{-webkit-mask-image:var(--sg-i-76);mask-image:var(--sg-i-76)}
.sg-mega .sg-mega-card[href$='/video-marketing/']::after{-webkit-mask-image:var(--sg-i-77);mask-image:var(--sg-i-77)}
.sg-mega .sg-mega-card[href$='/cms-training/']::after{-webkit-mask-image:var(--sg-i-78);mask-image:var(--sg-i-78)}
.sg-mega .sg-mega-card[href$='/domains/']::after{-webkit-mask-image:var(--sg-i-79);mask-image:var(--sg-i-79)}
.sg-mega .sg-mega-card[href$='/hosting/']::after{-webkit-mask-image:var(--sg-i-80);mask-image:var(--sg-i-80)}
.sg-mega .sg-mega-card[href$='/website-maintenance-and-security/']::after{-webkit-mask-image:var(--sg-i-81);mask-image:var(--sg-i-81)}
.sg-mega .sg-mega-card[href$='/copywriting/']::after{-webkit-mask-image:var(--sg-i-82);mask-image:var(--sg-i-82)}
/* services mega refinements v6 */
.sg-mega__services .sg-mega__tabs{gap:.4rem}
.sg-mega .sg-mega__tab{padding:.72rem .85rem;align-items:flex-start}
.sg-mega .sg-mega__tab-dot{margin-block-start:1px}
.sg-mega .sg-mega__tab-text{row-gap:3px}
.sg-mega .sg-mega__tab-name{line-height:1.2}
.sg-mega .sg-mega__tab-desc{white-space:normal;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;line-height:1.3;color:color-mix(in oklab,var(--sg-text) 82%,transparent)}
.sg-mega__catpanel .sg-mega__links{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.sg-mega .sg-mega-card__title{line-height:1.25}
.sg-mega .sg-mega-card__desc{-webkit-line-clamp:2;line-clamp:2;white-space:normal;line-height:1.4;color:color-mix(in oklab,var(--sg-text) 82%,transparent)}
.sg-mega .sg-mega-card:hover .sg-mega-card__desc{-webkit-line-clamp:unset;line-clamp:unset;color:color-mix(in oklab,var(--sg-text) 94%,transparent)}
/* services mega digestible v7 */
.sg-mega .sg-mega-card{padding:.5rem .65rem;align-items:center}
.sg-mega .sg-mega-card__title{font-weight:600}
.sg-mega .sg-mega-card__desc{display:none}
.sg-mega .sg-mega-card:hover .sg-mega-card__desc{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.4;color:color-mix(in oklab,var(--sg-text) 90%,transparent)}
/* services mega motion v8 */
@keyframes sgCatIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.sg-mega__catpanel.is-active{animation:sgCatIn .24s var(--sg-ease, cubic-bezier(.22,.61,.36,1)) both}
.sg-mega .sg-mega-card{transition:background var(--sg-dur-fast) var(--sg-ease),box-shadow var(--sg-dur-fast) var(--sg-ease),transform var(--sg-dur-fast) var(--sg-ease),padding var(--sg-dur-fast) var(--sg-ease)}
@media (prefers-reduced-motion: reduce){.sg-mega__catpanel.is-active{animation:none}}
/* services mega alignment v9 */
.sg-mega .sg-mega__tab{padding:.58rem .8rem;align-items:center}
.sg-mega .sg-mega__tab-dot{margin-block-start:0}
.sg-mega .sg-mega__tab-desc{display:none}
.sg-mega__services .sg-mega__tabs{gap:.3rem}
.sg-mega__catpanels{min-block-size:11rem}
.sg-mega__services{align-items:start}
.sg-mega .sg-mega__viewall{margin-block-start:.9rem}
/* services mega fill v10 */
.sg-mega__inner{display:grid;grid-template-columns:minmax(210px,255px) 1fr;column-gap:1.6rem;grid-template-rows:auto 1fr auto;grid-template-areas:'tabs content' 'tabs featured' 'bottom bottom'}
.sg-mega__services{display:contents}
.sg-mega__tabs{grid-area:tabs;align-self:start}
.sg-mega__catpanels{grid-area:content;align-self:start;min-block-size:0}
.sg-mega__bottom{grid-area:bottom}

/* services mega clean cut v12 */
.sg-mega__inner{display:block}
.sg-mega__services{display:grid;grid-template-columns:minmax(210px,265px) 1fr;column-gap:1.9rem;align-items:start}
.sg-mega__catpanels{min-block-size:0}
.sg-mega .sg-mega-card{align-items:center;padding:.55rem .7rem}
.sg-mega .sg-mega-card__desc{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.35;color:color-mix(in oklab,var(--sg-text) 76%,transparent)}
.sg-mega .sg-mega-card:hover .sg-mega-card__desc{-webkit-line-clamp:1;line-clamp:1;color:color-mix(in oklab,var(--sg-text) 92%,transparent)}
/* services mega moonday v14 */
.sg-mega__inner{display:grid;grid-template-columns:minmax(228px,272px) 1.55fr .82fr;column-gap:2rem;grid-template-areas:'rail services featured' 'bottom bottom bottom';align-items:stretch}
.sg-mega__services{display:contents}
.sg-mega__tabs{grid-area:rail;align-self:start;display:flex;flex-direction:column;gap:.2rem;border-inline-end:1px solid color-mix(in oklab,var(--sg-text) 10%,transparent);padding-inline-end:1.5rem}
.sg-mega__catpanels{grid-area:services;min-block-size:0;align-self:start}
.sg-mega__bottom{grid-area:bottom;margin-block-start:1.4rem;padding-block-start:1rem;border-block-start:1px solid color-mix(in oklab,var(--sg-text) 10%,transparent)}
.sg-mega__tabs::before{content:'CATEGORIES';display:block;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:color-mix(in oklab,var(--sg-text) 42%,transparent);margin:.1rem 0 .7rem .85rem}
.sg-mega__catpanel::before{display:block;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:color-mix(in oklab,var(--sg-text) 42%,transparent);margin:.1rem 0 .9rem}
.sg-mega__catpanel[data-category='design']::before{content:'DESIGN SERVICES'}
.sg-mega__catpanel[data-category='development']::before{content:'DEVELOPMENT SERVICES'}
.sg-mega__catpanel[data-category='marketing']::before{content:'MARKETING SERVICES'}
.sg-mega__catpanel[data-category='copywriting']::before{content:'COPYWRITING SERVICES'}
.sg-mega__catpanel[data-category='optimization']::before{content:'OPTIMIZATION SERVICES'}
.sg-mega__catpanel[data-category='maintenance']::before{content:'MAINTENANCE SERVICES'}
.sg-mega .sg-mega__tab{display:flex;align-items:center;gap:.8rem;inline-size:100%;text-align:left;padding:.7rem .8rem;border-radius:var(--sg-radius-lg, 14px);background:transparent;box-shadow:none;transition:background .18s ease,box-shadow .18s ease}
.sg-mega .sg-mega__tab.is-active{background:var(--sg-surface);box-shadow:0 var(--space-3xs, 8px) 24px rgba(0,0,0,.28),inset 0 0 0 1px color-mix(in oklab,var(--sg-text) 8%,transparent)}
.sg-mega .sg-mega__tab-dot{flex:0 0 auto;inline-size:2.5rem;block-size:2.5rem;border-radius:50%;background:color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 15%,var(--sg-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 24%,transparent);display:grid;place-items:center}
.sg-mega .sg-mega__tab.is-active .sg-mega__tab-dot{background:color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 22%,var(--sg-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 42%,transparent)}
.sg-mega .sg-mega__tab-text{display:flex;flex-direction:column;gap:1px;min-inline-size:0}
.sg-mega .sg-mega__tab-name{font-weight:600;font-size:var(--sg-text-s);line-height:1.2;color:var(--sg-text)}
.sg-mega .sg-mega__tab-desc{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--sg-text-xs);line-height:1.32;color:color-mix(in oklab,var(--sg-text) 56%,transparent)}
.sg-mega__catpanel .sg-mega__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem 1.4rem;align-content:start}
.sg-mega .sg-mega-card{display:flex;align-items:center;gap:.7rem;padding:.5rem .55rem;border-radius:var(--sg-radius-md, 10px)}
.sg-mega .sg-mega-card::before{display:none}
.sg-mega .sg-mega-card::after{content:'';flex:0 0 auto;inline-size:1.15rem;block-size:1.15rem;background:var(--sg-cat-active, oklch(74.67% .1402 227.95));-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;order:-1}
.sg-mega .sg-mega-card__title{font-weight:600;font-size:var(--sg-text-s);line-height:1.25;color:var(--sg-text)}
.sg-mega .sg-mega-card__desc{display:none}
.sg-mega .sg-mega-card:hover{background:color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 9%,var(--sg-surface));transform:none}
.sg-mega .sg-mega__viewall{margin-block-start:1rem;display:inline-block}
/* services mega card row fix v15 */
.sg-mega .sg-mega-card{flex-direction:row;justify-content:flex-start;text-align:left}
.sg-mega .sg-mega-card__title{text-align:left}
/* services mega polish v16 */
.sg-mega__tabs{gap:.1rem}
.sg-mega .sg-mega__tab{padding:.5rem .7rem;gap:.7rem}
.sg-mega .sg-mega__tab-dot{inline-size:2.15rem;block-size:2.15rem}
.sg-mega .sg-mega__tab-desc{line-height:1.28}
.sg-mega__catpanel .sg-mega__links{gap:.7rem 1.4rem}
.sg-mega .sg-mega-card{padding:.35rem .55rem}
/* services mega hover-info + space v17 */
.sg-mega__catpanel .sg-mega__links{gap:1.05rem 1.7rem}
.sg-mega .sg-mega-card{flex-wrap:nowrap;padding:.42rem .55rem;align-content:center}
.sg-mega .sg-mega-card__desc{display:none;flex-basis:100%;margin-inline-start:1.85rem;font-size:var(--sg-text-xs);line-height:1.38;color:color-mix(in oklab,var(--sg-text) 64%,transparent)}
.sg-mega .sg-mega-card:hover{background:color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 11%,var(--sg-surface))}
.sg-mega .sg-mega-card:hover .sg-mega-card__desc{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
/* services mega theme + gradient v18 */
.sg-mega{--sg-cat-ink:var(--sg-cat-active, oklch(74.67% .1402 227.95))}
[data-theme="light"] .sg-mega{--sg-cat-ink:color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 52%,#141430)}
.sg-mega .sg-mega-card::after{background:var(--sg-cat-ink)}
.sg-mega .sg-mega-card:hover::after{background:var(--sg-cat-ink)}
.sg-mega .sg-mega__tab-dot::before{background:var(--sg-cat-ink)}
.sg-mega .sg-mega__tab.is-active .sg-mega__tab-dot::before{background:var(--sg-cat-ink)}
[data-theme="light"] .sg-mega .sg-mega-card:hover{background:color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 16%,var(--sg-surface))}

/* un-leak services CSS from other megas v20 */
.sg-mega:not(.sg-mega--services) .sg-mega__inner{display:block}
.sg-mega:not(.sg-mega--services) .sg-mega__bottom{grid-area:auto}
/* services mega per-category color + brand featured v21 */
.sg-mega--services [data-category='design'],
.sg-mega--services [data-sg-cat-tab='design']{--sg-cat-active:var(--sg-cat-design, oklch(74.67% .1402 227.95))}
.sg-mega--services [data-category='development'],
.sg-mega--services [data-sg-cat-tab='development']{--sg-cat-active:var(--sg-cat-development, oklch(84.98% .1739 86.55))}
.sg-mega--services [data-category='marketing'],
.sg-mega--services [data-sg-cat-tab='marketing']{--sg-cat-active:var(--sg-cat-marketing, oklch(58.8% .1947 142.26))}
.sg-mega--services [data-category='copywriting'],
.sg-mega--services [data-sg-cat-tab='copywriting']{--sg-cat-active:var(--sg-cat-copywriting, oklch(69.58% .2043 43.49))}
.sg-mega--services [data-category='optimization'],
.sg-mega--services [data-sg-cat-tab='optimization']{--sg-cat-active:var(--sg-cat-optimization, oklch(67.93% .3175 325.07))}
.sg-mega--services [data-category='maintenance'],
.sg-mega--services [data-sg-cat-tab='maintenance']{--sg-cat-active:var(--sg-cat-maintenance, oklch(52.24% .202 31.27))}
.sg-mega{--sg-cat-ink:oklch(from var(--sg-cat-active, oklch(74.67% .1402 227.95)) max(l,0.68) c h)}
[data-theme='light'] .sg-mega{--sg-cat-ink:oklch(from var(--sg-cat-active, oklch(74.67% .1402 227.95)) min(l,0.50) c h)}
.sg-mega .sg-mega-card::after{background:var(--sg-cat-ink)}
.sg-mega .sg-mega-card:hover::after{background:var(--sg-cat-ink)}
.sg-mega .sg-mega__tab-dot::before{background:var(--sg-cat-ink)}
.sg-mega .sg-mega__tab.is-active .sg-mega__tab-dot::before{background:var(--sg-cat-ink)}
/* services mega icon color resolves per-element v22 */
.sg-mega .sg-mega-card::after,
.sg-mega .sg-mega-card:hover::after{background:oklch(from var(--sg-cat-active, oklch(74.67% .1402 227.95)) max(l,0.68) c h)}
.sg-mega .sg-mega__tab-dot::before,
.sg-mega .sg-mega__tab.is-active .sg-mega__tab-dot::before{background:oklch(from var(--sg-cat-active, oklch(74.67% .1402 227.95)) max(l,0.68) c h)}
[data-theme='light'] .sg-mega .sg-mega-card::after,
[data-theme='light'] .sg-mega .sg-mega-card:hover::after{background:oklch(from var(--sg-cat-active, oklch(74.67% .1402 227.95)) min(l,0.50) c h)}
[data-theme='light'] .sg-mega .sg-mega__tab-dot::before,
[data-theme='light'] .sg-mega .sg-mega__tab.is-active .sg-mega__tab-dot::before{background:oklch(from var(--sg-cat-active, oklch(74.67% .1402 227.95)) min(l,0.50) c h)}
/* other megas polish v23 */
/* industries eyebrow */
.sg-mega--industries .sg-mega__cards::before{content:'INDUSTRIES WE SERVE';grid-column:1 / -1;display:block;font-family:var(--sg-font-display,inherit);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sg-text-subtle);margin-block-end:.25rem}
/* industries card layout + icon */
.sg-mega--industries .sg-industry-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'icon name' 'icon desc';column-gap:.85rem;row-gap:.2rem;align-items:start}
.sg-mega--industries .sg-industry-card__name{grid-area:name;align-self:center}
.sg-mega--industries .sg-industry-card__desc{grid-area:desc}
.sg-mega--industries .sg-industry-card::before{content:'';grid-area:icon;inline-size:24px;block-size:24px;margin-block-start:1px;background:var(--ic-ink,var(--sg-primary, oklch(74.67% .1402 227.95)));-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;transition:transform .18s}
.sg-mega--industries .sg-industry-card:hover::before{transform:scale(1.08)}
.sg-mega--industries .sg-industry-card:nth-child(6n+1){--ic:var(--sg-cat-design, oklch(74.67% .1402 227.95))}
.sg-mega--industries .sg-industry-card:nth-child(6n+2){--ic:var(--sg-cat-development, oklch(84.98% .1739 86.55))}
.sg-mega--industries .sg-industry-card:nth-child(6n+3){--ic:var(--sg-cat-marketing, oklch(58.8% .1947 142.26))}
.sg-mega--industries .sg-industry-card:nth-child(6n+4){--ic:var(--sg-cat-copywriting, oklch(69.58% .2043 43.49))}
.sg-mega--industries .sg-industry-card:nth-child(6n+5){--ic:var(--sg-cat-optimization, oklch(67.93% .3175 325.07))}
.sg-mega--industries .sg-industry-card:nth-child(6n+6){--ic:var(--sg-cat-maintenance, oklch(52.24% .202 31.27))}
.sg-mega--industries .sg-industry-card{--ic-ink:oklch(from var(--ic,var(--sg-primary, oklch(74.67% .1402 227.95))) max(l,0.68) c h)}
[data-theme='light'] .sg-mega--industries .sg-industry-card{--ic-ink:oklch(from var(--ic,var(--sg-primary, oklch(74.67% .1402 227.95))) min(l,0.50) c h)}
.sg-mega--industries .sg-industry-card:hover{border-color:color-mix(in oklab,var(--ic,var(--sg-primary, oklch(74.67% .1402 227.95))) 42%,var(--sg-border))}
.sg-mega--industries .sg-industry-card[href='/industry/medical-and-health/']{--i:var(--sg-i-83)}
.sg-mega--industries .sg-industry-card[href='/industry/e-commerce/']{--i:var(--sg-i-38)}
.sg-mega--industries .sg-industry-card[href='/industry/professional-services/']{--i:var(--sg-i-84)}
.sg-mega--industries .sg-industry-card[href='/industry/food-services/']{--i:var(--sg-i-85)}
.sg-mega--industries .sg-industry-card[href='/industry/art-and-education/']{--i:var(--sg-i-58)}
.sg-mega--industries .sg-industry-card[href='/industry/legal/']{--i:var(--sg-i-86)}
.sg-mega--industries .sg-industry-card[href='/industry/automotive/']{--i:var(--sg-i-87)}
.sg-mega--industries .sg-industry-card[href='/industry/home-services/']{--i:var(--sg-i-27)}
.sg-mega--industries .sg-industry-card[href='/industry/salon-and-spa/']{--i:var(--sg-i-88)}
.sg-mega--industries .sg-industry-card[href='/industry/real-estate/']{--i:var(--sg-i-89)}
.sg-mega--industries .sg-industry-card[href='/industry/recreation-and-entertainment/']{--i:var(--sg-i-90)}
.sg-mega--industries .sg-industry-card[href='/industry/hospitality-and-transportation/']{--i:var(--sg-i-91)}
/* about + resources link icons */
.sg-mega--about .sg-mega__link,.sg-mega--resources .sg-mega__link,.sg-mega--portfolio .sg-mega__link{display:inline-flex;align-items:center;gap:.6rem}


.sg-mega--about .sg-mega__link[href='/about/']{--i:var(--sg-i-92)}
.sg-mega--about .sg-mega__link[href='/about/#story']{--i:var(--sg-i-78)}
.sg-mega--about .sg-mega__link[href='/about/#mission']{--i:var(--sg-i-76)}
.sg-mega--about .sg-mega__link[href='/about/#why-us']{--i:var(--sg-i-93)}
.sg-mega--about .sg-mega__link[href='/about/#process']{--i:var(--sg-i-94)}
.sg-mega--about .sg-mega__link[href='/about/proof-and-experience/']{--i:var(--sg-i-95)}
.sg-mega--about .sg-mega__link[href='/faqs/']{--i:var(--sg-i-96)}
.sg-mega--about .sg-mega__link[href='/portfolio/']{--i:var(--sg-i-97)}
.sg-mega--about .sg-mega__link[href='/contact/']{--i:var(--sg-i-39)}
.sg-mega--resources .sg-mega__link[href='/blog/']{--i:var(--sg-i-31)}
.sg-mega--resources .sg-mega__link[href='/blog/resource_type/guide/']{--i:var(--sg-i-78)}
.sg-mega--resources .sg-mega__link[href='/resources/']{--i:var(--sg-i-58)}
.sg-mega--resources .sg-mega__link[href='/free-website-audit/']{--i:var(--sg-i-69)}
.sg-mega--resources .sg-mega__link[href='/tools/']{--i:var(--sg-i-27)}
.sg-mega--resources .sg-mega__link[href='/blog/resource_type/ai-prompt/']{--i:var(--sg-i-98)}
.sg-mega--resources .sg-mega__link[href='/blog/resource_type/template/']{--i:var(--sg-i-99)}
.sg-mega--resources .sg-mega__link[href='/blog/resource_type/checklist/']{--i:var(--sg-i-100)}
.sg-mega--resources .sg-mega__link[href='/faqs/']{--i:var(--sg-i-96)}
.sg-mega--resources .sg-mega__link[href='/help-center/']{--i:var(--sg-i-101)}
.sg-mega--resources .sg-mega__link[href='/contact/']{--i:var(--sg-i-102)}
.sg-mega--resources .sg-mega__link[href='/client-portal/']{--i:var(--sg-i-103)}
.sg-mega--resources .sg-mega__link[href='/status/']{--i:var(--sg-i-104)}
/* other megas polish v24 (differentiate shared-href icons) */
.sg-mega--about .sg-mega__grid--3 > .sg-mega__col:nth-child(2) .sg-mega__link-item:nth-child(1) .sg-mega__link{--i:var(--sg-i-51)}
.sg-mega--about .sg-mega__grid--3 > .sg-mega__col:nth-child(2) .sg-mega__link-item:nth-child(2) .sg-mega__link{--i:var(--sg-i-23)}
.sg-mega--about .sg-mega__grid--3 > .sg-mega__col:nth-child(2) .sg-mega__link-item:nth-child(3) .sg-mega__link{--i:var(--sg-i-105)}
.sg-mega--about .sg-mega__grid--3 > .sg-mega__col:nth-child(2) .sg-mega__link-item:nth-child(4) .sg-mega__link{--i:var(--sg-i-81)}
.sg-mega--resources .sg-mega__grid--3 > .sg-mega__col:nth-child(1) .sg-mega__link-item:nth-child(3) .sg-mega__link{--i:var(--sg-i-77)}
.sg-mega--resources .sg-mega__grid--3 > .sg-mega__col:nth-child(1) .sg-mega__link-item:nth-child(4) .sg-mega__link{--i:var(--sg-i-106)}
.sg-mega--resources .sg-mega__grid--3 > .sg-mega__col:nth-child(1) .sg-mega__link-item:nth-child(5) .sg-mega__link{--i:var(--sg-i-82)}
/* portfolio full mega v25 */
.sg-mega--portfolio{inline-size:min(var(--sg-content-max, 85.375rem), calc(100vw - 2*var(--sg-gutter)));inset-inline-start:50%;inset-inline-end:auto;transform:translateX(-50%) translateY(10px)}
.sg-mega--portfolio.is-open{transform:translateX(-50%) translateY(0)}
.sg-mega--portfolio .sg-mega__links{list-style:none;margin:0;padding:0}
.sg-mega--portfolio .sg-mega__col > .sg-mega__heading:not(:first-child){margin-block-start:1.1rem}
/* mega motion polish v26 */
@keyframes sgMegaRise{from{opacity:0;transform:translateY(var(--space-2xs, 12px))}to{opacity:1;transform:translateY(0)}}
.sg-mega.is-open .sg-mega__inner > *{animation:sgMegaRise var(--sg-dur-base, 220ms) var(--sg-ease, cubic-bezier(.22,1,.36,1)) both}
.sg-mega.is-open .sg-mega__inner > *:nth-child(2){animation-delay:45ms}
.sg-mega.is-open .sg-mega__inner > *:nth-child(3){animation-delay:90ms}
.sg-mega.is-open .sg-mega__inner > *:nth-child(4){animation-delay:120ms}
@media (prefers-reduced-motion: reduce){.sg-mega.is-open .sg-mega__inner > *{animation:none}}
/* industries two-panel mega v27 */
.sg-mega.sg-mega--industries .sg-mega__inner{display:grid;grid-template-columns:minmax(228px,272px) 1.55fr .82fr;column-gap:2rem;grid-template-areas:'rail services featured' 'bottom bottom bottom';align-items:stretch}
.sg-mega.sg-mega--industries .sg-mega__services{display:contents}
.sg-mega.sg-mega--industries .sg-mega__catpanels{grid-area:services;min-block-size:0;align-self:start}
.sg-mega.sg-mega--industries .sg-mega__bottom{grid-area:bottom}
.sg-mega--industries .sg-mega__tabs::before{content:'INDUSTRIES'}
.sg-mega--industries .sg-mega__tab-dot::before{content:'';inline-size:1.2rem;block-size:1.2rem;background:oklch(from var(--sg-cat-active, oklch(74.67% .1402 227.95)) max(l,0.68) c h);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
[data-theme='light'] .sg-mega--industries .sg-mega__tab-dot::before{background:oklch(from var(--sg-cat-active, oklch(74.67% .1402 227.95)) min(l,0.50) c h)}
.sg-mega--industries [data-category='medical']{--sg-cat-active:var(--sg-cat-design, oklch(74.67% .1402 227.95))}
.sg-mega--industries .sg-mega__catpanel[data-category='medical']::before{content:'MEDICAL AND HEALTH SECTORS'}
.sg-mega--industries .sg-mega__tab[data-sg-cat-tab='medical'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-83);mask-image:var(--sg-i-83)}
.sg-mega--industries [data-category='ecommerce']{--sg-cat-active:var(--sg-cat-development, oklch(84.98% .1739 86.55))}
.sg-mega--industries .sg-mega__catpanel[data-category='ecommerce']::before{content:'E-COMMERCE SECTORS'}
.sg-mega--industries .sg-mega__tab[data-sg-cat-tab='ecommerce'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-38);mask-image:var(--sg-i-38)}
.sg-mega--industries [data-category='professional']{--sg-cat-active:var(--sg-cat-marketing, oklch(58.8% .1947 142.26))}
.sg-mega--industries .sg-mega__catpanel[data-category='professional']::before{content:'PROFESSIONAL SERVICES SECTORS'}
.sg-mega--industries .sg-mega__tab[data-sg-cat-tab='professional'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-84);mask-image:var(--sg-i-84)}
.sg-mega--industries [data-category='food']{--sg-cat-active:var(--sg-cat-copywriting, oklch(69.58% .2043 43.49))}
.sg-mega--industries .sg-mega__catpanel[data-category='food']::before{content:'FOOD SERVICES SECTORS'}
.sg-mega--industries .sg-mega__tab[data-sg-cat-tab='food'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-85);mask-image:var(--sg-i-85)}
.sg-mega--industries [data-category='art']{--sg-cat-active:var(--sg-cat-optimization, oklch(67.93% .3175 325.07))}
.sg-mega--industries .sg-mega__catpanel[data-category='art']::before{content:'ART AND EDUCATION SECTORS'}
.sg-mega--industries .sg-mega__tab[data-sg-cat-tab='art'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-58);mask-image:var(--sg-i-58)}
.sg-mega--industries [data-category='legal']{--sg-cat-active:var(--sg-cat-maintenance, oklch(52.24% .202 31.27))}
.sg-mega--industries .sg-mega__catpanel[data-category='legal']::before{content:'LEGAL SECTORS'}
.sg-mega--industries .sg-mega__tab[data-sg-cat-tab='legal'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-86);mask-image:var(--sg-i-86)}
.sg-mega--industries [data-category='automotive']{--sg-cat-active:var(--sg-cat-design, oklch(74.67% .1402 227.95))}
.sg-mega--industries .sg-mega__catpanel[data-category='automotive']::before{content:'AUTOMOTIVE SECTORS'}
.sg-mega--industries .sg-mega__tab[data-sg-cat-tab='automotive'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-87);mask-image:var(--sg-i-87)}
.sg-mega--industries [data-category='home']{--sg-cat-active:var(--sg-cat-development, oklch(84.98% .1739 86.55))}
.sg-mega--industries .sg-mega__catpanel[data-category='home']::before{content:'HOME SERVICES SECTORS'}
.sg-mega--industries .sg-mega__tab[data-sg-cat-tab='home'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-27);mask-image:var(--sg-i-27)}
.sg-mega--industries [data-category='salon']{--sg-cat-active:var(--sg-cat-marketing, oklch(58.8% .1947 142.26))}
.sg-mega--industries .sg-mega__catpanel[data-category='salon']::before{content:'SALON AND SPA SECTORS'}
.sg-mega--industries .sg-mega__tab[data-sg-cat-tab='salon'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-88);mask-image:var(--sg-i-88)}
.sg-mega--industries [data-category='realestate']{--sg-cat-active:var(--sg-cat-copywriting, oklch(69.58% .2043 43.49))}
.sg-mega--industries .sg-mega__catpanel[data-category='realestate']::before{content:'REAL ESTATE SECTORS'}
.sg-mega--industries .sg-mega__tab[data-sg-cat-tab='realestate'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-89);mask-image:var(--sg-i-89)}
.sg-mega--industries [data-category='recreation']{--sg-cat-active:var(--sg-cat-optimization, oklch(67.93% .3175 325.07))}
.sg-mega--industries .sg-mega__catpanel[data-category='recreation']::before{content:'RECREATION AND ENTERTAINMENT SECTORS'}
.sg-mega--industries .sg-mega__tab[data-sg-cat-tab='recreation'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-90);mask-image:var(--sg-i-90)}
.sg-mega--industries [data-category='hospitality']{--sg-cat-active:var(--sg-cat-maintenance, oklch(52.24% .202 31.27))}
.sg-mega--industries .sg-mega__catpanel[data-category='hospitality']::before{content:'HOSPITALITY AND TRANSPORTATION SECTORS'}
.sg-mega--industries .sg-mega__tab[data-sg-cat-tab='hospitality'] .sg-mega__tab-dot::before{-webkit-mask-image:var(--sg-i-91);mask-image:var(--sg-i-91)}
.sg-mega--industries .sg-mega__catpanel .sg-mega__link{display:inline-flex;align-items:center;gap:.55rem;padding:.32rem .4rem;border-radius:var(--space-3xs, 8px);font-size:var(--sg-text-s);color:color-mix(in oklab,var(--sg-text) 82%,transparent);transition:background .16s,color .16s}
.sg-mega--industries .sg-mega__catpanel .sg-mega__link::before{content:'';inline-size:.42rem;block-size:.42rem;border-radius:50%;flex:0 0 auto;background:oklch(from var(--sg-cat-active, oklch(74.67% .1402 227.95)) max(l,0.68) c h)}
[data-theme='light'] .sg-mega--industries .sg-mega__catpanel .sg-mega__link::before{background:oklch(from var(--sg-cat-active, oklch(74.67% .1402 227.95)) min(l,0.50) c h)}
.sg-mega--industries .sg-mega__catpanel .sg-mega__link:hover{background:color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 12%,var(--sg-surface));color:var(--sg-text)}
.sg-mega--industries .sg-mega__viewall{grid-column:1 / -1;margin-block-start:.8rem;font-size:var(--sg-text-s);font-weight:600;color:var(--sg-cat-active, oklch(74.67% .1402 227.95))}
/* new services icons v28 */
.sg-mega .sg-mega-card::after{-webkit-mask-image:var(--sg-i-107);mask-image:var(--sg-i-107)}
.sg-mega .sg-mega-card[href$='/website-copywriting/']::after{-webkit-mask-image:var(--sg-i-36);mask-image:var(--sg-i-36)}
.sg-mega .sg-mega-card[href$='/blog-writing/']::after{-webkit-mask-image:var(--sg-i-82);mask-image:var(--sg-i-82)}
.sg-mega .sg-mega-card[href$='/ad-copywriting/']::after{-webkit-mask-image:var(--sg-i-70);mask-image:var(--sg-i-70)}
.sg-mega .sg-mega-card[href$='/email-copywriting/']::after{-webkit-mask-image:var(--sg-i-39);mask-image:var(--sg-i-39)}
.sg-mega .sg-mega-card[href$='/product-descriptions/']::after{-webkit-mask-image:var(--sg-i-108);mask-image:var(--sg-i-108)}
.sg-mega .sg-mega-card[href$='/sales-page-copy/']::after{-webkit-mask-image:var(--sg-i-109);mask-image:var(--sg-i-109)}
.sg-mega .sg-mega-card[href$='/landing-page-copy/']::after{-webkit-mask-image:var(--sg-i-110);mask-image:var(--sg-i-110)}
.sg-mega .sg-mega-card[href$='/seo-content-writing/']::after{-webkit-mask-image:var(--sg-i-111);mask-image:var(--sg-i-111)}
.sg-mega .sg-mega-card[href$='/social-media-copy/']::after{-webkit-mask-image:var(--sg-i-63);mask-image:var(--sg-i-63)}
.sg-mega .sg-mega-card[href$='/brand-messaging/']::after{-webkit-mask-image:var(--sg-i-112);mask-image:var(--sg-i-112)}
.sg-mega .sg-mega-card[href$='/wordpress-website-development/']::after{-webkit-mask-image:var(--sg-i-23);mask-image:var(--sg-i-23)}
.sg-mega .sg-mega-card[href$='/ai-chatbot-development/']::after{-webkit-mask-image:var(--sg-i-113);mask-image:var(--sg-i-113)}
.sg-mega .sg-mega-card[href$='/ai-sales-assistant/']::after{-webkit-mask-image:var(--sg-i-114);mask-image:var(--sg-i-114)}
.sg-mega .sg-mega-card[href$='/crm-automation/']::after{-webkit-mask-image:var(--sg-i-115);mask-image:var(--sg-i-115)}
.sg-mega .sg-mega-card[href$='/logo-design/']::after{-webkit-mask-image:var(--sg-i-51);mask-image:var(--sg-i-51)}
.sg-mega .sg-mega-card[href$='/brand-guidelines/']::after{-webkit-mask-image:var(--sg-i-78);mask-image:var(--sg-i-78)}
.sg-mega .sg-mega-card[href$='/graphic-design/']::after{-webkit-mask-image:var(--sg-i-48);mask-image:var(--sg-i-48)}
.sg-mega .sg-mega-card[href$='/presentation-design/']::after{-webkit-mask-image:var(--sg-i-106);mask-image:var(--sg-i-106)}
.sg-mega .sg-mega-card[href$='/lead-generation/']::after{-webkit-mask-image:var(--sg-i-116);mask-image:var(--sg-i-116)}
.sg-mega .sg-mega-card[href$='/funnel-strategy/']::after{-webkit-mask-image:var(--sg-i-117);mask-image:var(--sg-i-117)}
.sg-mega .sg-mega-card[href$='/content-marketing/']::after{-webkit-mask-image:var(--sg-i-31);mask-image:var(--sg-i-31)}
.sg-mega .sg-mega-card[href$='/on-page-seo/']::after{-webkit-mask-image:var(--sg-i-32);mask-image:var(--sg-i-32)}
.sg-mega .sg-mega-card[href$='/technical-seo/']::after{-webkit-mask-image:var(--sg-i-118);mask-image:var(--sg-i-118)}
.sg-mega .sg-mega-card[href$='/ux-optimization/']::after{-webkit-mask-image:var(--sg-i-41);mask-image:var(--sg-i-41)}
.sg-mega .sg-mega-card[href$='/conversion-optimization/']::after{-webkit-mask-image:var(--sg-i-119);mask-image:var(--sg-i-119)}
.sg-mega .sg-mega-card[href$='/ai-workflow-automation/']::after{-webkit-mask-image:var(--sg-i-66);mask-image:var(--sg-i-66)}
.sg-mega .sg-mega-card[href$='/ai-business-process-consulting/']::after{-webkit-mask-image:var(--sg-i-72);mask-image:var(--sg-i-72)}
.sg-mega .sg-mega-card[href$='/ai-customer-support-automation/']::after{-webkit-mask-image:var(--sg-i-102);mask-image:var(--sg-i-102)}
.sg-mega .sg-mega-card[href$='/ai-content-workflow-automation/']::after{-webkit-mask-image:var(--sg-i-120);mask-image:var(--sg-i-120)}
.sg-mega .sg-mega-card[href$='/ai-lead-management-automation/']::after{-webkit-mask-image:var(--sg-i-121);mask-image:var(--sg-i-121)}
.sg-mega .sg-mega-card[href$='/email-automation/']::after{-webkit-mask-image:var(--sg-i-122);mask-image:var(--sg-i-122)}
.sg-mega .sg-mega-card[href$='/internal-operations-automation/']::after{-webkit-mask-image:var(--sg-i-123);mask-image:var(--sg-i-123)}
.sg-mega .sg-mega-card[href$='/ai-prompt-systems/']::after{-webkit-mask-image:var(--sg-i-98);mask-image:var(--sg-i-98)}
.sg-mega .sg-mega-card[href$='/staff-training-for-ai-tools/']::after{-webkit-mask-image:var(--sg-i-58);mask-image:var(--sg-i-58)}
.sg-mega .sg-mega-card[href$='/website-care-plans/']::after{-webkit-mask-image:var(--sg-i-124);mask-image:var(--sg-i-124)}
.sg-mega .sg-mega-card[href$='/dedicated-wordpress-hosting/']::after{-webkit-mask-image:var(--sg-i-80);mask-image:var(--sg-i-80)}
.sg-mega .sg-mega-card[href$='/cloud-hosting/']::after{-webkit-mask-image:var(--sg-i-125);mask-image:var(--sg-i-125)}
.sg-mega .sg-mega-card[href$='/backups/']::after{-webkit-mask-image:var(--sg-i-126);mask-image:var(--sg-i-126)}
.sg-mega .sg-mega-card[href$='/security-monitoring/']::after{-webkit-mask-image:var(--sg-i-81);mask-image:var(--sg-i-81)}
.sg-mega .sg-mega-card[href$='/plugin-updates/']::after{-webkit-mask-image:var(--sg-i-127);mask-image:var(--sg-i-127)}
.sg-mega .sg-mega-card[href$='/performance-monitoring/']::after{-webkit-mask-image:var(--sg-i-69);mask-image:var(--sg-i-69)}
.sg-mega .sg-mega-card[href$='/uptime-monitoring/']::after{-webkit-mask-image:var(--sg-i-104);mask-image:var(--sg-i-104)}
.sg-mega .sg-mega-card[href$='/client-support/']::after{-webkit-mask-image:var(--sg-i-101);mask-image:var(--sg-i-101)}
.sg-mega .sg-mega-card[href$='/analytics-reporting/']::after{-webkit-mask-image:var(--sg-i-24);mask-image:var(--sg-i-24)}



/* 1b. All Industries link at the foot of the industries rail (new anchor block) */
.sg-mega--industries .sg-mega__rail-all{display:flex;align-items:center;gap:.65rem;inline-size:100%;margin-block-start:.55rem;padding:.72rem .85rem;border-radius:var(--sg-radius-lg, 14px);text-decoration:none;font-family:var(--sg-font-display);font-weight:600;font-size:var(--sg-text-s);color:var(--sg-primary, oklch(74.67% .1402 227.95));background:transparent;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--sg-primary, oklch(74.67% .1402 227.95)) 32%,transparent);transition:background var(--sg-dur-fast) var(--sg-ease),box-shadow var(--sg-dur-fast) var(--sg-ease)}
.sg-mega--industries .sg-mega__rail-all:hover{background:var(--sg-primary-soft);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--sg-primary, oklch(74.67% .1402 227.95)) 58%,transparent)}
.sg-mega--industries .sg-mega__rail-all::after{content:'\2192';margin-inline-start:auto;font-size:1.05em;transition:transform var(--sg-dur-fast) var(--sg-ease)}
.sg-mega--industries .sg-mega__rail-all:hover::after{transform:translateX(3px)}

/* 2 + 3. Services rail: simplified one-line descriptions, more gap under the title, industries-like breathing room */
.sg-mega--services .sg-mega__tabs{gap:.5rem}
.sg-mega--services .sg-mega__tab{padding:.72rem .85rem;align-items:center}
.sg-mega--services .sg-mega__tab-dot{margin-block-start:0}
.sg-mega--services .sg-mega__tab-text{row-gap:.3rem}
.sg-mega--services .sg-mega__tab-desc{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;line-height:1.3}



/* ===== hover-preview simplification v30 (services tabs go icon+name only, detail moves to featured) ===== */
.sg-mega--services .sg-mega__tab-desc{display:none}
.sg-mega--services .sg-mega__tab{align-items:center}
.sg-mega--services .sg-mega__tab-text{row-gap:0}





/* ===== header font consistency + industries top-align + services two-line restore v33 ===== */
/* fonts: every mega item link uses the display font (Outfit) like the service card titles, so all header labels match */
.sg-mega__link{font-family:var(--sg-font-display);font-weight:600}
/* industries: top-align the sectors list like services (drop the vertical offset that pushed it down) */
.sg-mega.sg-mega--industries .sg-mega__catpanel{padding-block-start:0}
/* services: restore the two-line category descriptions in the rail (detail also shows on the featured card on hover) */
.sg-mega--services .sg-mega__tab-desc{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden}
.sg-mega--services .sg-mega__tab{align-items:flex-start}
.sg-mega--services .sg-mega__tab-dot{margin-block-start:1px}
.sg-mega--services .sg-mega__tab-text{row-gap:.15rem}

/* ===== industries sub-link dots -> real icons v34 ===== */
.sg-mega--industries .sg-mega__catpanel .sg-mega__link::before{inline-size:1.05rem;block-size:1.05rem;border-radius:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.sg-mega--industries .sg-mega__catpanel[data-category='medical'] .sg-mega__link::before{-webkit-mask-image:var(--sg-i-83);mask-image:var(--sg-i-83)}
.sg-mega--industries .sg-mega__catpanel[data-category='ecommerce'] .sg-mega__link::before{-webkit-mask-image:var(--sg-i-38);mask-image:var(--sg-i-38)}
.sg-mega--industries .sg-mega__catpanel[data-category='professional'] .sg-mega__link::before{-webkit-mask-image:var(--sg-i-84);mask-image:var(--sg-i-84)}
.sg-mega--industries .sg-mega__catpanel[data-category='food'] .sg-mega__link::before{-webkit-mask-image:var(--sg-i-85);mask-image:var(--sg-i-85)}
.sg-mega--industries .sg-mega__catpanel[data-category='art'] .sg-mega__link::before{-webkit-mask-image:var(--sg-i-58);mask-image:var(--sg-i-58)}
.sg-mega--industries .sg-mega__catpanel[data-category='legal'] .sg-mega__link::before{-webkit-mask-image:var(--sg-i-86);mask-image:var(--sg-i-86)}
.sg-mega--industries .sg-mega__catpanel[data-category='automotive'] .sg-mega__link::before{-webkit-mask-image:var(--sg-i-87);mask-image:var(--sg-i-87)}
.sg-mega--industries .sg-mega__catpanel[data-category='home'] .sg-mega__link::before{-webkit-mask-image:var(--sg-i-27);mask-image:var(--sg-i-27)}
.sg-mega--industries .sg-mega__catpanel[data-category='salon'] .sg-mega__link::before{-webkit-mask-image:var(--sg-i-88);mask-image:var(--sg-i-88)}
.sg-mega--industries .sg-mega__catpanel[data-category='realestate'] .sg-mega__link::before{-webkit-mask-image:var(--sg-i-89);mask-image:var(--sg-i-89)}
.sg-mega--industries .sg-mega__catpanel[data-category='recreation'] .sg-mega__link::before{-webkit-mask-image:var(--sg-i-90);mask-image:var(--sg-i-90)}
.sg-mega--industries .sg-mega__catpanel[data-category='hospitality'] .sg-mega__link::before{-webkit-mask-image:var(--sg-i-91);mask-image:var(--sg-i-91)}

/* ===== category desc only on featured + button life + animated gradient pill v35 ===== */

/* 1. category descriptions live only on the feature card, not the services rail */
.sg-mega--services .sg-mega__tab-desc{display:none}
.sg-mega--services .sg-mega__tab{align-items:center}
.sg-mega--services .sg-mega__tab-text{row-gap:0}

/* 2. header pill: brand gradient fill + animated rotating spectrum border */
@property --sg-pill-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.sg-header__cta{position:relative;isolation:isolate;border:2px solid transparent;color:#fff;font-weight:700;background:linear-gradient(var(--sg-yellow, oklch(84.98% .1739 86.55)), var(--sg-yellow, oklch(84.98% .1739 86.55))) padding-box,linear-gradient(var(--sg-yellow, oklch(84.98% .1739 86.55)), var(--sg-yellow, oklch(84.98% .1739 86.55))) border-box;box-shadow:0 6px 22px rgba(96,60,240,.38);animation:sgPillSpin 5s linear infinite paused;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
@keyframes sgPillSpin{to{--sg-pill-angle:360deg}}
.sg-header__cta::after{content:"\2192";margin-inline-start:.5rem;display:inline-block;transition:transform .2s ease}
.sg-header__cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 var(--space-2xs, 12px) 32px rgba(96,60,240,.55);filter:saturate(1.15) brightness(1.06)}
.sg-header__cta:hover::after{transform:translateX(var(--space-4xs, 4px))}

/* 3. icon buttons: fill + lift + accent on hover */
.sg-header__icon{transition:background .2s ease,color .2s ease,transform .2s ease}
.sg-header__icon:hover{background:var(--sg-state-hover);color:var(--sg-primary, oklch(74.67% .1402 227.95));transform:translateY(-1px) scale(1.08)}

/* 4. nav links: animated gradient underline on hover */
.sg-header__link{position:relative;transition:color .2s ease}
.sg-header__link::after{content:"";position:absolute;inset-inline:.2rem;inset-block-end:-3px;block-size:2px;border-radius:2px;background:linear-gradient(var(--sg-primary, oklch(74.67% .1402 227.95)), var(--sg-primary, oklch(74.67% .1402 227.95)));transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.sg-header__link:hover{color:var(--sg-text)}
.sg-header__link:hover::after{transform:scaleX(1)}

/* 5. primary CTAs (featured + mega bottom): color swap + lift + sliding arrow */
.sg-mega__bottom-cta{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}
.sg-mega__bottom-cta::after{content:"\2192";margin-inline-start:.45rem;display:inline-block;transition:transform .2s ease}
.sg-mega__bottom-cta:hover{transform:translateY(-2px)}
.sg-mega__bottom-cta:hover::after{transform:translateX(var(--space-4xs, 4px))}
.sg-mega__bottom-cta:hover{background:#fff;color:var(--sg-primary, oklch(74.67% .1402 227.95));box-shadow:0 10px 26px rgba(0,0,0,.28)}

/* 6. text-link CTAs: sliding arrow + color */
.sg-mega__viewall{transition:color .18s ease}
.sg-mega__viewall::after{content:"\2192";margin-inline-start:.4rem;display:inline-block;transition:transform .2s ease}
.sg-mega__viewall:hover::after{transform:translateX(var(--space-4xs, 4px))}
.sg-mega__bottom-link{position:relative;transition:color .2s ease}
.sg-mega__bottom-link:hover{color:var(--sg-primary, oklch(74.67% .1402 227.95))}

@media (prefers-reduced-motion: reduce){
  .sg-header__cta{animation:none}
  .sg-header__cta:hover,.sg-mega__bottom-cta:hover,.sg-header__icon:hover{transform:none}
  .sg-header__cta::after,.sg-mega__bottom-cta::after,.sg-mega__viewall::after,.sg-header__link::after{transition:none}
}

/* ===== resources + portfolio featured as a tall side card v36 ===== */
.sg-mega.sg-mega--resources .sg-mega__inner,
.sg-mega.sg-mega--portfolio .sg-mega__inner{display:grid;grid-template-columns:1fr minmax(240px,290px);grid-template-areas:'main feat' 'bottom bottom';column-gap:1.8rem;align-items:stretch}
.sg-mega.sg-mega--resources .sg-mega__grid--3,
.sg-mega.sg-mega--portfolio .sg-mega__grid--3{grid-area:main}
.sg-mega.sg-mega--resources .sg-mega__bottom,
.sg-mega.sg-mega--portfolio .sg-mega__bottom{grid-area:bottom}

/* ===== yellow+black pill + unified 6-color spectrum gradients v37 ===== */

/* pill: yellow-and-black background, animated 6-color spectrum border kept */
.sg-header__cta{background:linear-gradient(150deg,#ffe15c 0%,#ffc400 56%,#171717 132%) padding-box,linear-gradient(var(--sg-yellow, oklch(84.98% .1739 86.55)), var(--sg-yellow, oklch(84.98% .1739 86.55))) border-box;color:#141414}
.sg-header__cta::after{color:#141414}
.sg-header__cta:hover{filter:brightness(1.05) saturate(1.08)}

/* nav underline -> full 6-color spectrum */
.sg-header__link::after{background:linear-gradient(var(--sg-primary, oklch(74.67% .1402 227.95)), var(--sg-primary, oklch(74.67% .1402 227.95)))}



/* ===== yellow+black pill + 6-color border/underline v38 (feature cards keep single colors) ===== */
.sg-header__cta{background:linear-gradient(150deg,#ffe15c 0%,#ffc400 56%,#171717 132%) padding-box,linear-gradient(var(--sg-yellow, oklch(84.98% .1739 86.55)), var(--sg-yellow, oklch(84.98% .1739 86.55))) border-box;color:#141414}
.sg-header__cta::after{color:#141414}
.sg-header__cta:hover{filter:brightness(1.05) saturate(1.08)}
.sg-header__link::after{background:linear-gradient(var(--sg-primary, oklch(74.67% .1402 227.95)), var(--sg-primary, oklch(74.67% .1402 227.95)))}

/* ===== pill turns black on hover v39 ===== */
.sg-header__cta:hover{background:#121212 padding-box,conic-gradient(from var(--sg-pill-angle),var(--sg-blue, oklch(74.67% .1402 227.95)),var(--sg-purple, oklch(67.93% .3175 325.07)),var(--sg-red, oklch(52.24% .202 31.27)),var(--sg-orange, oklch(69.58% .2043 43.49)),var(--sg-yellow, oklch(84.98% .1739 86.55)),var(--sg-green, oklch(58.8% .1947 142.26)),var(--sg-blue, oklch(74.67% .1402 227.95))) border-box;color:var(--sg-yellow, oklch(84.98% .1739 86.55));filter:none}
.sg-header__cta:hover::after{color:var(--sg-yellow, oklch(84.98% .1739 86.55))}

/* ===== industries per-sub-industry unique icons via inline --i v40 ===== */
.sg-mega--industries .sg-mega__catpanel .sg-mega__link[href]::before{-webkit-mask-image:var(--i);mask-image:var(--i)}



/* ===== feature cards single-color only (multi-color reserved for borders/lines) v42 ===== */



/* ===== service card stays title-only on hover; description lives on the feature card v43 ===== */
.sg-mega--services .sg-mega-card:hover .sg-mega-card__desc{display:none}
.sg-mega--services .sg-mega-card__desc{display:none}

/* ===== industries: 6 visible categories use all 6 distinct colors v44 ===== */
.sg-mega--industries [data-category='home']{--sg-cat-active:var(--sg-cat-optimization, oklch(67.93% .3175 325.07))}
.sg-mega--industries [data-category='salon']{--sg-cat-active:var(--sg-cat-maintenance, oklch(52.24% .202 31.27))}

/* ===== about mega full match: side featured card + 6-color icons v45 ===== */
.sg-mega.sg-mega--about .sg-mega__inner{display:grid;grid-template-columns:1fr minmax(240px,290px);grid-template-areas:'main feat' 'bottom bottom';column-gap:1.8rem;align-items:stretch}
.sg-mega.sg-mega--about .sg-mega__grid{grid-area:main}
.sg-mega.sg-mega--about .sg-mega__bottom{grid-area:bottom}
/* 6-color icon cycle across the 12 links */

.sg-mega--about .sg-mega__link:hover::before{background:var(--ac,var(--sg-primary, oklch(74.67% .1402 227.95)))}













/* ===== command-k search + ask palette v46 ===== */
.sg-ck__tabs{display:flex;gap:.4rem;margin-block:.25rem .8rem}
.sg-ck__tab{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--sg-font-display);font-weight:600;font-size:.85rem;color:var(--sg-text-muted);background:transparent;border:0;padding:.45rem .85rem;border-radius:var(--sg-radius-full, 999px);cursor:pointer;transition:background .18s,color .18s}
.sg-ck__tab::before{content:"";inline-size:1rem;block-size:1rem;background:currentColor;-webkit-mask:var(--ck-i) center/contain no-repeat;mask:var(--ck-i) center/contain no-repeat}
.sg-ck__tab[data-ck="search"]{--ck-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}
.sg-ck__tab[data-ck="ask"]{--ck-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8V4H8'/%3E%3Crect width='16' height='12' x='4' y='8' rx='2'/%3E%3Cpath d='M2 14h2M20 14h2M15 13v2M9 13v2'/%3E%3C/svg%3E")}
.sg-ck__tab:hover{color:var(--sg-text)}
.sg-ck__tab.is-active{color:var(--sg-on-primary,#06121f);background:var(--sg-primary, oklch(74.67% .1402 227.95))}
.sg-ck__ask{margin-block-start:.9rem}
.sg-ck__thread{display:flex;flex-direction:column;gap:.6rem;max-block-size:46vh;overflow-y:auto;padding:.2rem}
.sg-ck__empty{color:var(--sg-text-muted);font-size:.9rem;text-align:center;padding:1.4rem 1rem}
.sg-ck__msg{max-inline-size:82%;padding:.6rem .85rem;border-radius:var(--sg-radius-lg, 14px);font-size:.9rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.sg-ck__msg--user{align-self:flex-end;background:var(--sg-primary, oklch(74.67% .1402 227.95));color:var(--sg-on-primary,#06121f);border-end-end-radius:var(--space-4xs, 4px)}
.sg-ck__msg--bot{align-self:flex-start;background:var(--sg-surface);color:var(--sg-text);border:1px solid var(--sg-border);border-end-start-radius:var(--space-4xs, 4px)}
.sg-ck__msg--bot a{color:var(--sg-primary, oklch(74.67% .1402 227.95));text-decoration:underline}
.sg-ck__msg.is-loading{color:var(--sg-text-muted)}
.sg-ck__msg.is-loading::after{content:"";display:inline-block;inline-size:.5rem;block-size:.5rem;margin-inline-start:.15rem;border-radius:50%;background:currentColor;animation:sgCkPulse 1s ease-in-out infinite}
@keyframes sgCkPulse{0%,100%{opacity:.3}50%{opacity:1}}
.sg-header__item--explore .sg-header__link{cursor:pointer}
@media (prefers-reduced-motion: reduce){.sg-ck__msg.is-loading::after{animation:none}}

/* ===== unified smart command-k v47: hide grid icon + predictive results ===== */
.sg-header__quicktools{display:none !important}
.sg-ck__tabs{display:none}
.sg-search__submit{display:none}
.sg-ck__results{margin-block-start:.8rem;display:none;flex-direction:column;gap:2px;max-block-size:54vh;overflow-y:auto;padding:.1rem}
.sg-ck__results.is-open{display:flex}
.sg-ck__result{display:flex;align-items:center;gap:.7rem;inline-size:100%;padding:.62rem .75rem;border-radius:var(--space-2xs, 12px);text-decoration:none;background:transparent;border:0;text-align:start;cursor:pointer;color:var(--sg-text);font:inherit;transition:background .12s ease}
.sg-ck__result.is-active,.sg-ck__result:hover{background:var(--sg-state-hover,rgba(255,255,255,.06))}
.sg-ck__r-ic{inline-size:1.05rem;block-size:1.05rem;flex:0 0 auto;background:var(--sg-text-muted);-webkit-mask:var(--ck-ri) center/contain no-repeat;mask:var(--ck-ri) center/contain no-repeat}
.sg-ck__r-ic--page{--ck-ri:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M10 14 21 3M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E")}
.sg-ck__result--ai .sg-ck__r-ic--ai{background:var(--sg-primary, oklch(74.67% .1402 227.95));--ck-ri:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.9 2.1 8.6 5.4 5.3 6.7l3.3 1.3 1.3 3.3 1.3-3.3 3.3-1.3-3.3-1.3zM18 9l-.9 2.3L14.8 12l2.3.9.9 2.3.9-2.3 2.3-.9-2.3-.9zM12.5 15l-.7 1.8-1.8.7 1.8.7.7 1.8.7-1.8 1.8-.7-1.8-.7z'/%3E%3C/svg%3E")}
.sg-ck__r-title{flex:1 1 auto;min-inline-size:0;font-size:.92rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-ck__result--ai .sg-ck__r-title em{font-style:normal;color:var(--sg-primary, oklch(74.67% .1402 227.95));font-weight:600}
.sg-ck__r-sec{flex:0 0 auto;font-size:.64rem;text-transform:uppercase;letter-spacing:.07em;color:var(--sg-text-muted);background:var(--sg-surface);border:1px solid var(--sg-border);padding:.16rem .5rem;border-radius:var(--sg-radius-full, 999px)}
.sg-ck__result--ai .sg-ck__r-sec{color:var(--sg-primary, oklch(74.67% .1402 227.95));border-color:color-mix(in oklab,var(--sg-primary, oklch(74.67% .1402 227.95)) 40%,transparent)}

/* ===== v50 dark clean-up: flat neutral base, no line grid, no pill glow ===== */
html.scheme--dark body{background-color:oklch(0.14 0 0)!important}
.sg-hero-catalina::before{background-image:none!important}
.sg-header__cta,.sg-header__cta:hover,.sg-header__cta:focus-visible{box-shadow:none!important}

/* ===== v51 pill: solid yellow (no gradient), animated border kept, always-readable text ===== */
.sg-header__cta{background:var(--sg-yellow, oklch(84.98% .1739 86.55)) padding-box,linear-gradient(var(--sg-yellow, oklch(84.98% .1739 86.55)), var(--sg-yellow, oklch(84.98% .1739 86.55))) border-box!important;color:#141414!important;filter:none!important}
.sg-header__cta::after{color:#141414!important}
.sg-header__cta:hover{background:#141414 padding-box,conic-gradient(from var(--sg-pill-angle),var(--sg-blue, oklch(74.67% .1402 227.95)),var(--sg-purple, oklch(67.93% .3175 325.07)),var(--sg-red, oklch(52.24% .202 31.27)),var(--sg-orange, oklch(69.58% .2043 43.49)),var(--sg-yellow, oklch(84.98% .1739 86.55)),var(--sg-green, oklch(58.8% .1947 142.26)),var(--sg-blue, oklch(74.67% .1402 227.95))) border-box!important;color:var(--sg-yellow, oklch(84.98% .1739 86.55))!important;filter:none!important}
.sg-header__cta:hover::after{color:var(--sg-yellow, oklch(84.98% .1739 86.55))!important}

/* ===== v52 pill fix: solid fill via gradient-image so it actually applies ===== */
.sg-header__cta{background:linear-gradient(var(--sg-yellow, oklch(84.98% .1739 86.55)),var(--sg-yellow, oklch(84.98% .1739 86.55))) padding-box,linear-gradient(var(--sg-yellow, oklch(84.98% .1739 86.55)), var(--sg-yellow, oklch(84.98% .1739 86.55))) border-box !important;color:#141414 !important;filter:none !important}
.sg-header__cta::after{color:#141414 !important}
.sg-header__cta:hover{background:linear-gradient(#141414,#141414) padding-box,conic-gradient(from var(--sg-pill-angle),var(--sg-blue, oklch(74.67% .1402 227.95)),var(--sg-purple, oklch(67.93% .3175 325.07)),var(--sg-red, oklch(52.24% .202 31.27)),var(--sg-orange, oklch(69.58% .2043 43.49)),var(--sg-yellow, oklch(84.98% .1739 86.55)),var(--sg-green, oklch(58.8% .1947 142.26)),var(--sg-blue, oklch(74.67% .1402 227.95))) border-box !important;color:var(--sg-yellow, oklch(84.98% .1739 86.55)) !important;filter:none !important}
.sg-header__cta:hover::after{color:var(--sg-yellow, oklch(84.98% .1739 86.55)) !important}

/* ===== v53 clean command palette (ChatGPT-style) + voice ===== */
.sg-search{align-items:flex-start!important;justify-content:center!important}
.sg-search__backdrop{background:rgba(6,6,8,.66)!important;-webkit-backdrop-filter:blur(var(--space-3xs, 8px))!important;backdrop-filter:blur(var(--space-3xs, 8px))!important}
.sg-search__box{margin-block-start:14vh;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;padding:0!important;display:flex!important;flex-direction:column;align-items:center;gap:20px}
.sg-search__label{display:block!important;font-family:var(--sg-font-display);font-size:clamp(1.4rem,2.4vw,1.95rem)!important;font-weight:700!important;color:#fff!important;text-align:center;margin:0!important;letter-spacing:-.01em}
.sg-search__row{position:relative;isolation:isolate;display:block!important;inline-size:100%;background:#1b1b1f!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:22px!important;padding:18px 20px 58px!important;box-shadow:0 24px 70px rgba(0,0,0,.5);gap:0!important}
.sg-search__row::after{content:"";position:absolute;inset-inline:9%;bottom:-16px;block-size:44px;border-radius:var(--sg-radius-full, 999px);background:linear-gradient(var(--sg-primary, oklch(74.67% .1402 227.95)), var(--sg-primary, oklch(74.67% .1402 227.95)));filter:blur(24px);opacity:.5;z-index:-1;pointer-events:none}
.sg-search__input{flex:none!important;inline-size:100%;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:1.05rem!important;line-height:1.5;box-shadow:none!important;outline:none!important}
.sg-search__input::placeholder{color:#87878f!important}
.sg-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.sg-search__tools{position:absolute;right:var(--space-2xs, 12px);bottom:11px;display:flex;align-items:center;gap:var(--space-3xs, 8px);z-index:2}
.sg-search__mic,.sg-search__send{display:inline-grid;place-items:center;inline-size:38px;block-size:38px;border-radius:var(--space-2xs, 12px);border:0;cursor:pointer;padding:0;transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}
.sg-search__mic{background:transparent;color:#adadb6}
.sg-search__mic:hover{background:rgba(255,255,255,.09);color:#fff}
.sg-search__mic.is-listening{color:#fff;background:var(--sg-red, oklch(52.24% .202 31.27));animation:sgMicPulse 1.25s ease-in-out infinite}
@keyframes sgMicPulse{0%,100%{box-shadow:0 0 0 0 rgba(214,51,108,.55)}50%{box-shadow:0 0 0 7px rgba(214,51,108,0)}}
.sg-search__send{background:#e9e9ee;color:#141414}
.sg-search__send:hover{background:#fff;transform:translateY(-1px)}
.sg-search__send:active{transform:translateY(0)}
.sg-search__badge{position:absolute;top:var(--space-2xs, 12px);right:14px;inline-size:26px;block-size:26px;display:inline-grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(var(--sg-primary, oklch(74.67% .1402 227.95)), var(--sg-primary, oklch(74.67% .1402 227.95)));box-shadow:0 2px 10px rgba(0,0,0,.35)}
.sg-search__close{position:fixed!important;top:20px;right:24px;inset-inline-start:auto!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#cfcfd6!important;border-radius:var(--sg-radius-md, 10px)!important;padding:.34rem .7rem!important;font-size:.8rem!important;cursor:pointer;z-index:3}
.sg-search__close:hover{background:rgba(255,255,255,.13)!important;color:#fff!important}
.sg-search__box .sg-ck__results{inline-size:100%;margin-block-start:2px;max-block-size:52vh;overflow:auto}

/* ===== v54 palette results readable in light mode too (palette is always dark) ===== */
.sg-search .sg-ck__result{color:#ececf1!important}
.sg-search .sg-ck__result:hover,.sg-search .sg-ck__result.is-active{background:rgba(255,255,255,.07)!important}
.sg-search .sg-ck__r-title{color:#ececf1!important}
.sg-search .sg-ck__r-title em{color:#5b9bff!important}
.sg-search .sg-ck__r-sec{color:#b9b9c2!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important}
.sg-search .sg-ck__result--ai .sg-ck__r-sec{color:#5b9bff!important;border-color:rgba(91,155,255,.5)!important;background:rgba(91,155,255,.10)!important}
.sg-search .sg-ck__r-ic{background:#9aa0aa!important}
.sg-search .sg-ck__r-ic--ai{background:#5b9bff!important}
.sg-search .sg-ck__msg--bot{background:rgba(255,255,255,.06)!important;color:#e2e2e8!important;border:1px solid rgba(255,255,255,.12)!important}
.sg-search .sg-ck__msg--user{background:var(--sg-blue, oklch(74.67% .1402 227.95))!important;color:#fff!important}


/* growth-system hero tiles: brand spectrum order (owner 2026-07-07) 1 blue 2 yellow 3 green 4 orange, tokenized + fallback */
.sg-hero-catalina .sg-hero-catalina__tile:nth-of-type(1){--tile-color:var(--sg-blue, oklch(74.67% .1402 227.95))}
.sg-hero-catalina .sg-hero-catalina__tile:nth-of-type(2){--tile-color:var(--sg-yellow, oklch(84.98% .1739 86.55))}
.sg-hero-catalina .sg-hero-catalina__tile:nth-of-type(3){--tile-color:var(--sg-green, oklch(58.8% .1947 142.26))}
.sg-hero-catalina .sg-hero-catalina__tile:nth-of-type(4){--tile-color:var(--sg-orange, oklch(69.58% .2043 43.49))}

/* ===== mega card icons: chip treatment matching the category rail, spectrum colour, both themes v46 ===== */
.sg-mega .sg-mega-card{position:relative}
.sg-mega .sg-mega-card::before{content:'';flex:0 0 auto;display:block;inline-size:2.1rem;block-size:2.1rem;border-radius:50%;background:color-mix(in oklab, var(--sg-cat-active, oklch(74.67% .1402 227.95)) 15%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sg-cat-active, oklch(74.67% .1402 227.95)) 30%, transparent);transition:background .16s ease,box-shadow .16s ease}
.sg-mega .sg-mega-card::after{position:absolute;inset-block-start:50%;inset-inline-start:calc(.55rem + .475rem);translate:0 -50%;inline-size:1.15rem;block-size:1.15rem;background:color-mix(in oklab, var(--sg-cat-active, oklch(74.67% .1402 227.95)) 92%, white)}
[data-theme='light'] .sg-mega .sg-mega-card::after{background:color-mix(in oklab, var(--sg-cat-active, oklch(74.67% .1402 227.95)) 80%, black)}
.sg-mega .sg-mega-card:hover::before{background:color-mix(in oklab, var(--sg-cat-active, oklch(74.67% .1402 227.95)) 28%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sg-cat-active, oklch(74.67% .1402 227.95)) 55%, transparent)}

/* ===== industries rail: the first six industries only (owner 2026-09-24: "only show the first six", the rest via Browse all industries) ===== */
.sg-mega--industries .sg-mega__tab:nth-child(n+7){display:none}
html.scheme--light .sg-search--chat, [data-theme="light"] .sg-search--chat{ --sgck-surface:#0b0d12 !important; --sgck-border:rgba(255,255,255,.08) !important; }
[data-theme="light"] .sg-search--chat .sg-search__box, html.scheme--light .sg-search--chat .sg-search__box{ background:#0b0d12 !important; }
.sg-ck__msg--bot{ background:rgba(255,255,255,.06)!important; color:#e2e2e8!important; border:1px solid rgba(255,255,255,.12)!important; }
.sg-ck__msg--bot a{ color:#8ab4ff!important; }

.sg-ck__bar-ic{ background: var(--sg-purple, oklch(67.93% .3175 325.07)) !important; }
.sg-ck__av--bot{ background: var(--sg-purple, oklch(67.93% .3175 325.07)) !important; }
.sg-ck__msg--user{ background: var(--sg-blue, oklch(74.67% .1402 227.95)) !important; }

@keyframes sgTyping{0%,80%,100%{opacity:.25;transform:translateY(0) scale(.85)}40%{opacity:1;transform:translateY(-5px) scale(1)}}
.sg-ck__msg.is-loading::after{ display:none !important; content:none !important; }
.sg-ck__msg.is-loading{ padding:12px 16px !important; }
.sg-ck__dots{ display:inline-flex !important; gap:7px !important; align-items:center !important; height:16px !important; }
.sg-ck__dots i{ width:8px !important; height:8px !important; border-radius:50% !important; background:var(--sg-blue, oklch(74.67% .1402 227.95)) !important; animation:sgTyping 1.1s infinite ease-in-out !important; }
.sg-ck__dots i:nth-child(2){ animation-delay:.18s !important; }
.sg-ck__dots i:nth-child(3){ animation-delay:.36s !important; }
/* Retired 2026-09-21. .sg-why and .sg-process now take their surface, padding and type from the Class Manager band system (homepage v29). The previous rules are kept in the option sg_global_sheets_backup_before_home_v29_cleanup_2026_09_21. */
/* Retired 2026-09-24. The homepage hero (.sgd-hero*, component 139212) now takes all of its CSS from its Class Manager records, so Gutenberg, the Etch builder and the site render it the same way. */
/* ===== SG TOKEN LAYER (verified-working mirror of the Class Manager :root) =====
   Mirrored here because named stylesheets always ship, while the Class-Manager :root was
   being dropped from the front end. NOTE: these are theme-aware values, NOT plain ACSS
   aliases - aliasing --sg-text to a single ACSS contextual token renders the dark mega
   menus unreadable. Tokenising these properly needs per-theme mapping, not a flat alias. */


/* SG Header Glass v2 - owner directive 2026-07-22: transparent clean glass at top,
   readable on hover, FORCED very-dark solid + white text on scroll; white logo throughout. */
/* top-of-page: clean transparent glass over the hero backdrop */
body .sg-header .sg-header__inner{
  background:color-mix(in oklab, var(--sg-n-0, #090d13) 58%, transparent);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 12px 34px rgba(0,0,0,.48);
  transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
/* hover: everything readable */
body .sg-header:hover .sg-header__inner{background:rgba(8,11,17,.88);border-color:rgba(255,255,255,.22)}
/* scrolled: forced very dark, clean, white text */
body .sg-header.sg-header--scrolled .sg-header__inner{
  background:rgba(7,10,15,.97);border-color:rgba(255,255,255,.12);
  box-shadow:0 14px 40px rgba(0,0,0,.45)}
/* text + icons stay white in every header state, both themes */
body .sg-header .sg-header__link{color:rgba(255,255,255,.82)}
body .sg-header .sg-header__link:hover{color:#fff}
body .sg-header .sg-header__icon{color:rgba(255,255,255,.75)}
body .sg-header .sg-header__icon:hover{color:#fff}
/* white wordmark logo in the header regardless of theme (header always sits on dark/glass now) */
html.scheme--light body .sg-header .sg-header__logo .sg-header__logo-light{display:none}
html.scheme--light body .sg-header .sg-header__logo .sg-header__logo-img{display:block}

/* ===== header float over hero (restored 2026-07-22) =====
   The original rule in d461323 used calc() on --sg-gutter and --sg-header-h, which resolve
   to NOTHING on this page, so the whole declaration died and the pill stopped floating.
   Literal fallbacks are mandatory: a missing token must never take a rule down with it. */
body .sg-header {
  /* Fixed, not sticky: the negative margin collapsed the header's containing block, so a
     sticky header had almost no travel and scrolled away. Fixed holds one position always
     and stays out of flow, so the hero still starts at y=0 and the pill floats over it. */
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  margin-block-end: 0;
  padding-block-start: var(--sg-header-gap, 0.875rem);
}

/* ===== mobile: keep the floating pill (was a full-width square bar under 1024px) ===== */
@media (max-width: 1024px) {
  body .sg-header {
    padding-inline: var(--sg-header-gap, 0.875rem);
  }
  body .sg-header .sg-header__inner {
    inline-size: auto;
    max-inline-size: none;
    margin-inline: auto;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.22);
  }
}

/* ===== global category colour mapping (2026-07-22) =====
   [data-category] -> --sg-cat-active existed only inside the mega menus, so the mobile
   menu tiles all fell back to the default blue. Mapping it globally colours every surface
   that carries data-category: megas, mobile menu, cards. ===== */
[data-category='design'] { --sg-cat-active: var(--sg-cat-design, oklch(74.67% .1402 227.95)); }
[data-category='development'] { --sg-cat-active: var(--sg-cat-development, oklch(84.98% .1739 86.55)); }
[data-category='marketing'] { --sg-cat-active: var(--sg-cat-marketing, oklch(64% .155 142.26)); }
[data-category='copywriting'] { --sg-cat-active: var(--sg-cat-copywriting, oklch(69.58% .16 43.49)); }
[data-category='optimization'] { --sg-cat-active: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); }
[data-category='maintenance'] { --sg-cat-active: var(--sg-cat-maintenance, oklch(58% .19 31.27)); }



































/* ===== mega icon system v49 — unified chip, tokenized, theme-aware (Build Law) ===== */
.sg-mega__heading{color:light-dark(color-mix(in oklab,var(--sg-n-0, oklch(12.9% .015 266.38)) 58%,transparent),color-mix(in oklab,var(--sg-n-1000, oklch(100% 0 0)) 50%,transparent))}
.sg-mega--about{--sg-cat-active:var(--sg-cat-marketing, oklch(58.8% .1947 142.26))}
.sg-mega--resources{--sg-cat-active:var(--sg-cat-design, oklch(74.67% .1402 227.95))}
.sg-mega--about .sg-mega__link,.sg-mega--resources .sg-mega__link,.sg-mega--portfolio .sg-mega__link{position:relative;display:grid;grid-template-columns:2.1rem 1fr;column-gap:.7rem;align-items:center}
.sg-mega--about .sg-mega__link::before,.sg-mega--resources .sg-mega__link::before,.sg-mega--portfolio .sg-mega__link::before{content:'';grid-column:1;inline-size:2.1rem;block-size:2.1rem;border-radius:var(--sg-radius-md, 0.625rem);background:color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 14%,var(--sg-surface));box-shadow:inset 0 0 0 0.0625rem color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 30%,transparent);-webkit-mask:none;mask:none;transition:background var(--sg-dur-fast, .13s) var(--sg-ease, cubic-bezier(.22,1,.36,1))}
.sg-mega--about .sg-mega__link::after,.sg-mega--resources .sg-mega__link::after,.sg-mega--portfolio .sg-mega__link::after{content:'';position:absolute;inset-block:0;inset-inline-start:0;inline-size:2.1rem;block-size:2.1rem;margin-block:auto;background:var(--sg-cat-active, oklch(74.67% .1402 227.95));-webkit-mask:var(--i) center / 1.15rem no-repeat;mask:var(--i) center / 1.15rem no-repeat;transition:background var(--sg-dur-fast, .13s) var(--sg-ease, cubic-bezier(.22,1,.36,1))}
.sg-mega--about .sg-mega__link:hover::before,.sg-mega--resources .sg-mega__link:hover::before,.sg-mega--portfolio .sg-mega__link:hover::before{background:var(--sg-cat-active, oklch(74.67% .1402 227.95));box-shadow:inset 0 0 0 0.0625rem color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 75%,transparent)}
.sg-mega--about .sg-mega__link:hover::after,.sg-mega--resources .sg-mega__link:hover::after,.sg-mega--portfolio .sg-mega__link:hover::after{background:var(--sg-surface)}


/* ===== mega icon system v49 — unified chip, tokenized, theme-aware (Build Law) ===== */
.sg-mega__heading{color:light-dark(color-mix(in oklab,var(--sg-n-0, oklch(12.9% .015 266.38)) 58%,transparent),color-mix(in oklab,var(--sg-n-1000, oklch(100% 0 0)) 50%,transparent))}
.sg-mega--about{--sg-cat-active:var(--sg-cat-marketing, oklch(58.8% .1947 142.26))}
.sg-mega--resources{--sg-cat-active:var(--sg-cat-design, oklch(74.67% .1402 227.95))}
.sg-mega--about .sg-mega__link,.sg-mega--resources .sg-mega__link,.sg-mega--portfolio .sg-mega__link{position:relative;display:grid;grid-template-columns:2.1rem 1fr;column-gap:.7rem;align-items:center}
.sg-mega--about .sg-mega__link::before,.sg-mega--resources .sg-mega__link::before,.sg-mega--portfolio .sg-mega__link::before{content:'';grid-column:1;inline-size:2.1rem;block-size:2.1rem;border-radius:var(--sg-radius-md, 0.625rem);background:color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 14%,var(--sg-surface));box-shadow:inset 0 0 0 0.0625rem color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 30%,transparent);-webkit-mask:none;mask:none;transition:background var(--sg-dur-fast, .13s) var(--sg-ease, cubic-bezier(.22,1,.36,1))}
.sg-mega--about .sg-mega__link::after,.sg-mega--resources .sg-mega__link::after,.sg-mega--portfolio .sg-mega__link::after{content:'';position:absolute;inset-block:0;inset-inline-start:0;inline-size:2.1rem;block-size:2.1rem;margin-block:auto;background:var(--sg-cat-active, oklch(74.67% .1402 227.95));-webkit-mask:var(--i) center / 1.15rem no-repeat;mask:var(--i) center / 1.15rem no-repeat;transition:background var(--sg-dur-fast, .13s) var(--sg-ease, cubic-bezier(.22,1,.36,1))}
.sg-mega--about .sg-mega__link:hover::before,.sg-mega--resources .sg-mega__link:hover::before,.sg-mega--portfolio .sg-mega__link:hover::before{background:var(--sg-cat-active, oklch(74.67% .1402 227.95));box-shadow:inset 0 0 0 0.0625rem color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 75%,transparent)}
.sg-mega--about .sg-mega__link:hover::after,.sg-mega--resources .sg-mega__link:hover::after,.sg-mega--portfolio .sg-mega__link:hover::after{background:var(--sg-surface)}


/* ===== mega icon system v50 — Industries sub-cat chip, tokenized (Build Law) ===== */
.sg-mega--industries .sg-industry-card{--ic-ink:initial}
.sg-mega--industries .sg-industry-card::before{grid-area:icon;align-self:center;inline-size:2.1rem;block-size:2.1rem;margin-block-start:0;border-radius:var(--sg-radius-md, 0.625rem);background:color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 14%,var(--sg-surface));box-shadow:inset 0 0 0 0.0625rem color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 30%,transparent);-webkit-mask:none;mask:none}
.sg-mega--industries .sg-industry-card::after{content:'';grid-area:icon;align-self:center;justify-self:center;inline-size:2.1rem;block-size:2.1rem;display:block;background:var(--sg-cat-active, oklch(74.67% .1402 227.95));-webkit-mask:var(--i) center / 1.15rem no-repeat;mask:var(--i) center / 1.15rem no-repeat;transition:background var(--sg-dur-fast, .13s) var(--sg-ease, cubic-bezier(.22,1,.36,1))}
.sg-mega--industries .sg-industry-card:hover::before{background:var(--sg-cat-active, oklch(74.67% .1402 227.95));box-shadow:inset 0 0 0 0.0625rem color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 75%,transparent)}
.sg-mega--industries .sg-industry-card:hover::after{background:var(--sg-surface)}


/* ===== mega icon system v51 — Industries sub-cat chip, tokenized, no oklch(from) (Build Law) ===== */
.sg-mega--industries .sg-mega__catpanel .sg-mega__link{position:relative;padding-inline-start:2.8rem;min-block-size:2.1rem;display:flex;align-items:center}
.sg-mega--industries .sg-mega__catpanel .sg-mega__link::before{position:absolute;inset-inline-start:.475rem;inset-block:0;margin-block:auto;inline-size:1.15rem;block-size:1.15rem;border-radius:0;background:var(--sg-cat-active, oklch(74.67% .1402 227.95));z-index:1}
[data-theme='light'] .sg-mega--industries .sg-mega__catpanel .sg-mega__link::before{background:var(--sg-cat-active, oklch(74.67% .1402 227.95))}
.sg-mega--industries .sg-mega__catpanel .sg-mega__link::after{content:'';position:absolute;inset-inline-start:0;inset-block:0;margin-block:auto;inline-size:2.1rem;block-size:2.1rem;border-radius:var(--sg-radius-md, 0.625rem);background:color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 14%,var(--sg-surface));box-shadow:inset 0 0 0 0.0625rem color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 30%,transparent);z-index:0;pointer-events:none;transition:background var(--sg-dur-fast, .13s) var(--sg-ease, cubic-bezier(.22,1,.36,1))}
.sg-mega--industries .sg-mega__catpanel .sg-mega__link:hover::after{background:var(--sg-cat-active, oklch(74.67% .1402 227.95))}
.sg-mega--industries .sg-mega__catpanel .sg-mega__link:hover::before{background:var(--sg-surface)}




/* ===== mega icon shapes: About/Resources = circles, glyph concentric-centered (Build Law) ===== */
.sg-mega--about .sg-mega__link,.sg-mega--resources .sg-mega__link,.sg-mega--portfolio .sg-mega__link{position:relative;display:grid;grid-template-columns:2.1rem 1fr;column-gap:.7rem;align-items:center}
.sg-mega--about .sg-mega__link::before,.sg-mega--resources .sg-mega__link::before,.sg-mega--portfolio .sg-mega__link::before{content:'';position:static;grid-column:1;grid-row:1;place-self:center;inline-size:2.1rem;block-size:2.1rem;border-radius:50%;background:color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 14%,var(--sg-surface));box-shadow:inset 0 0 0 0.0625rem color-mix(in oklab,var(--sg-cat-active, oklch(74.67% .1402 227.95)) 30%,transparent);-webkit-mask:none;mask:none}
.sg-mega--about .sg-mega__link::after,.sg-mega--resources .sg-mega__link::after,.sg-mega--portfolio .sg-mega__link::after{content:'';position:static;grid-column:1;grid-row:1;place-self:center;inline-size:1.15rem;block-size:1.15rem;background:var(--sg-cat-active, oklch(74.67% .1402 227.95));-webkit-mask:var(--i) center / contain no-repeat;mask:var(--i) center / contain no-repeat}
.sg-mega--about .sg-mega__link:hover::before,.sg-mega--resources .sg-mega__link:hover::before,.sg-mega--portfolio .sg-mega__link:hover::before{background:var(--sg-cat-active, oklch(74.67% .1402 227.95))}
.sg-mega--about .sg-mega__link:hover::after,.sg-mega--resources .sg-mega__link:hover::after,.sg-mega--portfolio .sg-mega__link:hover::after{background:var(--sg-surface)}


/* ===== mega icon shapes: Services SECONDARY items = square; primary rail stays circle ===== */
.sg-mega--services .sg-mega-card::before{border-radius:var(--sg-radius-md, 10px)}
.sg-mega--services .sg-mega-card:hover::before{border-radius:var(--sg-radius-md, 10px)}

/* mobile sub-cat icons v53 START */
.sg-mmenu__sub[href='/about/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/about/#mission'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/about/#process'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/about/#story'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/about/#why-us'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/blog/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/blog/resource_type/ai-prompt/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/blog/resource_type/checklist/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/blog/resource_type/guide/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/blog/resource_type/template/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/client-portal/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/contact/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/faqs/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/free-website-audit/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/help-center/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/industry/art-and-education/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/industry/automotive/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/industry/e-commerce/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/industry/food-services/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/industry/home-services/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/industry/hospitality-and-transportation/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/industry/legal/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/industry/medical-and-health/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/industry/professional-services/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/industry/real-estate/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/industry/recreation-and-entertainment/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/industry/salon-and-spa/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/portfolio/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/resources/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/service_category/copywriting/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/service_category/design/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/service_category/development/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/service_category/maintenance/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/service_category/marketing/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/service_category/optimization/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/status/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/about/proof-and-experience/'] .sg-mmenu__sub-dot,
.sg-mmenu__sub[href='/tools/'] .sg-mmenu__sub-dot{inline-size:var(--sg-mnav-chip, 1.625rem);block-size:var(--sg-mnav-chip, 1.625rem);border-radius:50%;background:color-mix(in oklab, var(--sg-cat-active, var(--sg-blue, oklch(74.67% .1402 227.95))) 16%, transparent);display:grid;place-items:center}
.sg-mmenu__sub[href='/about/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/about/#mission'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/about/#process'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/about/#story'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/about/#why-us'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/blog/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/blog/resource_type/ai-prompt/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/blog/resource_type/checklist/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/blog/resource_type/guide/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/blog/resource_type/template/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/client-portal/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/contact/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/faqs/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/free-website-audit/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/help-center/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/industry/art-and-education/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/industry/automotive/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/industry/e-commerce/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/industry/food-services/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/industry/home-services/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/industry/hospitality-and-transportation/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/industry/legal/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/industry/medical-and-health/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/industry/professional-services/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/industry/real-estate/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/industry/recreation-and-entertainment/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/industry/salon-and-spa/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/portfolio/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/resources/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/service_category/copywriting/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/service_category/design/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/service_category/development/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/service_category/maintenance/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/service_category/marketing/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/service_category/optimization/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/status/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/about/proof-and-experience/'] .sg-mmenu__sub-dot::after,
.sg-mmenu__sub[href='/tools/'] .sg-mmenu__sub-dot::after{content:'';inline-size:58%;block-size:58%;background:var(--sg-cat-active, var(--sg-blue, oklch(74.67% .1402 227.95)));-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.sg-mmenu__sub[href='/about/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-92);mask-image:var(--sg-i-92)}
.sg-mmenu__sub[href='/about/#mission'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-76);mask-image:var(--sg-i-76)}
.sg-mmenu__sub[href='/about/#process'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-94);mask-image:var(--sg-i-94)}
.sg-mmenu__sub[href='/about/#story'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-78);mask-image:var(--sg-i-78)}
.sg-mmenu__sub[href='/about/#why-us'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-93);mask-image:var(--sg-i-93)}
.sg-mmenu__sub[href='/blog/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-31);mask-image:var(--sg-i-31)}
.sg-mmenu__sub[href='/blog/resource_type/ai-prompt/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-98);mask-image:var(--sg-i-98)}
.sg-mmenu__sub[href='/blog/resource_type/checklist/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-100);mask-image:var(--sg-i-100)}
.sg-mmenu__sub[href='/blog/resource_type/guide/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-78);mask-image:var(--sg-i-78)}
.sg-mmenu__sub[href='/blog/resource_type/template/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-99);mask-image:var(--sg-i-99)}
.sg-mmenu__sub[href='/client-portal/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-103);mask-image:var(--sg-i-103)}
.sg-mmenu__sub[href='/contact/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-39);mask-image:var(--sg-i-39)}
.sg-mmenu__sub[href='/faqs/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-96);mask-image:var(--sg-i-96)}
.sg-mmenu__sub[href='/free-website-audit/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-69);mask-image:var(--sg-i-69)}
.sg-mmenu__sub[href='/help-center/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-101);mask-image:var(--sg-i-101)}
.sg-mmenu__sub[href='/industry/art-and-education/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-58);mask-image:var(--sg-i-58)}
.sg-mmenu__sub[href='/industry/automotive/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-87);mask-image:var(--sg-i-87)}
.sg-mmenu__sub[href='/industry/e-commerce/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-38);mask-image:var(--sg-i-38)}
.sg-mmenu__sub[href='/industry/food-services/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-85);mask-image:var(--sg-i-85)}
.sg-mmenu__sub[href='/industry/home-services/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-27);mask-image:var(--sg-i-27)}
.sg-mmenu__sub[href='/industry/hospitality-and-transportation/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-91);mask-image:var(--sg-i-91)}
.sg-mmenu__sub[href='/industry/legal/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-86);mask-image:var(--sg-i-86)}
.sg-mmenu__sub[href='/industry/medical-and-health/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-83);mask-image:var(--sg-i-83)}
.sg-mmenu__sub[href='/industry/professional-services/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-84);mask-image:var(--sg-i-84)}
.sg-mmenu__sub[href='/industry/real-estate/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-89);mask-image:var(--sg-i-89)}
.sg-mmenu__sub[href='/industry/recreation-and-entertainment/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-90);mask-image:var(--sg-i-90)}
.sg-mmenu__sub[href='/industry/salon-and-spa/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-88);mask-image:var(--sg-i-88)}
.sg-mmenu__sub[href='/portfolio/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-97);mask-image:var(--sg-i-97)}
.sg-mmenu__sub[href='/resources/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-58);mask-image:var(--sg-i-58)}
.sg-mmenu__sub[href='/service_category/copywriting/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-13);mask-image:var(--sg-i-13)}
.sg-mmenu__sub[href='/service_category/design/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-10);mask-image:var(--sg-i-10)}
.sg-mmenu__sub[href='/service_category/development/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-11);mask-image:var(--sg-i-11)}
.sg-mmenu__sub[href='/service_category/maintenance/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-15);mask-image:var(--sg-i-15)}
.sg-mmenu__sub[href='/service_category/marketing/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-12);mask-image:var(--sg-i-12)}
.sg-mmenu__sub[href='/service_category/optimization/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-14);mask-image:var(--sg-i-14)}
.sg-mmenu__sub[href='/status/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-104);mask-image:var(--sg-i-104)}
.sg-mmenu__sub[href='/about/proof-and-experience/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-95);mask-image:var(--sg-i-95)}
.sg-mmenu__sub[href='/tools/'] .sg-mmenu__sub-dot::after{-webkit-mask-image:var(--sg-i-27);mask-image:var(--sg-i-27)}
/* mobile sub-cat icons v53 END */
html.scheme--light body,[data-theme='light'] body{background:var(--sg-bg, oklch(98.28% .0045 78.3))}
html.scheme--dark body,[data-theme='dark'] body{background:#0b0d13}

html.scheme--dark .sgh-res-card .sgh-res-badge{background:#171b24}

html.scheme--dark .sgh-qs-row{border-color:rgba(255,255,255,.08)}

html.scheme--dark :is(.sgh-hero,.sgh-ticker,.sgh-sec,.sgh-audit-band,.sgh-final){background:#0b0d13;color:#f2f3f7}

body .sg-header .sg-mega,body .sg-header [data-sg-panel]:not(.sg-drawer):not(.sg-search){
  background:rgba(8,11,17,.92);
  backdrop-filter:blur(1.125rem);-webkit-backdrop-filter:blur(1.125rem);
  border:.0625rem solid rgba(255,255,255,.12);
  box-shadow:inset 0 .0625rem 0 rgba(255,255,255,.08), 0 1.5rem 3.75rem rgba(0,0,0,.5)}
html.scheme--light body .sg-header .sg-mega,html.scheme--light body .sg-header [data-sg-panel]:not(.sg-drawer):not(.sg-search){
  background:rgba(252,252,253,.94);border-color:rgba(11,13,19,.10);
  box-shadow:inset 0 .0625rem 0 rgba(255,255,255,.6), 0 1.5rem 3.75rem rgba(11,13,19,.16)}
body .sg-header .sg-drawer__backdrop{background:color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 38%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}
.sg-feature{--tab-acc:var(--sgh-blue,#1fbdf2);padding:clamp(5rem,10vw,9rem) 0;position:relative;overflow:clip}
.sg-feature:has(.sg-feature__radio--brand:checked){--tab-acc:var(--sgh-yellow,#ffc400)}
.sg-feature:has(.sg-feature__radio--mkt:checked){--tab-acc:var(--sgh-green,#13970b)}
.sg-feature:has(.sg-feature__radio--auto:checked){--tab-acc:var(--sgh-orange,#ff6600)}
.sg-feature__inner{max-inline-size:var(--sg-content-frame, calc(var(--sg-content-max, 85.375rem) + 2 * var(--sg-gutter, clamp(1.25rem, 4vw, 2.25rem))));margin-inline:auto;padding-inline:var(--sg-content-gutter-start, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.3125rem)) var(--sg-content-gutter-end, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.1625rem));display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,4rem)}
.sg-feature__head{display:grid;grid-template-columns:1.35fr .9fr;gap:clamp(1.5rem,4vw,4rem);align-items:end}

.sg-feature__title{font-family:var(--sgh-font-display,'Outfit',sans-serif);font-weight:600;font-size:clamp(2.2rem,4.6vw,3.5rem);line-height:1.04;letter-spacing:-.02em;margin:0}
.sg-feature__muted{color:var(--sgh-muted,rgba(242,243,247,.68))}
.sg-feature__lead{color:var(--sgh-muted,rgba(242,243,247,.68));font-size:1.0625rem;max-inline-size:42ch;margin:0}
.sg-feature__radio{position:absolute;width:.0625rem;height:.0625rem;opacity:0;pointer-events:none;margin:0}
.sg-feature__tablist{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.5rem;background:var(--sgh-surface,rgba(255,255,255,.045));border:.0625rem solid var(--sgh-border,rgba(255,255,255,.1));border-radius:62.5rem}
.sg-feature__tab{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.85rem 1rem;border-radius:62.5rem;font-family:var(--sgh-font-display,'Outfit',sans-serif);font-weight:500;font-size:1rem;color:var(--sgh-muted,rgba(242,243,247,.68));cursor:pointer;transition:color .24s ease,background-color .24s ease;user-select:none}
.sg-feature__tab::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor;opacity:.5}
.sg-feature__tab:hover{color:var(--sgh-text,#f2f3f7)}
.sg-feature__tabs:has(.sg-feature__radio--web:checked) .sg-feature__tab--web,.sg-feature__tabs:has(.sg-feature__radio--brand:checked) .sg-feature__tab--brand,.sg-feature__tabs:has(.sg-feature__radio--mkt:checked) .sg-feature__tab--mkt,.sg-feature__tabs:has(.sg-feature__radio--auto:checked) .sg-feature__tab--auto{color:#06131b;background:var(--tab-acc, var(--sgh-blue,#1fbdf2))}
.sg-feature__tabs:has(.sg-feature__radio--web:checked) .sg-feature__tab--web::before,.sg-feature__tabs:has(.sg-feature__radio--brand:checked) .sg-feature__tab--brand::before,.sg-feature__tabs:has(.sg-feature__radio--mkt:checked) .sg-feature__tab--mkt::before,.sg-feature__tabs:has(.sg-feature__radio--auto:checked) .sg-feature__tab--auto::before{opacity:1}
.sg-feature__radio--web:focus-visible ~ .sg-feature__tablist .sg-feature__tab--web,.sg-feature__radio--brand:focus-visible ~ .sg-feature__tablist .sg-feature__tab--brand,.sg-feature__radio--mkt:focus-visible ~ .sg-feature__tablist .sg-feature__tab--mkt,.sg-feature__radio--auto:focus-visible ~ .sg-feature__tablist .sg-feature__tab--auto{outline:.125rem solid var(--tab-acc, var(--sgh-blue,#1fbdf2));outline-offset:.1875rem}
.sg-feature__stage{display:grid;margin-top:clamp(1.5rem,3vw,2.5rem)}
.sg-feature__panel{grid-area:1/1;display:grid;opacity:0;visibility:hidden;transform:translateY(.625rem);transition:opacity .24s ease,transform .24s cubic-bezier(.22,1,.36,1),visibility .24s}
.sg-feature__tabs:has(.sg-feature__radio--web:checked) .sg-feature__panel--web,.sg-feature__tabs:has(.sg-feature__radio--brand:checked) .sg-feature__panel--brand,.sg-feature__tabs:has(.sg-feature__radio--mkt:checked) .sg-feature__panel--mkt,.sg-feature__tabs:has(.sg-feature__radio--auto:checked) .sg-feature__panel--auto{opacity:1;visibility:visible;transform:none}
.sg-feature__panel[data-hue="blue"]{--h:var(--sgh-blue,#1fbdf2)}
.sg-feature__panel[data-hue="yellow"]{--h:var(--sgh-yellow,#ffc400)}
.sg-feature__panel[data-hue="green"]{--h:var(--sgh-green,#13970b)}
.sg-feature__panel[data-hue="orange"]{--h:var(--sgh-orange,#ff6600)}
.sg-feature__frame{aspect-ratio:21/9;grid-area:1/1;display:flex;justify-content:flex-end;align-items:center;padding:clamp(1rem,2.5vw,2rem);border-radius:var(--sgh-r-feature,2.75rem);border-top-left-radius:var(--sgh-r-lg,1.375rem);background:linear-gradient(150deg,color-mix(in oklab,var(--h,var(--sgh-blue, oklch(74.67% .1402 227.95))),var(--sg-n-0, oklch(12.9% .015 266.38)) 50%),color-mix(in oklab,var(--h,var(--sgh-blue, oklch(74.67% .1402 227.95))),var(--sg-n-0, oklch(12.9% .015 266.38)) 86%));overflow:hidden;box-shadow:0 1.875rem 4.375rem rgba(0,0,0,.35)}
.sg-feature__app{height:auto;min-block-size:62%;inline-size:54%;opacity:.8;border-radius:1rem;background:rgba(10,12,18,.55);border:.0625rem solid rgba(255,255,255,.14);display:grid;grid-template-columns:34% 1fr;overflow:hidden}
.sg-feature__side{border-right:.0625rem solid rgba(255,255,255,.12);padding:1rem;display:flex;flex-direction:column;gap:.7rem}
.sg-feature__dot-row{display:flex;gap:.4rem;margin-bottom:.4rem}
.sg-feature__dot{width:.6rem;height:.6rem;border-radius:50%;background:rgba(255,255,255,.4)}
.sg-feature__ln{height:.7rem;border-radius:62.5rem;background:rgba(255,255,255,.16)}
.sg-feature__ln--sm{width:55%}
.sg-feature__ln--md{width:75%}
.sg-feature__ln--lg{width:90%}
.sg-feature__ln--accent{background:color-mix(in oklab,var(--h,var(--sgh-blue,#1fbdf2)),var(--sgh-n-0, oklch(99.2% .004 265)) 30%);opacity:.9}
.sg-feature__body{padding:1rem;display:flex;flex-direction:column;gap:.85rem}
.sg-feature__bubble{background:rgba(255,255,255,.1);border-radius:.75rem;padding:.8rem;display:flex;flex-direction:column;gap:.5rem}
.sg-feature__bubble--r{margin-left:auto;width:70%;background:color-mix(in oklab,var(--h,var(--sgh-blue,#1fbdf2)),var(--sg-n-0, oklch(12.9% .015 266.38)) 30%)}
.sg-feature__caption{grid-area:1/1;align-self:center;justify-self:start;z-index:1;max-inline-size:min(40%,26rem);margin:0;padding-inline-start:clamp(1.5rem,1rem + 2.5vw,3.5rem);text-align:left;font-size:var(--text-l,1.125rem);line-height:1.5;color:color-mix(in oklab,var(--sgh-n-0, oklch(99.2% .004 265)) 86%,transparent)}
.sg-feature__caption b{display:block;margin-block-end:.5rem;font-family:var(--sgh-font-display,'Outfit',sans-serif);font-size:clamp(1.75rem,1.2rem + 1.8vw,2.75rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--sgh-n-0, oklch(99.2% .004 265))}
@media (max-width:52rem){.sg-feature__head{grid-template-columns:1fr;align-items:start;gap:1rem}.sg-feature__tablist{grid-template-columns:1fr 1fr;border-radius:1.75rem}.sg-feature__frame{aspect-ratio:auto;min-block-size:17rem}.sg-feature__app{display:none}.sg-feature__side{display:none}}
@media (prefers-reduced-motion:reduce){.sg-feature__panel{transition:none}}
@media (max-width:52rem){.sg-feature__caption{align-self:end;max-inline-size:none;padding:1.5rem}}

/* 2026-10-01 community feedback: on phones the caption and the screenshot shared one grid cell and overlapped. Below 52rem the panel itself carries the card and stacks the caption, then the screenshot. Desktop is unchanged. */
@media (max-width:52rem){.sg-feature__panel{display:flex;flex-direction:column;border-radius:var(--sgh-r-feature,2.75rem);border-top-left-radius:var(--sgh-r-lg,1.375rem);background:linear-gradient(150deg,color-mix(in oklab,var(--h,var(--sgh-blue, oklch(74.67% .1402 227.95))),var(--sg-n-0, oklch(12.9% .015 266.38)) 50%),color-mix(in oklab,var(--h,var(--sgh-blue, oklch(74.67% .1402 227.95))),var(--sg-n-0, oklch(12.9% .015 266.38)) 86%));overflow:hidden;box-shadow:0 1.875rem 4.375rem rgba(0,0,0,.35)}.sg-feature__caption{order:1}.sg-feature__frame{order:2;background:none;box-shadow:none;border-radius:0;min-block-size:0;padding:0 1.5rem 1.5rem;justify-content:center}}img[data-slot]:not([src]),
img[data-slot][src=""]{display:none}
/* Retired 2026-10-02 (render pass): styled nothing on any page type, and its nth-child(of :has()) rules cost every page a whole-document restyle on each change. Original in option sg_backup_sheet_dc08eca_20261002. */



.sgh-work-grid .sgh-bgx{display:none}


.sg-section .sg-section__title{margin-block:0 var(--space-s, 1.125rem)}
.sg-section :is(.sgh-qs-desc, .sg-reporting__intro, .sg-about__lede, .sg-industries__lede, .sg-faq__lede, .sg-feature__lead, .sgh-lead){margin-block:0;line-height:1.6}

.sg-section .sg-section__cta-row{margin-block-start:var(--space-m, 1.5rem)}

.sg-feature__head{align-items:start}
.sg-feature__head .sg-section__cta-row{grid-column:2;justify-self:start;margin-block-start:var(--space-s, 1.125rem)}
html[data-theme='light'] body .sg-header .sg-header__logo .sg-header__logo-light{display:block}
html[data-theme='light'] body .sg-header .sg-header__logo .sg-header__logo-img{display:none}



.sgh-res-badge{background:var(--sgh-surface, light-dark(oklch(99.2% .004 265), #12151d))}

.sg-section{--acc-ink:light-dark(color-mix(in oklab, var(--acc, var(--sgh-blue, #1fbdf2)) 48%, var(--sgh-ink, #0b0d13)), color-mix(in oklab, var(--acc, var(--sgh-blue, #1fbdf2)) 72%, var(--sgh-n-0, #f2f3f7)))}

.sg-blog__card-cat{color:light-dark(color-mix(in oklab, var(--acc, var(--sgh-blue, #1fbdf2)) 55%, var(--sgh-ink, #0b0d13)), var(--acc, var(--sgh-blue, #1fbdf2)))}

[data-theme='light'] :is(.sg-header__item [aria-expanded='true'], .sg-mega__viewall, .sg-mega--industries .sg-mega__rail-all, .sg-mega--industries .sg-mega__viewall){color:color-mix(in oklab, var(--sg-primary, #1fbdf2) 55%, var(--sgh-ink, #0b0d13))}

[data-theme='light']{--sg-on-primary:oklch(24% .05 250)}
html :is(.sg-section) :is(.sg-section__title, h2){font-family:var(--font-display, 'Outfit', sans-serif);font-size:var(--h2, clamp(2.125rem, calc(1.8rem + 1.39vw), 2.875rem));font-weight:500;line-height:1.08;letter-spacing:-.035em}

html :is(.sg-section) :is(.sgh-qs-desc, .sg-reporting__intro, .sg-about__lede, .sg-industries__lede, .sg-faq__lede, .sg-feature__lead, .sgh-lead, .sg-section__aside){font-size:var(--text-l, clamp(1.0625rem, calc(1.035rem + .12vw), 1.1875rem));line-height:1.6}

html :is(.sg-section) :is(.sg-blog__card-title, .sg-about__card-title, .sg-faq__q, .sg-reporting__step-title, .sgh-wk-name, .sg-industries__card-name, .expectation-card__title){font-family:var(--font-display, 'Outfit', sans-serif);font-size:var(--h3, clamp(1.1875rem, calc(1.106rem + .35vw), 1.4375rem));font-weight:500;line-height:1.25;letter-spacing:-.015em}

html :is(.sg-section) :is(p:not([class]), .sgh-qs-body, .sg-about__card-body, .sg-reporting__step-body, .sg-faq__a){font-size:var(--text-s, clamp(.875rem, calc(.85rem + .12vw), .9375rem));line-height:1.65}
/* Footer core v5.1. Layered ink panel in BOTH themes. Scoped --sgf
   shorthands feed every footer sheet. CTA card and site map live in SG
   Footer CTA, bands in SG Footer Bands, depth motifs in SG Footer Detail,
   motion in SG Footer Motion. */
.sg-footer{--sgf-line:color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 13%, transparent);--sgf-subtle:color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 60%, transparent);--sgf-ease:var(--sgh-ease, cubic-bezier(.22,.61,.2,1));--sgf-font:var(--sgh-font-display, 'Outfit', sans-serif);--sgf-blue:var(--sg-blue, oklch(74.67% .1402 227.95));--sgf-sl:var(--sg-space-l, clamp(1.6875rem, calc(1.55rem + .58vw), 2.39rem));--sgf-sm:var(--sg-space-m, clamp(1.125rem, calc(1.03rem + .39vw), 1.59rem));--sgf-ss:var(--sg-space-s, clamp(.75rem, calc(.69rem + .26vw), 1.0625rem));--sgf-sxs:var(--sg-space-xs, clamp(.5rem, calc(.46rem + .17vw), .6875rem));--sgf-s2xs:var(--sg-space-2xs, clamp(.3125rem, calc(.29rem + .1vw), .4375rem));--sgf-tl:var(--text-l, clamp(1.0625rem, calc(1.035rem + .12vw), 1.1875rem));--sgf-ts:var(--text-s, clamp(.875rem, calc(.85rem + .12vw), .9375rem));--sgf-txs:var(--text-xs, clamp(.75rem, calc(.73rem + .1vw), .8125rem));position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg, var(--sgh-ink, #0b0d13) 0%, color-mix(in oklab, var(--sgh-ink, #0b0d13) 86%, var(--black, #000)) 100%);color:var(--sgh-n-0, #f2f3f7);border-start-start-radius:var(--radius-xl, 1.75rem);border-start-end-radius:var(--radius-xl, 1.75rem);margin-block-start:var(--sg-space-xl, clamp(2.53rem, calc(2.33rem + .87vw), 3.58rem))}
.sg-footer__inner{inline-size:min(100% - 2*var(--gutter, clamp(1.25rem, 4vw, 2.5rem)), var(--content-width, 75rem));margin-inline:auto;padding-block:var(--space-xl, clamp(2.53rem, calc(2.33rem + .87vw), 3.58rem)) var(--space-l, clamp(1.6875rem, calc(1.55rem + .58vw), 2.39rem))}
.sg-footer__map{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.1fr) repeat(3,minmax(0,1fr));gap:var(--sgf-sl) var(--sgf-sm);padding-block:var(--sgf-sl)}
.sg-footer__brand{display:grid;gap:var(--sgf-ss);align-content:start;justify-items:start;padding-inline-end:var(--sgf-sl)}
.sg-footer__column{display:grid;gap:var(--sgf-s2xs);align-content:start;justify-items:start}
.sg-footer__logo{display:inline-flex}
.sg-footer__logo-dark,.sg-footer__logo-light{block-size:clamp(2rem, calc(1.9rem + .4vw), 2.5rem);inline-size:auto}
.sg-footer__logo-light{display:none}
.sg-footer__tagline{font-family:var(--sgf-font);font-size:var(--sgf-tl);font-weight:600;line-height:1.35;max-inline-size:24ch}
.sg-footer__link{font-size:var(--sgf-ts);color:var(--sgf-subtle);text-decoration:none;padding-block:.0625rem}
.sg-footer__link:hover,.sg-footer__legal-link:hover,.sg-footer__back:hover,.sg-footer__sitemap-link:hover{color:var(--sgh-n-0, #f2f3f7)}
@media (max-width:1023px){.sg-footer__map{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-footer__brand{grid-column:1/-1;padding-inline-end:0}}
@media (max-width:519px){.sg-footer__map{grid-template-columns:1fr}}/* Footer detail v8. Depth layers, spectrum hairline, numbering badge motif,
   wordmark. The .sg-footer__proof and .sg-footer__proof-item rules were
   retired 2026-08-17 when the owner removed the two proof chips from the CTA
   card. Verified first that those classes appeared in NO other post and on no
   other surface, so the rules were dead, not merely unused here.
   SPECTRUM SEQUENCE, owner directive 2026-08-17: "top to bottom and across".
   The canonical order is blue, yellow, green, orange, purple, red
   (design-tokens.md), and it runs as ONE continuous sequence through the
   footer's reading order, not per component. There are exactly six accent
   slots before the site map, so every colour is used once:
     1 Newsletter (band)      blue
     2 Follow us  (band)      yellow
     3 Company    (column)    green
     4 Services   (column)    orange
     5 Industries (column)    purple
     6 Support    (column)    red
   The site map summary is slot 7, so the cycle restarts and it stays blue.
   The ::after hairline below paints the same order and is the reference.
   ANY new accent slot continues the count, it is never picked by eye. */
.sg-footer::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(42rem 20rem at 85% 0%, color-mix(in oklab, var(--primary, #1fbdf2) 10%, transparent), transparent 70%),radial-gradient(38rem 24rem at 0% 100%, color-mix(in oklab, var(--sgh-purple, oklch(67.93% .3175 325.07)) 6%, transparent), transparent 72%)}
.sg-footer::after{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:.0625rem;pointer-events:none;background:linear-gradient(var(--sg-primary, oklch(74.67% .1402 227.95)), var(--sg-primary, oklch(74.67% .1402 227.95)))}
.sg-footer__newsletter{--acc:var(--sgh-blue, oklch(74.67% .1402 227.95))}
.sg-footer__social{--acc:var(--sgh-yellow, oklch(84.98% .1739 86.55))}
.sg-footer__map>:nth-child(2){--acc:var(--sgh-green, oklch(58.8% .1947 142.26))}
.sg-footer__map>:nth-child(3){--acc:var(--sgh-orange, oklch(69.58% .2043 43.49))}
.sg-footer__map>:nth-child(4){--acc:var(--sgh-purple, oklch(67.93% .3175 325.07))}
.sg-footer__map>:nth-child(5){--acc:var(--sgh-red, oklch(52.24% .202 31.27))}
.sg-footer__sitemap{--acc:var(--sgh-blue, oklch(74.67% .1402 227.95))}
.sg-footer__column-title{display:inline-flex;align-items:center;gap:.875rem;font-family:var(--sgf-font);font-size:1rem;font-weight:700;color:var(--sgh-n-0, #f2f3f7);margin-block-end:var(--sgf-s2xs)}
.sg-footer__column-title::before{content:"";display:grid;flex:0 0 auto;inline-size:1.875rem;block-size:1.875rem;border-radius:50%;background:radial-gradient(circle, var(--acc, var(--sgh-blue, oklch(74.67% .1402 227.95))) 0 .1875rem, color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 9%, transparent) .21875rem)}
.sg-footer__column-title::after{content:"";display:block;inline-size:2.5rem;block-size:.0625rem;flex:none;background:var(--acc, var(--sgh-blue, oklch(74.67% .1402 227.95)));opacity:.45;transition:inline-size .4s var(--sgf-ease), opacity .4s var(--sgf-ease)}
.sg-footer__column:hover .sg-footer__column-title::after,.sg-footer__social:hover .sg-footer__column-title::after,.sg-footer__newsletter:hover .sg-footer__column-title::after{inline-size:4.5rem;opacity:.9}
.sg-footer__link{transition:color .2s ease, translate .3s var(--sgf-ease)}
.sg-footer__link:hover{translate:.25rem 0}
.sg-footer__link:focus-visible,.sg-footer__social-link:focus-visible,.sg-footer__legal-link:focus-visible,.sg-footer__back:focus-visible,.sg-footer__logo:focus-visible,.sg-footer__cta-main:focus-visible,.sg-footer__cta-quiet:focus-visible,.sg-footer__sitemap-link:focus-visible,.sg-footer__sitemap-summary:focus-visible{outline:.125rem solid var(--primary, #1fbdf2);outline-offset:.125rem}
.sg-footer__wordmark{font-family:var(--sgf-font);font-weight:800;font-size:clamp(4rem, 15vw, 12.5rem);line-height:.75;letter-spacing:-.04em;white-space:nowrap;text-align:center;user-select:none;pointer-events:none;background:linear-gradient(180deg, color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 13%, transparent), color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 2%, transparent) 88%);-webkit-background-clip:text;background-clip:text;color:transparent;translate:0 25%;margin-block-start:var(--sgf-ss)}
.sg-footer__back{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--sgf-txs);color:var(--sgf-subtle);text-decoration:none;transition:color .2s ease, translate .25s var(--sgf-ease)}
.sg-footer__back:hover{translate:0 -.1875rem}
.sg-footer__back-icon{transform:rotate(-90deg)}/* Footer bands v11: newsletter panel, social feed, bottom bar, return row.
   The feed is OUR OWN markup (.sg-footer__ig tiles) from the
   /wp-json/sg/v1/instagram proxy with local image copies, replacing the raw
   Smash Balloon embed, because adblock filter lists ship ###sb_instagram and
   hid the plugin container on every site. Immunity comes from absence.
   ORDER CHANGED 2026-08-17, owner: "move newsletter under ig so create
   balance". Band order is now CTA, social/IG, newsletter, map. The social band
   gains margin-block-start because it now follows the CTA card, and the gap it
   used to inherit came from the newsletter's own margin: measured CTA to IG at
   0 against 45 and 46 for the bands below it, so the top of the footer was
   cramped while the rest breathed. Sibling margins collapse, so the single
   start margin restores an even 45 without doubling the IG to newsletter gap.
   NEWSLETTER is a CENTRED stack to the owner's reference: headline,
   description, one JOINED input-and-button pill, reassurance line. Scale pass
   moved every value ONE TOKEN STEP, never a size invented between two:
   headline --h2 (46px), description/field/submit --text-l (19px), note
   --text-s, form cap 40rem which lands at 57 percent of the band.
   THREE THINGS THAT MUST STAY, each learned by breaking it:
   1. Field rules are compounded as `.sg-footer__nl-row .sg-footer__nl-input`
      (0,2,0). ACSS styles bare `input` at 0,1,1 and beats a flat class, which
      left the field drawing its OWN border inside the pill and forced its
      width so the submit wrapped to a second line.
   2. The focus ring lives on the CONTAINER via :focus-within. The field has no
      border of its own, so without this keyboard focus is invisible.
   3. The submit's glow is suppressed inside the pill, a nested drop shadow
      bleeds over the container edge.
   Under 26rem the pill becomes a stacked pair. */
.sg-footer__newsletter{display:grid;justify-items:center;text-align:center;gap:var(--sgf-sm, clamp(1.125rem, calc(1.03rem + .39vw), 1.59rem));border:.0625rem solid var(--sgf-line);border-radius:var(--radius-l, 1.25rem);background:color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 3%, transparent);padding:var(--sgf-sl) var(--sgf-sm);margin-block:var(--sgf-sl)}
.sg-footer__newsletter-copy{display:grid;justify-items:center;gap:var(--sgf-sxs)}
.sg-footer__newsletter-headline{font-family:var(--sgf-font);font-size:var(--h2, clamp(2.125rem, calc(1.86rem + 1.14vw), 2.875rem));font-weight:700;line-height:1.15;letter-spacing:-.02em;max-inline-size:26ch;text-wrap:balance;color:var(--sgh-n-0, #f2f3f7)}
.sg-footer__newsletter-description{font-size:var(--sgf-tl);color:var(--sgf-subtle);max-inline-size:52ch;text-wrap:pretty}
.sg-footer__nl-form{display:grid;justify-items:center;gap:var(--sgf-sxs);inline-size:100%;max-inline-size:40rem;position:relative}
.sg-footer__nl-row{display:flex;flex-wrap:nowrap;align-items:center;gap:.375rem;inline-size:100%;padding:.375rem;border:.0625rem solid color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 18%, transparent);border-radius:var(--sg-radius-full, 999px);background:color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 6%, transparent);transition:border-color var(--sg-dur-fast, .12s) var(--sgf-ease), background-color var(--sg-dur-fast, .12s) var(--sgf-ease)}
.sg-footer__nl-row:hover{border-color:color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 30%, transparent)}
.sg-footer__nl-row:focus-within{border-color:color-mix(in oklab, var(--sgf-blue) 60%, transparent);outline:.125rem solid var(--sgf-blue);outline-offset:.125rem}
.sg-footer__nl-row .sg-footer__nl-input{flex:1 1 0;inline-size:auto;min-inline-size:0;appearance:none;border:0;border-radius:0;background:transparent;box-shadow:none;padding-block:.85rem;padding-inline:1.25rem;color:var(--sgh-n-0, #f2f3f7);font-family:var(--sg-font-body, 'Inter', system-ui, sans-serif);font-size:var(--sgf-tl)}
.sg-footer__nl-row .sg-footer__nl-input::placeholder{color:color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 45%, transparent)}
.sg-footer__nl-row .sg-footer__nl-input:focus,.sg-footer__nl-row .sg-footer__nl-input:focus-visible{outline:none;border:0;box-shadow:none}
.sg-footer__nl-row .sg-footer__nl-submit{flex:0 0 auto;inline-size:auto;border:0;cursor:pointer;box-shadow:none;font-family:var(--sgf-font);font-size:var(--sgf-tl);padding:.8em 1.6em}
.sg-footer__nl-row .sg-footer__nl-submit:hover{translate:none;box-shadow:none;background:color-mix(in oklab, var(--sgf-blue) 88%, var(--sgh-n-0, #f2f3f7))}
@media (max-width:26rem){.sg-footer__nl-row{flex-direction:column;gap:.5rem;padding:.5rem;border-radius:var(--radius-l, 1.25rem)}.sg-footer__nl-row .sg-footer__nl-input{inline-size:100%;text-align:center;padding-inline:.75rem}.sg-footer__nl-row .sg-footer__nl-submit{inline-size:100%;justify-content:center}}
.sg-footer__nl-note{font-size:var(--sgf-ts);color:var(--sgf-subtle);max-inline-size:48ch;margin:0}
.sg-footer__nl-hp{position:absolute;inset-inline-start:-300rem;inline-size:.0625rem;block-size:.0625rem;opacity:0;pointer-events:none}
.sg-footer__nl-result{display:block;inline-size:100%;border:0;block-size:0;opacity:0;border-radius:var(--radius-m, .625rem);background:transparent;transition:block-size var(--sg-dur-base, .22s) var(--sgf-ease), opacity var(--sg-dur-base, .22s) var(--sgf-ease)}
.sg-footer__nl-form.is-submitted .sg-footer__nl-result{block-size:4.5rem;opacity:1}
@media (prefers-reduced-motion:reduce){.sg-footer__nl-result{transition:none}}
.sg-footer__social{border-block-end:.0625rem solid var(--sgf-line);margin-block-start:var(--sgf-sl);padding-block-end:var(--sgf-sl);margin-block-end:var(--sgf-s2xs)}
.sg-footer__social-feed{margin-block-start:var(--sgf-ss)}
.sg-footer__ig{display:flex;gap:var(--card-gap, 1rem);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;min-block-size:clamp(11rem, 18vw, 14rem);padding-block-end:var(--sgf-sxs);scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--acc, var(--sgh-purple, oklch(67.93% .3175 325.07))) 55%, transparent) transparent}
.sg-footer__ig-tile{flex:0 0 clamp(11rem, 18vw, 14rem);aspect-ratio:1;scroll-snap-align:start;border-radius:var(--radius-l, 1.25rem);overflow:hidden;display:block;transition:transform .3s var(--sgf-ease)}
.sg-footer__ig-tile:hover{transform:translateY(-.375rem)}
.sg-footer__ig-img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.sg-footer__ig-fallback{color:var(--sgf-subtle);text-decoration:none;font-size:var(--sgf-ts);align-self:center}
@media (min-width:1024px){.sg-footer__ig{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;overflow-x:visible;scroll-snap-type:none;min-block-size:0;padding-block-end:0}.sg-footer__ig-tile{flex:none}}
@media (prefers-reduced-motion:reduce){.sg-footer__ig-tile,.sg-footer__ig-tile:hover{transform:none;transition:none}}
.sg-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sgf-ss) var(--sgf-sl);justify-content:space-between;border-block-start:.0625rem solid var(--sgf-line);margin-block-start:var(--sgf-sl);padding-block-start:var(--sgf-ss)}
.sg-footer__bottom-cluster{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(.25rem, 1vw, .6875rem)}
.sg-footer__return{display:flex;justify-content:center;margin-block-start:var(--sgf-sm)}
.sg-footer__legal{display:flex;flex-wrap:wrap;gap:var(--sgf-sm)}
.sg-footer__locale,.sg-footer__copyright,.sg-footer__legal-link{font-size:var(--sgf-txs);color:var(--sgf-subtle)}
.sg-footer__legal-link{text-decoration:none}/* Social icon circles. Glyphs are inline SVG alpha masks painted with
   currentColor so they follow the theme. Google carries a G monogram. Sizes
   flex with the viewport so all eight hold one row from 360px up. */
.sg-footer__social-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:clamp(2.25rem, 7.5vw, 2.75rem);block-size:clamp(2.25rem, 7.5vw, 2.75rem);padding:0;border:.0625rem solid var(--sgf-line, color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 13%, transparent));border-radius:50%;color:var(--sgf-subtle, color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 60%, transparent));text-decoration:none;transition:color .2s ease, border-color .2s ease}
.sg-footer__social-link:hover{color:var(--sgh-n-0, #f2f3f7);border-color:color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 32%, transparent)}
.sg-footer__social-link::before{content:"";inline-size:clamp(1.0625rem, 3.4vw, 1.25rem);block-size:clamp(1.0625rem, 3.4vw, 1.25rem);background-color:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.sg-footer__social-link--instagram{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4.2' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='17.3' cy='6.7' r='1.3' fill='black'/%3E%3C/svg%3E")}
.sg-footer__social-link--facebook{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E")}
.sg-footer__social-link--linkedin{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4V9h4v1.5A6 6 0 0 1 16 8z'/%3E%3Crect x='2' y='9' width='4' height='12'/%3E%3Ccircle cx='4' cy='4' r='2'/%3E%3C/svg%3E")}
.sg-footer__social-link--youtube{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M2 9a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v6a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4zm8 0l6 3-6 3z'/%3E%3C/svg%3E")}
.sg-footer__social-link--tiktok{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E")}
.sg-footer__social-link--pinterest{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026z'/%3E%3C/svg%3E")}
.sg-footer__social-link--threads{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.sg-footer__social-link--google::before{content:"G";background:none;-webkit-mask:none;mask:none;inline-size:auto;block-size:auto;font-family:var(--sgh-font-display,'Outfit',sans-serif);font-weight:700;font-size:clamp(1rem, 3vw, 1.125rem);line-height:1}
@media (prefers-reduced-motion:reduce){.sg-footer__social-feed .sbi_item{transition:none}.sg-footer__social-feed .sbi_item:hover{transform:none}}.sg-section__head:not(.sgh-qs){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sg-space-m, clamp(1.125rem, calc(1.03rem + .39vw), 1.59rem)) var(--sg-space-xl, clamp(2.53rem, calc(2.33rem + .87vw), 3.58rem));align-items:end;margin-block-end:var(--sg-section-head-space, clamp(2.53rem, calc(2.33rem + .87vw), 3.58rem))}
.sg-section__aside:not(.sgh-qs-items){display:grid;gap:var(--sg-space-s, clamp(.75rem, calc(.69rem + .26vw), 1.0625rem));justify-items:start;align-content:end;color:var(--sgh-muted, light-dark(rgba(11,13,19,.64), rgba(242,243,247,.66)))}

.sg-section:has(.sg-section__chip) .sg-section__eyebrow::before{border:.0625rem solid color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 22%, transparent)}

img[src^='{'], img[src='']{display:none}
@media (max-width:899px){.sg-section__head:not(.sgh-qs){grid-template-columns:1fr;align-items:start}.sg-section__aside:not(.sgh-qs-items){align-content:start}}
html, body{overflow-x:clip}
body{inline-size:100%;max-inline-size:100%;min-inline-size:0}
html .sg-section__inner{box-sizing:border-box;inline-size:100%;max-inline-size:var(--sg-content-frame, calc(var(--sg-content-max, 85.375rem) + 2 * var(--sg-gutter, clamp(1.25rem, 4vw, 2.25rem))));margin-inline:auto;padding-inline:var(--sg-content-gutter-start, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.3125rem)) var(--sg-content-gutter-end, calc(clamp(1.25rem, 4vw, 2.25rem) + 1.1625rem))}
.sg-specialist-hero .sg-specialist-hero__media{position:absolute;inset:0;pointer-events:none}
.sg-specialist-hero .sg-section__inner{position:relative;z-index:1}
.sg-section.sgh-sec--dark:has(.sg-section__chip) .sg-section__eyebrow,.sgh-sec--dark .sg-section__eyebrow{color:var(--sgh-n-0, #f2f3f7)}
.sg-section__head{background:transparent}
.sgh-sec--dark .sg-section__aside{color:color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 72%, transparent)}
.sgh-btn-line{border:.0625rem solid var(--sgh-border, light-dark(rgba(11,13,19,.16), rgba(255,255,255,.14)));background:var(--sgh-surface, light-dark(oklch(99.2% .004 265), rgba(255,255,255,.03)))}
.sgh-res-badge{border:.0625rem solid var(--sgh-border, light-dark(rgba(11,13,19,.10), rgba(255,255,255,.10)))}

.sg-section{color:var(--sgh-text, light-dark(#0b0d13, #f2f3f7))}
.sgh-audit-band{color:var(--sgh-text, light-dark(#0b0d13, #f2f3f7))}

.sg-reporting__step-num,.sg-reporting__panel-flow{color:light-dark(color-mix(in oklab, var(--sg-accent, oklch(74.67% .1402 227.95)) 52%, var(--sgh-ink, #0b0d13)), var(--sg-accent, oklch(74.67% .1402 227.95)))}
.sg-faq__q::after{color:color-mix(in oklab, var(--acc, var(--sgh-blue, oklch(74.67% .1402 227.95))) 70%, var(--sgh-text, light-dark(#0b0d13, #f2f3f7)))}
.sg-faq__q:hover{color:color-mix(in oklab, var(--acc, var(--sgh-blue, oklch(74.67% .1402 227.95))) 70%, var(--sgh-text, light-dark(#0b0d13, #f2f3f7)))}
.sg-section:has(.sg-section__chip) .sg-section__eyebrow::after{background:color-mix(in oklab, var(--acc, var(--sgh-blue, oklch(74.67% .1402 227.95))) 60%, var(--sgh-text, light-dark(#0b0d13, #f2f3f7)))}
.sg-industries__track{scrollbar-color:color-mix(in oklab, var(--sg-accent, oklch(.747 .14 227.9)) 55%, var(--sgh-text, light-dark(#0b0d13, #f2f3f7))) transparent}
.sg-industries__track::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--sg-accent, oklch(.747 .14 227.9)) 55%, var(--sgh-text, light-dark(#0b0d13, #f2f3f7)))}
.sg-footer__social-feed [id='sbi_images']{scrollbar-color:color-mix(in oklab, var(--acc, var(--sgh-purple, oklch(67.93% .3175 325.07))) 55%, var(--sgh-n-0, #f2f3f7)) transparent}

[data-theme='light'] :is(.sg-header__icon:hover, .sg-drawer__link:hover, .sg-search__hint:hover, .sg-panel__opt[aria-checked='true'], .sg-mnav__group[open]>.sg-mnav__summary, .sg-archive__eyebrow, .sg-card__kicker, .sg-card__cta){color:color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 55%, var(--sg-n-0, oklch(12.9% .015 266.38)))}
[data-theme='light'] body .sg-header .sg-mega,[data-theme='light'] body .sg-header [data-sg-panel]:not(.sg-drawer):not(.sg-search){background:rgba(252,252,253,.94)}
/* Footer CTA card. Fills are single-hue per the gradient law. The multi-color
   shimmer lives on the border ring only, driven from SG Footer Motion.
   CENTRED 2026-08-17 to match the newsletter panel; radial glow anchored at 50
   percent because a left-anchored glow lit an empty corner once centred.
   RING: .1875rem band at .72, hover brightens to .95, spin is ambient (see SG
   Footer Motion). Previewed at 2px/.6, 3px/.72, 4px/.85; 3px is where all six
   hues resolve without the card becoming a light show.
   PRIMARY IS YELLOW 2026-08-17, owner: "make the background color on the Talk
   to a Specialist button yellow". The header CTA and the mobile menu CTA were
   already yellow while this one was blue, so the site's single primary
   conversion action wore two different colours depending on where you met it.
   Dark ink on yellow is the brand pairing (--sg-yellow is documented "black
   text on yellow") and the existing color declaration already satisfies it.
   The glow moved to yellow with it, a blue shadow under a yellow pill reads as
   a rendering fault. NOTE .sg-footer__cta-main is ALSO worn by the newsletter
   Subscribe button, so .sg-footer__nl-submit is pinned back to blue below at
   equal specificity and later source order: Subscribe is a different action
   and the owner asked only for Talk to a Specialist. */
.sg-footer__cta{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:var(--sgf-sm);border-radius:var(--radius-xl, 1.75rem);border:.0625rem solid color-mix(in oklab, var(--sgf-blue) 22%, transparent);background:radial-gradient(36rem 18rem at 50% -12%, color-mix(in oklab, var(--sgf-blue) 16%, transparent), transparent 64%),linear-gradient(170deg, color-mix(in oklab, var(--sgf-blue) 8%, var(--sgh-ink, #0b0d13)), var(--sgh-ink, #0b0d13) 75%);box-shadow:0 1.5rem 3.5rem color-mix(in oklab, var(--black, #000) 35%, transparent);padding:clamp(2.25rem, calc(1.9rem + 1.5vw), 3.5rem) clamp(1.6875rem, calc(1.5rem + .9vw), 2.75rem)}
.sg-footer__cta::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:.1875rem;background:linear-gradient(var(--sg-primary, oklch(74.67% .1402 227.95)), var(--sg-primary, oklch(74.67% .1402 227.95)));opacity:.72;pointer-events:none;-webkit-mask:linear-gradient(var(--black, #000) 0 0) 50% 50%/100% 100% no-repeat content-box, linear-gradient(var(--black, #000) 0 0) 50% 50%/100% 100% no-repeat;mask:linear-gradient(var(--black, #000) 0 0) 50% 50%/100% 100% no-repeat content-box, linear-gradient(var(--black, #000) 0 0) 50% 50%/100% 100% no-repeat;-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .25s var(--sgf-ease)}
.sg-footer__cta:hover::before{opacity:.95}
.sg-footer__cta-copy{display:grid;justify-items:center;gap:var(--sgf-ss)}
.sg-footer__cta-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--sgf-font);font-size:var(--sgf-txs);font-weight:600;letter-spacing:.04em;color:var(--sgf-subtle);border:.0625rem solid var(--sgf-line);border-radius:100rem;padding:.375em 1em}
.sg-footer__cta-eyebrow::before{content:"";inline-size:.375rem;block-size:.375rem;border-radius:50%;background:var(--sgf-blue)}
.sg-footer__cta-title{font-family:var(--sgf-font);font-size:var(--h2, clamp(2.125rem, calc(1.86rem + 1.14vw), 2.875rem));font-weight:700;line-height:1.12;letter-spacing:-.02em;max-inline-size:26ch;text-wrap:balance;color:var(--sgh-n-0, #f2f3f7)}
.sg-footer__cta-sub{font-size:var(--sgf-tl);color:var(--sgf-subtle);max-inline-size:52ch;text-wrap:pretty}
.sg-footer__cta-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;inline-size:fit-content;justify-self:center;justify-items:stretch;gap:var(--sgf-ss)}
.sg-footer__cta-main,.sg-footer__cta-quiet{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;font-family:var(--sgf-font);font-weight:600;font-size:var(--sgf-tl);border-radius:100rem;padding:.8em 1.5em;text-decoration:none;transition:translate .25s var(--sgf-ease), box-shadow .25s var(--sgf-ease), background-color .25s var(--sgf-ease), border-color .25s var(--sgf-ease)}
.sg-footer__cta-main{color:var(--sgh-ink, #0b0d13);background:var(--sgh-yellow, oklch(84.98% .1739 86.55));box-shadow:0 .75rem 2rem color-mix(in oklab, var(--sgh-yellow, oklch(84.98% .1739 86.55)) 30%, transparent)}
.sg-footer__cta-main:hover{translate:0 -.1875rem;box-shadow:0 1rem 2.5rem color-mix(in oklab, var(--sgh-yellow, oklch(84.98% .1739 86.55)) 42%, transparent)}
.sg-footer__cta-quiet{color:var(--sgh-n-0, #f2f3f7);border:.0625rem solid color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 22%, transparent)}
.sg-footer__cta-quiet:hover{background-color:color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 7%, transparent);border-color:color-mix(in oklab, var(--sgh-n-0, #f2f3f7) 38%, transparent)}
.sg-footer__nl-submit{background:var(--sgf-blue)}
@media (max-width:899px){.sg-footer__cta-actions{grid-auto-flow:row;inline-size:100%;max-inline-size:22rem}}/* Emptied 2026-08-23. The footer site map section was removed at owner instruction and every rule here targeted .sg-footer__sitemap*, verified dead (zero references in any published wp_block, wp_template, page, or Class Manager rule). Full CSS preserved at audit-2026-08-18/execute/backup-SG-Footer-Sitemap-stylesheet-2026-08-23.css */.sg-section__head:not(.sgh-qs) > .sg-section__aside{max-inline-size:none;inline-size:auto}

.sg-section__head .sg-section__title:last-child{margin-block-end:0}
.sg-feature .sg-section__aside{display:grid;grid-auto-flow:row;grid-template-columns:minmax(0,1fr);align-content:end}
.sg-feature .sg-section__aside > .sg-feature__lead,.sg-feature .sg-section__aside > .sg-section__cta-row{grid-column:1;grid-row:auto}


.sg-section__lede{margin:0;font-size:var(--text-l, clamp(1.0625rem, calc(1.035rem + .12vw), 1.1875rem));line-height:1.6;max-inline-size:68ch;text-wrap:pretty}
.sg-section .sg-section__aside > .sg-section__cta-row{margin-block-start:0}
.sg-section[class*="sg-about-"]{font-weight:400}

.sg-section[class*="sg-about-"] .sg-section__title{font-weight:500;letter-spacing:-.025em;text-wrap:balance}

.sg-section[class*="sg-about-"] .sgh-btn-ink{color:var(--sgh-n-900, #0b0d13)}

.sg-section[class*="sg-about-"] .sg-section__head{justify-items:stretch}

body.page-id-138715 .sg-section{outline:none;border-radius:0}
body.page-id-138715 .sg-section::before{content:none}
@keyframes sg-newsletter-spin { to { transform: rotate(1turn) } }
@keyframes sg-newsletter-rise { from { opacity: 0; transform: translateY(1.5rem) } }
@keyframes sg-newsletter-settle { from { opacity: 0; transform: translateY(.875rem) } }
@keyframes sg-newsletter-field { from { transform: scale(1.024) } }
.sg-section.sg-newsletter-hero{
  --sg-newsletter-ink:color-mix(in oklab,var(--sgh-n-0,#ffffff) 95%,var(--sgh-ink,#0b0d13));
  --sg-newsletter-ink-muted:color-mix(in oklab,var(--sgh-n-0,#ffffff) 74%,transparent);
  --sg-newsletter-ink-quiet:color-mix(in oklab,var(--sgh-n-0,oklch(99.2% .004 265)) 72%,transparent);
  --sg-newsletter-panel:color-mix(in oklab,var(--sgh-n-0,#ffffff) 7%,transparent);
  --sg-newsletter-line:color-mix(in oklab,var(--sgh-n-0,#ffffff) 18%,transparent);
  --sg-newsletter-accent:var(--sg-blue,oklch(74.67% .1402 227.95));
  padding-block-end:clamp(4.5rem,8vw,7rem)
}

.sg-newsletter-form .sg-newsletter-form__status{display:grid;gap:.5rem}

.sg-section .sg-newsletter-fit__body .sg-newsletter-fit__statement{
  grid-column:2;margin:0;max-inline-size:40ch;
  font-family:var(--sgh-font-display,'Outfit',sans-serif);
  font-size:clamp(1.5rem,calc(1.15rem + 1.35vw),2.25rem);
  font-weight:400;line-height:1.3;letter-spacing:-.02em;text-wrap:balance;
  color:var(--sgh-text,light-dark(#0b0d13,#f2f3f7))
}
@media (max-width:56.25rem){.sg-section .sg-newsletter-fit__body .sg-newsletter-fit__statement{grid-column:1}}

.sg-newsletter-close .sg-newsletter-close__actions{
  display:flex;flex-wrap:wrap;align-items:center;
  gap:var(--sg-space-m,clamp(1.125rem,calc(1.03rem + .39vw),1.59rem)) var(--sg-space-l,clamp(1.6875rem,calc(1.55rem + .58vw),2.39rem))
}

@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    html.sg-anim .sg-newsletter__reveal{
      animation:sg-newsletter-rise both;
      animation-timeline:view();
      animation-range:entry 0% cover 35%
    }
    html.sg-anim .sg-newsletter__reveal--late{
      animation-range:entry 8% cover 43%
    }
  }
}

.sg-section .sg-newsletter-hero__grid .sg-newsletter-hero__panel{padding:clamp(1.5rem,2.6vw,2.25rem)}
.sg-section .sg-newsletter-form__field .sg-newsletter-form__input{padding:.8125rem 1rem}
.sg-section .sg-newsletter-form__status .sg-newsletter-form__status-item{padding:var(--sg-space-s,clamp(.75rem,calc(.69rem + .26vw),1.0625rem))}
.sg-section .sg-newsletter-lanes__list .sg-newsletter-lanes__item{padding-block:var(--sg-space-m,clamp(1.125rem,calc(1.03rem + .39vw),1.59rem))}

.sg-section .sg-newsletter-hero__grid .sg-newsletter-hero__subhead,
.sg-section .sg-section__inner .sg-newsletter-form__consent{
  margin-block-start:var(--sg-space-l,clamp(1.6875rem,calc(1.55rem + .58vw),2.39rem))
}

.sg-section .sg-newsletter-form__consent .sg-newsletter-form__consent-link{
  color:var(--sg-newsletter-accent,var(--sg-blue,oklch(74.67% .1402 227.95)));
  text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:.0625rem
}
.sg-section .sg-newsletter-close__alt .sg-newsletter-close__alt-link{
  color:var(--sgh-text,light-dark(#0b0d13,#f2f3f7));
  text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:.0625rem
}
.sg-section .sg-newsletter-close__alt .sg-newsletter-close__alt-link:hover{color:var(--sg-blue,oklch(74.67% .1402 227.95))}

.sg-section .sg-newsletter-form .sg-newsletter-form__submit{
  padding:.875rem 1.5rem;
  font-family:var(--sgh-font-display,'Outfit',sans-serif);
  color:color-mix(in oklab,var(--sg-blue,oklch(74.67% .1402 227.95)),#000 84%)
}
.sg-section .sg-newsletter-close__actions .sg-newsletter-close__cta{
  padding:.875rem 1.75rem;
  color:color-mix(in oklab,var(--sg-blue,oklch(74.67% .1402 227.95)),#000 84%)
}
.sg-section .sg-newsletter-lanes__list .sg-newsletter-lanes__term{font-weight:600;letter-spacing: var(--h3-letter-spacing, -0.01em);line-height: var(--h3-line-height, 1.25);}

.sg-newsletter-lanes.sg-newsletter-lanes.sg-newsletter-lanes::before,
.sg-newsletter-fit.sg-newsletter-fit.sg-newsletter-fit::before,
.sg-newsletter-close.sg-newsletter-close.sg-newsletter-close::before{content:none}

.sg-section.sg-newsletter-hero,
.sg-section.sg-newsletter-lanes,
.sg-section.sg-newsletter-fit,
.sg-section.sg-newsletter-close{outline:0}

.sg-section.sg-newsletter-lanes .sg-section__title,
.sg-section.sg-newsletter-fit .sg-section__title,
.sg-section.sg-newsletter-close .sg-section__title{}
@keyframes sg-blogarch-reveal{from{opacity:0;transform:translate3d(0,1.5rem,0)}}
@keyframes sg-audit-settle-field{from{transform:scale(1.024)}}
@keyframes sg-audit-settle-rise{from{opacity:0;transform:translate3d(0,.875rem,0)}}
@keyframes sg-audit-reveal-rise{from{opacity:0;transform:translateY(1.5rem)}}
@keyframes sg-support-hero{from{opacity:0;transform:translate3d(0,var(--sg-support-rise,.875rem),0) scale(1.024)}}
@keyframes sg-support-settle{from{opacity:0;transform:translate3d(0,var(--sg-support-rise,.875rem),0)}}
@keyframes sg-support-reveal{from{transform:translate3d(0,1.5rem,0)}}
.sg-support-hero .sg-support-hero__title{transform-origin:50% 62%;animation:sg-support-hero 240ms var(--sgh-ease,cubic-bezier(.22,.61,.2,1)) both}
.sg-support-hero .sg-support-hero__subhead{animation:sg-support-settle 220ms var(--sgh-ease,cubic-bezier(.22,.61,.2,1)) both;animation-delay:var(--sg-support-step,60ms)}
.sg-support-hero .sg-support-hero__actions{animation:sg-support-settle 220ms var(--sgh-ease,cubic-bezier(.22,.61,.2,1)) both;animation-delay:calc(var(--sg-support-step,60ms)*2)}
@media (prefers-reduced-motion:reduce){.sg-support-hero .sg-support-hero__title,.sg-support-hero .sg-support-hero__subhead,.sg-support-hero .sg-support-hero__actions{animation:none}}
@keyframes sg-specialist-settle{from{opacity:0;transform:translate3d(0,var(--sg-specialist-rise,.875rem),0)}}
@keyframes sg-specialist-field{from{transform:scale(1.024)}}
@keyframes sg-specialist-reveal{from{opacity:0;transform:translateY(1.5rem)}}
@keyframes sg-specialist-fade{from{opacity:0;transform:translateY(.25rem)}}
@keyframes sg-contact-art{from{opacity:0;transform:scale(1.024)}}
@keyframes sg-contact-settle{from{opacity:0;transform:translate3d(0,var(--sg-contact-rise,.875rem),0)}}
@keyframes sg-contact-reveal{from{transform:translate3d(0,1.5rem,0)}}

.sg-contact-hero .sg-contact-hero__plate{transform-origin:50% 58%;animation:sg-contact-art 240ms var(--sgh-ease,cubic-bezier(.22,.61,.2,1)) both}
.sg-contact-hero .sg-contact-hero__title{animation:sg-contact-settle 220ms var(--sgh-ease,cubic-bezier(.22,.61,.2,1)) both;animation-delay:var(--sg-contact-step,60ms)}
.sg-contact-hero .sg-contact-hero__subhead{animation:sg-contact-settle 220ms var(--sgh-ease,cubic-bezier(.22,.61,.2,1)) both;animation-delay:calc(var(--sg-contact-step,60ms)*2)}

@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    html.sg-anim :is(.sg-contact-routes,.sg-contact-next,.sg-contact-ask,.sg-contact-close) .sg-contact__heading,
    html.sg-anim .sg-contact-next__intro .sg-contact-proof,
    html.sg-anim .sg-contact-ask .sg-contact-ask__lede,
    html.sg-anim .sg-contact-ask .sg-contact-form,
    html.sg-anim .sg-contact-close__outro,
    html.sg-anim .sg-contact-routes__item,
    html.sg-anim .sg-contact-next__step,
    html.sg-anim .sg-contact-close__item{animation:sg-contact-reveal linear both;animation-timeline:view();animation-range:entry 0% cover 35%}
    html.sg-anim .sg-contact-ask .sg-contact-ask__lede{animation-range:entry 4% cover 39%}
    html.sg-anim .sg-contact-next__intro .sg-contact-proof{animation-range:entry 6% cover 41%}
    html.sg-anim :is(.sg-contact-routes__item,.sg-contact-next__step,.sg-contact-close__item):nth-child(2){animation-range:entry 6% cover 41%}
    html.sg-anim :is(.sg-contact-routes__item,.sg-contact-next__step,.sg-contact-close__item):nth-child(3){animation-range:entry 12% cover 47%}
    html.sg-anim :is(.sg-contact-routes__item,.sg-contact-next__step,.sg-contact-close__item):nth-child(4){animation-range:entry 18% cover 53%}
  }
}

@media (prefers-reduced-motion:reduce){
  .sg-contact-hero .sg-contact-hero__plate,
  .sg-contact-hero .sg-contact-hero__title,
  .sg-contact-hero .sg-contact-hero__subhead{animation:none}
}
@keyframes sg-faqarch-reveal{from{opacity:0;transform:translate3d(0,1.5rem,0)}}
@keyframes sg-contact-reveal{from{translate:0 var(--sg-rv-rise,2.5rem);scale:var(--sg-rv-scale,1)}}
@keyframes sg-audit-reveal-rise{from{opacity:0;translate:0 var(--sg-rv-rise,2.5rem);scale:var(--sg-rv-scale,1)}}
@keyframes sg-specialist-reveal{from{opacity:0;translate:0 var(--sg-rv-rise,2.5rem);scale:var(--sg-rv-scale,1)}}
@keyframes sg-faqarch-reveal{from{opacity:0;translate:0 var(--sg-rv-rise,2.5rem);scale:var(--sg-rv-scale,1)}}
@keyframes sg-support-reveal{from{translate:0 var(--sg-rv-rise,2.5rem);scale:var(--sg-rv-scale,1)}}
@keyframes sg-newsletter-rise{from{opacity:0;translate:0 var(--sg-rv-rise,2.5rem);scale:var(--sg-rv-scale,1)}}
@keyframes sg-blogarch-reveal{from{opacity:0;translate:0 var(--sg-rv-rise,2.5rem);scale:var(--sg-rv-scale,1)}}

.sg-about-story__media,.sg-about-vision__image,.sg-about-founder__media,
.sg-about-close__panel,.sg-about-bento__feature,.sg-about-bento__shots,
.sg-about-bento__stat,.sg-about-bento__cue,.sg-contact-routes__item,
.sg-contact-next__step,.sg-contact-close__item,.sg-contact-form,
.sg-specialist__form,.sg-faq__ask-panel,.sg-faq__final-panel,
.sg-blog-cta__panel{--sg-rv-scale:.985}

:is(.sg-about-bento__stat,.sg-about-bento__cue,.sg-about-bento__shot,.sg-about-bento__feature,.sg-specialist__form,.sg-specialist__point,.sg-support-request__panel,.sg-newsletter-hero__panel,.sg-faq__index-link,.sg-faq__final-cta,.sg-blog-browse__link,.sg-blog-browse__lead-media,.sg-contact-form__submit,.sg-newsletter-close__cta,.sg-specialist__form-submit){transition-property:translate,transform,box-shadow,border-color,background-color;transition-duration:var(--sg-lift-dur,200ms);transition-timing-function:var(--sgh-ease,cubic-bezier(.22,.61,.2,1))}
@media (hover:hover) and (prefers-reduced-motion:no-preference){

html :is(.sg-specialist__form,.sg-support-request__panel,.sg-newsletter-hero__panel):hover{translate:0 calc(var(--sg-lift,.25rem)*-1);box-shadow:var(--sg-lift-shadow)}

html :is(.sg-faq__index-link,.sg-faq__final-cta,.sg-blog-browse__link):hover{transform:translateY(calc(var(--sg-lift,.25rem)*-1));box-shadow:var(--sg-lift-shadow)}

html :is(.sg-contact-form__submit,.sg-newsletter-close__cta):hover{transform:translateY(calc(var(--sg-lift-btn,.125rem)*-1))}
html .sg-specialist__form-submit:hover{translate:0 calc(var(--sg-lift-btn,.125rem)*-1)}
}

@media (prefers-reduced-motion:reduce){
html :is(.sg-about-bento__stat,.sg-about-bento__cue,.sg-about-bento__shot,.sg-about-bento__feature,.sg-specialist__form,.sg-specialist__point,.sg-support-request__panel,.sg-newsletter-hero__panel,.sg-faq__index-link,.sg-faq__final-cta,.sg-blog-browse__link,.sg-blog-browse__lead-media,.sg-contact-form__submit,.sg-newsletter-close__cta,.sg-specialist__form-submit){transition:none}

html :is(.sg-specialist__form,.sg-specialist__point,.sg-support-request__panel,.sg-newsletter-hero__panel,.sg-specialist__form-submit):hover{translate:none}
html :is(.sg-faq__index-link,.sg-faq__final-cta,.sg-blog-browse__link,.sg-blog-browse__lead-media,.sg-contact-form__submit,.sg-newsletter-close__cta):hover{transform:none}
}
@supports (animation-timeline: view()){
@media (prefers-reduced-motion:no-preference){

:is(.sg-about-story__grid,.sg-about-vision__grid,.sg-about-bento__head,.sg-about-bento__grid,.sg-about-why__head,.sg-about-why__rows,.sg-about-founder__grid,.sg-about-faq__grid,.sg-audit-reveal)>:nth-child(2),
:is(.sg-contact-routes__item,.sg-contact-next__step,.sg-contact-close__item,.sg-newsletter-lanes__item):nth-child(2){--sg-rv-band:entry 16% cover 61%}
:is(.sg-about-story__grid,.sg-about-vision__grid,.sg-about-bento__head,.sg-about-bento__grid,.sg-about-why__head,.sg-about-why__rows,.sg-about-founder__grid,.sg-about-faq__grid,.sg-audit-reveal)>:nth-child(3),
:is(.sg-contact-routes__item,.sg-contact-next__step,.sg-contact-close__item,.sg-newsletter-lanes__item):nth-child(3){--sg-rv-band:entry 22% cover 67%}
:is(.sg-about-story__grid,.sg-about-vision__grid,.sg-about-bento__head,.sg-about-bento__grid,.sg-about-why__head,.sg-about-why__rows,.sg-about-founder__grid,.sg-about-faq__grid,.sg-audit-reveal)>:nth-child(n+4),
:is(.sg-contact-routes__item,.sg-contact-next__step,.sg-contact-close__item,.sg-newsletter-lanes__item):nth-child(n+4){--sg-rv-band:entry 28% cover 73%}

:is(.sg-specialist__reveal--2,.sg-newsletter__reveal--late,.sg-faq__index-list,.sg-support-paths__list,.sg-support-request__grid,.sg-support-next__grid,.sg-contact-proof,.sg-blog-browse__topics){--sg-rv-band:entry 16% cover 61%}
:is(.sg-contact-form,.sg-blog-browse__results){--sg-rv-band:entry 22% cover 67%}
.sg-contact-ask__lede{--sg-rv-band:entry 14% cover 59%}

html.sg-anim .sg-section.sg-section :is(.sg-contact__heading,.sg-contact-proof,.sg-contact-ask__lede,.sg-contact-form,.sg-contact-close__outro,.sg-contact-routes__item,.sg-contact-next__step,.sg-contact-close__item,.sg-specialist__reveal,.sg-specialist__reveal--2,.sg-support-head,.sg-support-paths__list,.sg-support-next__grid,.sg-support-request__grid,.sg-newsletter__reveal,.sg-newsletter__reveal--late,.sg-newsletter-lanes__item,.sg-blog-browse__head,.sg-blog-browse__topics,.sg-blog-browse__results,.sg-blog-cta__panel){animation-range:var(--sg-rv-band,entry 10% cover 55%)}
html.sg-anim .sg-section .sg-audit-reveal.sg-audit-reveal>*{animation-range:var(--sg-rv-band,entry 10% cover 55%)}

html.sg-anim :is(.sg-faq__library,.sg-faq__ask,.sg-faq__final) :is(.sg-faq-archive__head,.sg-faq__index-list,.sg-faq__ask-panel,.sg-faq__final-panel){animation-range:var(--sg-rv-band,entry 10% cover 55%)}

}}
:is(.sg-about-statement__grid,.sg-about-story__grid,.sg-about-vision__grid,.sg-about-bento__head,.sg-about-bento__grid,.sg-about-why__head,.sg-about-why__rows,.sg-about-founder__grid,.sg-about-faq__grid,.sg-audit-reveal)>:nth-child(2){--sg-rv-i:1}
:is(.sg-about-statement__grid,.sg-about-story__grid,.sg-about-vision__grid,.sg-about-bento__head,.sg-about-bento__grid,.sg-about-why__head,.sg-about-why__rows,.sg-about-founder__grid,.sg-about-faq__grid,.sg-audit-reveal)>:nth-child(3){--sg-rv-i:2}
:is(.sg-about-statement__grid,.sg-about-story__grid,.sg-about-vision__grid,.sg-about-bento__head,.sg-about-bento__grid,.sg-about-why__head,.sg-about-why__rows,.sg-about-founder__grid,.sg-about-faq__grid,.sg-audit-reveal)>:nth-child(n+4){--sg-rv-i:3}
:is(.sg-contact-routes__item,.sg-contact-next__step,.sg-contact-close__item,.sg-newsletter-lanes__item,.sg-support-paths__item):nth-child(1){--sg-rv-i:1}
:is(.sg-contact-routes__item,.sg-contact-next__step,.sg-contact-close__item,.sg-newsletter-lanes__item,.sg-support-paths__item):nth-child(2){--sg-rv-i:2}
:is(.sg-contact-routes__item,.sg-contact-next__step,.sg-contact-close__item,.sg-newsletter-lanes__item,.sg-support-paths__item):nth-child(3){--sg-rv-i:3}
:is(.sg-contact-routes__item,.sg-contact-next__step,.sg-contact-close__item,.sg-newsletter-lanes__item,.sg-support-paths__item):nth-child(n+4){--sg-rv-i:4}
.sg-specialist__reveal--2,.sg-newsletter__reveal--late,.sg-faq__library .sg-faq__index-list,.sg-support-paths .sg-support-paths__list,.sg-blog-browse__topics{--sg-rv-i:1}

@media (prefers-reduced-motion:no-preference){

html.sg-anim .sg-specialist-book :is(.sg-specialist__reveal,.sg-specialist__reveal--2){animation-name:sg-specialist-reveal;animation-duration:var(--sg-rv-dur,240ms);animation-timing-function:var(--sgh-ease,cubic-bezier(.22,.61,.2,1));animation-delay:calc(var(--sg-rv-step,70ms)*var(--sg-rv-i,0));animation-fill-mode:both;animation-timeline:auto}

html.sg-anim .sg-support-paths :is(.sg-support-head,.sg-support-paths__list){animation-name:sg-support-reveal;animation-duration:var(--sg-rv-dur,240ms);animation-timing-function:var(--sgh-ease,cubic-bezier(.22,.61,.2,1));animation-delay:calc(var(--sg-rv-step,70ms)*var(--sg-rv-i,0));animation-fill-mode:both;animation-timeline:auto}

html.sg-anim .sg-newsletter-lanes :is(.sg-newsletter__reveal,.sg-newsletter-lanes__item){animation-name:sg-newsletter-rise;animation-duration:var(--sg-rv-dur,240ms);animation-timing-function:var(--sgh-ease,cubic-bezier(.22,.61,.2,1));animation-delay:calc(var(--sg-rv-step,70ms)*var(--sg-rv-i,0));animation-fill-mode:both;animation-timeline:auto}

}
@supports not (animation-timeline: view()){
@media (prefers-reduced-motion:no-preference){

html.sg-anim .sg-section :is(.sg-contact__heading,.sg-contact-proof,.sg-contact-ask__lede,.sg-contact-form,.sg-contact-close__outro,.sg-contact-routes__item,.sg-contact-next__step,.sg-contact-close__item){animation-name:sg-contact-reveal;animation-duration:var(--sg-rv-dur,240ms);animation-timing-function:var(--sgh-ease,cubic-bezier(.22,.61,.2,1));animation-delay:calc(var(--sg-rv-step,70ms)*var(--sg-rv-i,0));animation-fill-mode:both}

html.sg-anim .sg-section .sg-audit-reveal>*{animation-name:sg-audit-reveal-rise;animation-duration:var(--sg-rv-dur,240ms);animation-timing-function:var(--sgh-ease,cubic-bezier(.22,.61,.2,1));animation-delay:calc(var(--sg-rv-step,70ms)*var(--sg-rv-i,0));animation-fill-mode:both}

html.sg-anim .sg-section :is(.sg-specialist__reveal,.sg-specialist__reveal--2){animation-name:sg-specialist-reveal;animation-duration:var(--sg-rv-dur,240ms);animation-timing-function:var(--sgh-ease,cubic-bezier(.22,.61,.2,1));animation-delay:calc(var(--sg-rv-step,70ms)*var(--sg-rv-i,0));animation-fill-mode:both}

html.sg-anim .sg-section :is(.sg-support-head,.sg-support-paths__list,.sg-support-next__grid,.sg-support-request__grid){animation-name:sg-support-reveal;animation-duration:var(--sg-rv-dur,240ms);animation-timing-function:var(--sgh-ease,cubic-bezier(.22,.61,.2,1));animation-delay:calc(var(--sg-rv-step,70ms)*var(--sg-rv-i,0));animation-fill-mode:both}

html.sg-anim .sg-section :is(.sg-newsletter__reveal,.sg-newsletter__reveal--late,.sg-newsletter-lanes__item){animation-name:sg-newsletter-rise;animation-duration:var(--sg-rv-dur,240ms);animation-timing-function:var(--sgh-ease,cubic-bezier(.22,.61,.2,1));animation-delay:calc(var(--sg-rv-step,70ms)*var(--sg-rv-i,0));animation-fill-mode:both}

html.sg-anim .sg-section :is(.sg-blog-browse__head,.sg-blog-browse__topics,.sg-blog-browse__results,.sg-blog-cta__panel){animation-name:sg-blogarch-reveal;animation-duration:var(--sg-rv-dur,240ms);animation-timing-function:var(--sgh-ease,cubic-bezier(.22,.61,.2,1));animation-delay:calc(var(--sg-rv-step,70ms)*var(--sg-rv-i,0));animation-fill-mode:both}

html.sg-anim :is(.sg-faq__library,.sg-faq__ask,.sg-faq__final) :is(.sg-faq-archive__head,.sg-faq__index-list,.sg-faq__ask-panel,.sg-faq__final-panel),
html.sg-anim .sg-faq__group{animation-name:sg-faqarch-reveal;animation-duration:var(--sg-rv-dur,240ms);animation-timing-function:var(--sgh-ease,cubic-bezier(.22,.61,.2,1));animation-delay:calc(var(--sg-rv-step,70ms)*var(--sg-rv-i,0));animation-fill-mode:both}

}}
/* SG Header Light. The top bar's light-mode flip, scoped to the bar only. Megas, drawers, and panels stay ink in both themes by owner clamp. Dark mode is untouched: every rule here fires only under the live light hook. This sheet supersedes, for light mode only, the SG Header Glass v2 owner directive of 2026-07-22 (white text both themes), per the owner instruction of 2026-08-11 to make the header work properly in both modes. Glass v2 paints the bar with literals at body-prefixed specificity, so these overrides carry the same prefix and load later. */

/* 1. Role tokens for the bar scope. The base header sheet reads these for hover pills, expanded pills, and focus rings, so they flip through their existing references. */
[data-theme="light"] .sg-header__inner,
html.scheme--light .sg-header__inner{
  color-scheme:light;
  --sg-text:var(--sg-n-0, oklch(12.9% .015 266.38));
  --sg-text-muted:color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent);
  --sg-glass:color-mix(in oklab, var(--sg-n-1000, oklch(100% 0 0)) 72%, transparent);
  --sg-glass-strong:color-mix(in oklab, var(--sg-n-1000, oklch(100% 0 0)) 94%, transparent);
  --sg-border:color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 12%, transparent);
  --sg-border-strong:color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 20%, transparent);
  --sg-state-hover:color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 7%, transparent);
  --sg-primary:color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 52%, var(--sg-n-0, oklch(12.9% .015 266.38)));
  --sg-primary-soft:color-mix(in oklab, var(--sg-blue, oklch(74.67% .1402 227.95)) 16%, var(--sg-n-1000, oklch(100% 0 0)));
}

/* 2. The bar surface. Mirrors Glass v2's three states with the light equivalents at matching translucency: frosted at top, readable on hover, near-solid on scroll. */
html[data-theme="light"] body .sg-header .sg-header__inner{
  background:color-mix(in oklab, var(--sg-n-1000, oklch(100% 0 0)) 88%, transparent); /* 2026-10-01 feedback: 58% went mid-grey over dark heroes and hid the logo and icons. */
  border:1px solid color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 12%, transparent);
  box-shadow:0 1px 0 0 color-mix(in oklab, var(--sg-n-1000, oklch(100% 0 0)) 65%, transparent) inset, 0 10px 30px color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 10%, transparent);
}
html[data-theme="light"] body .sg-header:hover .sg-header__inner{
  background:color-mix(in oklab, var(--sg-n-1000, oklch(100% 0 0)) 88%, transparent);
  border-color:color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 14%, transparent);
}
html[data-theme="light"] body .sg-header.sg-header--scrolled .sg-header__inner{
  background:color-mix(in oklab, var(--sg-n-1000, oklch(100% 0 0)) 97%, transparent);
  border-color:color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 10%, transparent);
  box-shadow:0 14px 40px color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 14%, transparent);
}

/* 3. Text and icons, ink on light. Same alpha steps as Glass v2's white set. */
html[data-theme="light"] body .sg-header .sg-header__link{ color:color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 82%, transparent) }
html[data-theme="light"] body .sg-header .sg-header__link:hover{ color:var(--sg-n-0, oklch(12.9% .015 266.38)) }
html[data-theme="light"] body .sg-header .sg-header__icon{ color:color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 75%, transparent) }
html[data-theme="light"] body .sg-header .sg-header__icon:hover{ color:var(--sg-n-0, oklch(12.9% .015 266.38)) }
html[data-theme="light"] body .sg-header .sg-header__logo{ color:var(--sg-n-0, oklch(12.9% .015 266.38)) }

/* 4. Wordmark swap on the LIVE theme hook. The header sheet and Glass v2 key the swap to html.scheme--light, which never fires on this site. Logo-02 carries the ink wordmark for the light bar. The existing max-width 900px !important rules keep the bird mark on mobile and win over these. */
html[data-theme="light"] body .sg-header .sg-header__logo .sg-header__logo-img{ display:none }
html[data-theme="light"] body .sg-header .sg-header__logo .sg-header__logo-light{ display:block; height:clamp(1.875rem, 3.6vw, 2.75rem); width:auto; inline-size:auto }
/* Mobile menu CTA ring. The site CTA signature carried onto the menu's Talk to a Specialist button: the masked conic ring with the FULL six-color brand spectrum in the header CTA's order (owner 2026-08-11), .0625rem band, one turn every 6s. The menu is a touch surface with no hover, so the spin runs ambiently while the menu is open, gated on html.sg-anim and prefers-reduced-motion, and the ring holds the .75 presence the footer ring reaches on hover. The button is compounded with .sg-mmenu because the menu's own CSS is JS-injected at runtime and loads after every sheet, the extra class outranks its flat selectors, and the same rule pins the site pill radius over the injected 14px card radius. The .sg-mmenu markup never exists at server render, so these rules live in a named sheet, the Class Manager would shake them. */
@property --sgm-spin{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes sgm-spin{to{--sgm-spin:360deg}}
.sg-mmenu .sg-mmenu__cta{position:relative;border-radius:var(--sg-radius-full, 999px)}
.sg-mmenu .sg-mmenu__cta::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:.0625rem;background:linear-gradient(var(--sg-yellow, oklch(84.98% .1739 86.55)), var(--sg-yellow, oklch(84.98% .1739 86.55)));opacity:.75;pointer-events:none;-webkit-mask:linear-gradient(var(--black, #000) 0 0) 50% 50%/100% 100% no-repeat content-box, linear-gradient(var(--black, #000) 0 0) 50% 50%/100% 100% no-repeat;mask:linear-gradient(var(--black, #000) 0 0) 50% 50%/100% 100% no-repeat content-box, linear-gradient(var(--black, #000) 0 0) 50% 50%/100% 100% no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}
@media (prefers-reduced-motion:no-preference){html.sg-anim .sg-mmenu .sg-mmenu__cta::before{animation:sgm-spin 6s linear infinite}}
@media (prefers-reduced-motion:reduce){.sg-mmenu .sg-mmenu__cta::before,.sg-mmenu .sg-mmenu__cta::after{animation:none!important}}
/* Header mega consistency, owner directive 2026-08-17: Services is the primary
   model and every other mega must match it.
   FIX 1, the Industries spacing. Services and Industries share one skeleton
   (.sg-mega__tabs rail + .sg-mega__catpanels), but the Industries category
   panels are authored as <section> elements while the Services ones are divs.
   ACSS core ships `:where(section:not(section section)){padding:var(--gutter)}`,
   so ONLY the Industries panels picked up a gutter: measured padding
   `0 80px 90px`, which pushed the first sector card 71px in from the panel's
   left edge where Services starts at 0, and added 90px of dead space under the
   list. The reset is scoped to the mega panel class so it cannot leak to real
   page sections, and a flat class trivially outranks :where(), which carries
   zero specificity. This sheet exists because SG Header is 348KB and cannot be
   re-emitted through the connector. */
.sg-mega__catpanel{padding:0}

/* PHASE 0 A11Y, verified audit 2026-08-18.
   SG-039 skip link. The site had id="main" but no link to it, so keyboard and
   screen-reader users tabbed through 1000+ header nodes on every page. The
   link is the header component's first child (added in Etch, 138746 addr 0/0),
   visually hidden until focused, then revealed as a pill in the top-left over
   the header. Tokens with brand fallbacks; the offscreen technique is the
   standard clip pattern, not display:none, so it stays in the tab order.
   SG-040 search focus. SG Header sets .sg-search__input{outline:none!important}
   and that sheet cannot be edited, so instead of fighting an !important the
   visible ring goes on the container via :focus-within, exactly the pattern the
   footer newsletter row uses. The input's own outline stays suppressed, the
   ring is now the row's, and it cannot be overridden by the input rule. */
.sg-header__skip{position:absolute;inset-block-start:var(--sg-space-s, .75rem);inset-inline-start:var(--sg-space-s, .75rem);z-index:calc(var(--sg-z-nav, 100) + 1);inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;font-family:var(--sg-font-display, 'Outfit', sans-serif);font-weight:600;font-size:var(--sg-text-s, .9375rem);color:var(--sg-n-0, oklch(12.9% .015 266.38));background:var(--sg-yellow, oklch(84.98% .1739 86.55));border-radius:var(--sg-radius-full, 999px);text-decoration:none}
.sg-header__skip:focus,.sg-header__skip:focus-visible{inline-size:auto;block-size:auto;margin:0;overflow:visible;clip:auto;clip-path:none;padding:.6rem 1.1rem;outline:.125rem solid var(--sg-n-0, oklch(12.9% .015 266.38));outline-offset:.125rem}
.sg-search__row:focus-within{outline:.125rem solid var(--sg-blue, oklch(74.67% .1402 227.95));outline-offset:.125rem;border-radius:var(--sg-radius-full, 999px)}
:root {
  color-scheme: light dark;

  --sg-blue: var(--primary, oklch(74.67% .1402 227.95));
  --sg-yellow: var(--secondary, oklch(84.98% .1739 86.55));
  --sg-green: var(--tertiary, oklch(58.8% .1947 142.26));
  --sg-orange: var(--warning, oklch(69.58% .2043 43.49));
  --sg-red: var(--danger, oklch(52.24% .202 31.27));
  --sg-purple: var(--accent, oklch(67.93% .3175 325.07));

  --sg-primary: var(--primary, oklch(74.67% .1402 227.95));
  --sg-on-primary: oklch(14% .025 250);
  --sg-primary-soft: color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 16%, transparent);
  --sg-primary-border: color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 42%, transparent);
  --sg-accent: var(--primary, oklch(74.67% .1402 227.95));
  --sg-accent-ink: color-mix(in oklab, var(--primary, oklch(74.67% .1402 227.95)), var(--black, oklch(12.9% .015 266.38)) 30%);

  --sg-n-0: oklch(12.9% .015 266.38);
  --sg-n-50: oklch(17.09% .026 269.44);
  --sg-n-100: oklch(20.66% .0314 266.99);
  --sg-n-900: oklch(93.35% .0087 264.52);
  --sg-n-1000: oklch(99.2% .004 265);

  --sg-bg: light-dark(oklch(98.28% .0045 78.3), var(--sg-n-0, oklch(12.9% .015 266.38)));
  --sg-surface: light-dark(oklch(96.2% .0062 70), var(--sg-n-50, oklch(17.09% .026 269.44)));
  --sg-glass: color-mix(in oklab, light-dark(oklch(98.83% .0029 84.56), oklch(17.09% .026 269.44)) 60%, transparent);
  --sg-glass-strong: color-mix(in oklab, light-dark(oklch(98.83% .0029 84.56), oklch(17.09% .026 269.44)) 82%, transparent);
  --sg-text: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 92%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 96%, transparent));
  --sg-text-muted: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 74%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 70%, transparent));
  --sg-text-subtle: light-dark(color-mix(in oklab, #0b0d13 73%, transparent), color-mix(in oklab, #f2f3f7 69%, transparent));
  --sg-border: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 11%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 10%, transparent));
  --sg-border-strong: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 20%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 18%, transparent));
  --sg-state-hover: light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 6%, transparent), color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 8%, transparent));

  --sg-cat-design: var(--sg-blue, oklch(74.67% .1402 227.95));
  --sg-cat-development: var(--sg-yellow, oklch(84.98% .1739 86.55));
  --sg-cat-marketing: var(--sg-green, oklch(58.8% .1947 142.26));
  --sg-cat-copywriting: var(--sg-orange, oklch(69.58% .2043 43.49));
  --sg-cat-optimization: var(--sg-purple, oklch(67.93% .3175 325.07));
  --sg-cat-maintenance: var(--sg-red, oklch(52.24% .202 31.27));
  --sg-cat-active: var(--sg-primary, oklch(74.67% .1402 227.95));

  --sg-font-display: var(--font-display, 'Outfit', sans-serif);
  --sg-font-body: var(--font-body, 'Inter', system-ui, sans-serif);
  --sg-font-editorial: var(--font-editorial, 'Fraunces', Georgia, serif);
  --sg-font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --sg-text-xs: var(--text-xs, clamp(.75rem, calc(.73rem + .1vw), .8125rem));
  --sg-text-s: var(--text-s, clamp(.875rem, calc(.85rem + .12vw), .9375rem));
  --sg-text-m: var(--text-m, 1rem);
  --sg-text-l: var(--text-l, 1.15rem);
  --sg-text-2xl: var(--h2, clamp(2.125rem, calc(1.19vw + 1.86rem), 2.875rem));

  --sg-space-2xs: var(--space-2xs, clamp(.3125rem, calc(.29rem + .1vw), .4375rem));
  --sg-space-xs: var(--space-xs, clamp(.5rem, calc(.46rem + .17vw), .6875rem));
  --sg-space-s: var(--space-s, clamp(.75rem, calc(.69rem + .26vw), 1.0625rem));
  --sg-space-m: var(--space-m, clamp(1.125rem, calc(1.03rem + .39vw), 1.59rem));
  --sg-space-l: var(--space-l, clamp(1.6875rem, calc(1.55rem + .58vw), 2.39rem));
  --sg-space-xl: var(--space-xl, clamp(2.53rem, calc(2.33rem + .87vw), 3.58rem));
  --sg-section-space: var(--section-space-xl, clamp(7.5rem, calc(5.9rem + 6.9vw), 12.5rem));
  --sg-section-head-space: var(--space-xl, clamp(2.53rem, calc(2.33rem + .87vw), 3.58rem));
  --sg-gutter: clamp(1.25rem, 4vw, 2.25rem);

  --sg-content-max: var(--content-width, 85.375rem);

  --sg-radius-sm: var(--radius-s, .375rem);
  --sg-radius-md: var(--radius-l, .625rem);
  --sg-radius-lg: var(--radius-xl, .875rem);
  --sg-radius-xl: var(--radius-xxl, 1.25rem);
  --sg-radius-2xl: 1.75rem;
  --sg-radius-l: var(--radius-m, .5rem);
  --sg-radius-full: var(--radius-circle, 50vw);

  --sg-ease: var(--ease-snappy, cubic-bezier(.16, 1, .3, 1));
  --sg-speed: 170ms;
  --sg-speed-slow: 240ms;
  --sg-dur-fast: 130ms;
  --sg-dur-base: var(--transition-duration, .24s);
  --sg-rv-dur: 240ms;
  --sg-rv-step: 70ms;
  --sg-rv-rise: 2.5rem;
  --sg-lift: .25rem;
  --sg-lift-lg: .375rem;
  --sg-lift-btn: .125rem;
  --sg-lift-dur: 200ms;
  --sg-lift-shadow: 0 .375rem 1rem color-mix(in oklab, #0b0d13 16%, transparent), 0 1.5rem 3rem color-mix(in oklab, #0b0d13 26%, transparent);
  --sg-lift-shadow-lg: 0 .5rem 1.25rem color-mix(in oklab, #0b0d13 18%, transparent), 0 2.25rem 4.5rem color-mix(in oklab, #0b0d13 32%, transparent);

  --sg-shadow-s: 0 .5rem 1.625rem color-mix(in oklab, var(--black, oklch(12.9% .015 266.38)) 8%, transparent);
  --sg-shadow-l: 0 1.5rem 3.375rem color-mix(in oklab, var(--black, oklch(12.9% .015 266.38)) 16%, transparent);
  --sg-shadow-md: 0 .375rem 1.25rem rgba(0,0,0,.35), 0 .125rem .375rem rgba(0,0,0,.25);
  --sg-shadow-lg: 0 1.25rem 3.125rem rgba(0,0,0,.5), 0 .375rem .875rem rgba(0,0,0,.3);

  --sg-header-h: clamp(3.5rem, 4.5vw, 4rem);
  --sg-header-gap: .875rem;

  /* Global frame, owner 2026-09-23: surfaces (cards) sit on the header pill edge, content starts at the header logo and ends at the header CTA. */
  --sg-frame-inset-start: calc(.0625rem + clamp(1rem, 2vw, 1.25rem));
  --sg-frame-inset-end: calc(.0625rem + clamp(.6rem, 1.4vw, 1.1rem));
  --sg-frame-gutter: var(--sg-gutter, clamp(1.25rem, 4vw, 2.25rem));
  --sg-content-gutter-start: calc(var(--sg-frame-gutter) + var(--sg-frame-inset-start));
  --sg-content-gutter-end: calc(var(--sg-frame-gutter) + var(--sg-frame-inset-end));
  --sg-content-frame: calc(var(--sg-content-max, 85.375rem) + 2 * var(--sg-frame-gutter));
  /* Padding for a full-width section that frames its own content (100% resolves on the using element). */
  --sg-section-pad-start: max(var(--sg-content-gutter-start), calc((100% - var(--sg-content-max, 85.375rem)) / 2 + var(--sg-frame-inset-start)));
  --sg-section-pad-end: max(var(--sg-content-gutter-end), calc((100% - var(--sg-content-max, 85.375rem)) / 2 + var(--sg-frame-inset-end)));
  /* Content inside a full-bleed panel (padding clamp(.5rem, .25rem + .8vw, 1rem) + .0625rem border): footer, project hero, close panels. */
  --sg-panel-inset: calc(clamp(.5rem, .25rem + .8vw, 1rem) + .0625rem);
  --sg-panel-content-start: calc(var(--sg-content-gutter-start) - var(--sg-panel-inset));
  --sg-panel-content-end: calc(var(--sg-content-gutter-end) - var(--sg-panel-inset));
  --sg-panel-content-frame: calc(var(--sg-content-frame) - 2 * var(--sg-panel-inset));
  /* Same, for panels inset by margin with no border (post stages, specialist panels, company close). */
  /* One reading width for section captions, leads and body copy (owner 2026-09-23: consistent measure). */
  --sg-measure: 48rem;
  --sg-panel-gap: clamp(.5rem, .25rem + .8vw, 1rem);
  --sg-gap-content-start: calc(var(--sg-content-gutter-start) - var(--sg-panel-gap));
  --sg-gap-content-end: calc(var(--sg-content-gutter-end) - var(--sg-panel-gap));
  --sg-gap-content-frame: calc(var(--sg-content-frame) - 2 * var(--sg-panel-gap));
  --sg-mnav-chip: 1.625rem;
  --sg-blur: 1.125rem;
  --sg-z-nav: 999;
  --sg-z-overlay: 300;
  --sg-z-panel: 400;

  --sgh-bg: light-dark(oklch(98.28% .0045 78.3), #0b0d13);
  --sgh-bg-2: light-dark(oklch(93.95% .0086 67.72), #12151d);
  --sgh-surface: light-dark(oklch(96.2% .0062 70), #12151d);
  --sgh-surface-2: light-dark(oklch(97.41% .0034 67.78), #171b24);
  --sgh-ink: #0b0d13;
  --sgh-text: light-dark(#0b0d13, #f2f3f7);
  --sgh-muted: light-dark(rgba(11,13,19,.74), rgba(242,243,247,.72));
  --sgh-subtle: light-dark(rgba(11,13,19,.73), rgba(242,243,247,.69));
  --sgh-on-ink: light-dark(oklch(99.2% .004 265), #0b0d13);
  --sgh-border: light-dark(rgba(11,13,19,.10), rgba(255,255,255,.10));
  --sgh-hairline: light-dark(rgba(11,13,19,.08), rgba(255,255,255,.08));
  --sgh-n-0: oklch(99.2% .004 265);
  --sgh-n-900: #0b0d13;
  --sgh-blue: var(--primary, oklch(74.67% .1402 227.95));
  --sgh-yellow: var(--secondary, oklch(84.98% .1739 86.55));
  --sgh-green: var(--tertiary, oklch(58.8% .1947 142.26));
  --sgh-orange: var(--warning, oklch(69.58% .2043 43.49));
  --sgh-red: var(--danger, oklch(52.24% .202 31.27));
  --sgh-purple: var(--accent, oklch(67.93% .3175 325.07));
  --sgh-font-display: var(--font-display, 'Outfit', sans-serif);
  --sgh-font-body: var(--font-body, 'Inter', system-ui, sans-serif);
  --sgh-font-editorial: var(--font-editorial, 'Fraunces', Georgia, serif);
  --sgh-gut: clamp(1.25rem, 4vw, 2.25rem);
  --sgh-r-sm: .75rem;
  --sgh-r-md: 1.25rem;
  --sgh-r-lg: 1.75rem;
  --sgh-r-feature: 2.75rem;
  --sgh-r-pill: var(--radius-circle, 50vw);
  --sgh-ease: cubic-bezier(.22, .61, .2, 1);
  --sgh-t-fast: 170ms;
  --sgh-t-med: 240ms;
  
  --sgh-wrap: var(--sg-content-max, 85.375rem);
}
[data-theme="light"] { color-scheme: light; }
[data-theme="dark"] { color-scheme: dark; }

/* Timeless foundation v30 (owner 2026-09-23): light grounds and surfaces are warm site-wide. The SG Site Header and the homepage hero keep their original light values, so their design does not change. */
.sg-header, .sgd-hero {
  --sg-bg: light-dark(oklch(97.92% .0041 271.37), var(--sg-n-0, oklch(12.9% .015 266.38)));
  --sg-surface: light-dark(oklch(99.2% .004 265), var(--sg-n-50, oklch(17.09% .026 269.44)));
  --sg-glass: color-mix(in oklab, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44)) 60%, transparent);
  --sg-glass-strong: color-mix(in oklab, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44)) 82%, transparent);
  --sgh-bg: light-dark(#f4f4f6, #0b0d13);
  --sgh-bg-2: light-dark(oklch(99.2% .004 265), #12151d);
  --sgh-surface: light-dark(oklch(99.2% .004 265), #12151d);
  --sgh-surface-2: light-dark(#fafafb, #171b24);
}


/* Global frame on tablet and phone: the header pill uses --sg-header-gap and equal insets under 1024px (SG Header Glass v2). */
@media (max-width: 1024px) {
  :root {
    --sg-frame-gutter: var(--sg-header-gap, .875rem);
    --sg-frame-inset-end: var(--sg-frame-inset-start);
  }
}
.sg-section[data-accent='design']{--acc:var(--sgh-blue, var(--sg-blue, oklch(74.67% .1402 227.95)))}
.sg-section[data-accent='development']{--acc:var(--sgh-yellow, var(--sg-yellow, oklch(84.98% .1739 86.55)))}
.sg-section[data-accent='marketing']{--acc:var(--sgh-green, var(--sg-green, oklch(58.8% .1947 142.26)))}
.sg-section[data-accent='copywriting']{--acc:var(--sgh-orange, var(--sg-orange, oklch(69.58% .2043 43.49)))}
.sg-section[data-accent='optimization']{--acc:var(--sgh-purple, var(--sg-purple, oklch(67.93% .3175 325.07)))}
.sg-section[data-accent='maintenance']{--acc:var(--sgh-red, var(--sg-red, oklch(52.24% .202 31.27)))}
/* SG Icon Tokens, generated 2026-08-23.
   427 SVG data URIs across the header sheets were only 127 unique icons; the same
   icon was embedded up to 14 times, costing 205,614 redundant bytes on EVERY page.
   Each icon is now declared once here and referenced with var(). Do not hand-edit;
   regenerate if icons change. Restore point: uploads/sg-snapshots/icons-20260823-125049/ */
:root{--sg-i-1:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%278%27%2F%3E%3Cpath%20d%3D%27m21%2021-4.3-4.3%27%2F%3E%3C%2Fsvg%3E");--sg-i-2:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M12%202v2%27%2F%3E%3Cpath%20d%3D%27M12%2020v2%27%2F%3E%3Cpath%20d%3D%27m4.93%204.93%201.41%201.41%27%2F%3E%3Cpath%20d%3D%27m17.66%2017.66%201.41%201.41%27%2F%3E%3Cpath%20d%3D%27M2%2012h2%27%2F%3E%3Cpath%20d%3D%27M20%2012h2%27%2F%3E%3Cpath%20d%3D%27m6.34%2017.66-1.41%201.41%27%2F%3E%3Cpath%20d%3D%27m19.07%204.93-1.41%201.41%27%2F%3E%3C%2Fsvg%3E");--sg-i-3:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M19%2021v-2a4%204%200%200%200-4-4H9a4%204%200%200%200-4%204v2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%277%27%20r%3D%274%27%2F%3E%3C%2Fsvg%3E");--sg-i-4:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%277%27%20height%3D%277%27%20x%3D%273%27%20y%3D%273%27%20rx%3D%271%27%2F%3E%3Crect%20width%3D%277%27%20height%3D%277%27%20x%3D%2714%27%20y%3D%273%27%20rx%3D%271%27%2F%3E%3Crect%20width%3D%277%27%20height%3D%277%27%20x%3D%2714%27%20y%3D%2714%27%20rx%3D%271%27%2F%3E%3Crect%20width%3D%277%27%20height%3D%277%27%20x%3D%273%27%20y%3D%2714%27%20rx%3D%271%27%2F%3E%3C%2Fsvg%3E");--sg-i-5:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%274%27%20x2%3D%2720%27%20y1%3D%2712%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%274%27%20x2%3D%2720%27%20y1%3D%276%27%20y2%3D%276%27%2F%3E%3Cline%20x1%3D%274%27%20x2%3D%2720%27%20y1%3D%2718%27%20y2%3D%2718%27%2F%3E%3C%2Fsvg%3E");--sg-i-6:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%206h18v2H3V6zm0%205h18v2H3v-2zm0%205h18v2H3v-2z%22%2F%3E%3C%2Fsvg%3E");--sg-i-7:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%3E%3Cline%20x1%3D%273%27%20y1%3D%276%27%20x2%3D%2721%27%20y2%3D%276%27%2F%3E%3Cline%20x1%3D%273%27%20y1%3D%2712%27%20x2%3D%2721%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%273%27%20y1%3D%2718%27%20x2%3D%2721%27%20y2%3D%2718%27%2F%3E%3C%2Fsvg%3E");--sg-i-8:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203a6%206%200%200%200%209%209%209%209%200%201%201-9-9Z%27%2F%3E%3C%2Fsvg%3E");--sg-i-9:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%2720%27%20height%3D%2714%27%20x%3D%272%27%20y%3D%273%27%20rx%3D%272%27%2F%3E%3Cline%20x1%3D%278%27%20x2%3D%2716%27%20y1%3D%2721%27%20y2%3D%2721%27%2F%3E%3Cline%20x1%3D%2712%27%20x2%3D%2712%27%20y1%3D%2717%27%20y2%3D%2721%27%2F%3E%3C%2Fsvg%3E");--sg-i-10:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2523fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2713.5%27%20cy%3D%276.5%27%20r%3D%27.5%27%20fill%3D%27%2523fff%27%2F%3E%3Ccircle%20cx%3D%2717.5%27%20cy%3D%2710.5%27%20r%3D%27.5%27%20fill%3D%27%2523fff%27%2F%3E%3Ccircle%20cx%3D%278.5%27%20cy%3D%277.5%27%20r%3D%27.5%27%20fill%3D%27%2523fff%27%2F%3E%3Ccircle%20cx%3D%276.5%27%20cy%3D%2712.5%27%20r%3D%27.5%27%20fill%3D%27%2523fff%27%2F%3E%3Cpath%20d%3D%27M12%202C6.5%202%202%206.5%202%2012s4.5%2010%2010%2010c.926%200%201.648-.746%201.648-1.688%200-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64%201.64%200%200%201%201.668-1.668h1.996c3.051%200%205.555-2.503%205.555-5.554C21.965%206.012%2017.461%202%2012%202z%27%2F%3E%3C%2Fsvg%3E");--sg-i-11:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2523fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20points%3D%2716%2018%2022%2012%2016%206%27%2F%3E%3Cpolyline%20points%3D%278%206%202%2012%208%2018%27%2F%3E%3C%2Fsvg%3E");--sg-i-12:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2523fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m3%2011%2018-5v12L3%2014v-3z%27%2F%3E%3Cpath%20d%3D%27M11.6%2016.8a3%203%200%201%201-5.8-1.6%27%2F%3E%3C%2Fsvg%3E");--sg-i-13:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2523fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2020h9%27%2F%3E%3Cpath%20d%3D%27M16.5%203.5a2.121%202.121%200%200%201%203%203L7%2019l-4%201%201-4L16.5%203.5z%27%2F%3E%3C%2Fsvg%3E");--sg-i-14:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2523fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m12%2014%204-4%27%2F%3E%3Cpath%20d%3D%27M3.34%2019a10%2010%200%201%201%2017.32%200%27%2F%3E%3C%2Fsvg%3E");--sg-i-15:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2523fff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z%27%2F%3E%3C%2Fsvg%3E");--sg-i-16:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%2718%27%20height%3D%2718%27%20rx%3D%272%27%2F%3E%3Ccircle%20cx%3D%278.5%27%20cy%3D%278.5%27%20r%3D%271.5%27%2F%3E%3Cpath%20d%3D%27m21%2015-3.1-3.1a2%202%200%200%200-2.8%200L6%2021%27%2F%3E%3C%2Fsvg%3E");--sg-i-17:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20points%3D%2716%2018%2022%2012%2016%206%27%2F%3E%3Cpolyline%20points%3D%278%206%202%2012%208%2018%27%2F%3E%3C%2Fsvg%3E");--sg-i-18:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%203v18h18%27%2F%3E%3Cpath%20d%3D%27m19%209-5%205-4-4-3%203%27%2F%3E%3C%2Fsvg%3E");--sg-i-19:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%207V4h16v3%27%2F%3E%3Cpath%20d%3D%27M9%2020h6%27%2F%3E%3Cpath%20d%3D%27M12%204v16%27%2F%3E%3C%2Fsvg%3E");--sg-i-20:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolygon%20points%3D%2713%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202%27%2F%3E%3C%2Fsvg%3E");--sg-i-21:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z%27%2F%3E%3C%2Fsvg%3E");--sg-i-22:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-image%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22m21%2015-3.086-3.086a2%202%200%200%200-2.828%200L6%2021%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-23:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-code%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m16%2018%206-6-6-6%22%20%2F%3E%20%3Cpath%20d%3D%22m8%206-6%206%206%206%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-24:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-chart-column%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%203v16a2%202%200%200%200%202%202h16%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2017V9%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2017V5%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2017v-3%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-25:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-type%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%204v16%22%20%2F%3E%20%3Cpath%20d%3D%22M4%207V5a1%201%200%200%201%201-1h14a1%201%200%200%201%201%201v2%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2020h6%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-26:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-zap%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-27:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-wrench%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-28:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-app-window%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M10%204v4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%208h20%22%20%2F%3E%20%3Cpath%20d%3D%22M6%204v4%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-29:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-signpost-big%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10%209H4L2%207l2-2h6%22%20%2F%3E%20%3Cpath%20d%3D%22M14%205h6l2%202-2%202h-6%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2022V4a2%202%200%201%201%204%200v18%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2022h8%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-30:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-images%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m22%2011-1.296-1.296a2.4%202.4%200%200%200-3.408%200L11%2016%22%20%2F%3E%20%3Cpath%20d%3D%22M4%208a2%202%200%200%200-2%202v10a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2%22%20%2F%3E%20%3Ccircle%20cx%3D%2213%22%20cy%3D%227%22%20r%3D%221%22%20fill%3D%22currentColor%22%20%2F%3E%20%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-31:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-newspaper%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%2018h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2014h-8%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2022h16a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H8a2%202%200%200%200-2%202v16a2%202%200%200%201-4%200v-9a2%202%200%200%201%202-2h2%22%20%2F%3E%20%3Crect%20width%3D%228%22%20height%3D%224%22%20x%3D%2210%22%20y%3D%226%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-32:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-search-check%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m8%2011%202%202%204-4%22%20%2F%3E%20%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%20%2F%3E%20%3Cpath%20d%3D%22m21%2021-4.3-4.3%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-33:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-fingerprint%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2010a2%202%200%200%200-2%202c0%201.02-.1%202.51-.26%204%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2013.12c0%202.38%200%206.38-1%208.88%22%20%2F%3E%20%3Cpath%20d%3D%22M17.29%2021.02c.12-.6.43-2.3.5-3.02%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012a10%2010%200%200%201%2018-6%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M21.8%2016c.2-2%20.131-5.354%200-6%22%20%2F%3E%20%3Cpath%20d%3D%22M5%2019.5C5.5%2018%206%2015%206%2012a6%206%200%200%201%20.34-2%22%20%2F%3E%20%3Cpath%20d%3D%22M8.65%2022c.21-.66.45-1.32.57-2%22%20%2F%3E%20%3Cpath%20d%3D%22M9%206.8a6%206%200%200%201%209%205.2v2%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-34:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-compass%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m16.24%207.76-1.804%205.411a2%202%200%200%201-1.265%201.265L7.76%2016.24l1.804-5.411a2%202%200%200%201%201.265-1.265z%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-35:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-badge-check%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3.85%208.62a4%204%200%200%201%204.78-4.77%204%204%200%200%201%206.74%200%204%204%200%200%201%204.78%204.78%204%204%200%200%201%200%206.74%204%204%200%200%201-4.77%204.78%204%204%200%200%201-6.75%200%204%204%200%200%201-4.78-4.77%204%204%200%200%201%200-6.76Z%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-36:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-file-text%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7Z%22%20%2F%3E%20%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22%20%2F%3E%20%3Cpath%20d%3D%22M10%209H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2013H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017H8%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-37:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-contact%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2022v-2a2%202%200%200%201%202-2h6a2%202%200%200%201%202%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M8%202v2%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2211%22%20r%3D%223%22%20%2F%3E%20%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-38:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-shopping-cart%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%228%22%20cy%3D%2221%22%20r%3D%221%22%20%2F%3E%20%3Ccircle%20cx%3D%2219%22%20cy%3D%2221%22%20r%3D%221%22%20%2F%3E%20%3Cpath%20d%3D%22M2.05%202.05h2l2.66%2012.42a2%202%200%200%200%202%201.58h9.78a2%202%200%200%200%201.95-1.57l1.65-7.43H5.12%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-39:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-mail%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m22%207-8.991%205.727a2%202%200%200%201-2.009%200L2%207%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-40:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-folder-tree%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%2010a1%201%200%200%200%201-1V6a1%201%200%200%200-1-1h-2.5a1%201%200%200%201-.8-.4l-.9-1.2A1%201%200%200%200%2015%203h-2a1%201%200%200%200-1%201v5a1%201%200%200%200%201%201Z%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2021a1%201%200%200%200%201-1v-3a1%201%200%200%200-1-1h-2.9a1%201%200%200%201-.88-.55l-.42-.85a1%201%200%200%200-.92-.6H13a1%201%200%200%200-1%201v5a1%201%200%200%200%201%201Z%22%20%2F%3E%20%3Cpath%20d%3D%22M3%205a2%202%200%200%200%202%202h3%22%20%2F%3E%20%3Cpath%20d%3D%22M3%203v13a2%202%200%200%200%202%202h3%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-41:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-mouse-pointer-click%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14%204.1%2012%206%22%20%2F%3E%20%3Cpath%20d%3D%22m5.1%208-2.9-.8%22%20%2F%3E%20%3Cpath%20d%3D%22m6%2012-1.9%202%22%20%2F%3E%20%3Cpath%20d%3D%22M7.2%202.2%208%205.1%22%20%2F%3E%20%3Cpath%20d%3D%22M9.037%209.69a.498.498%200%200%201%20.653-.653l11%204.5a.5.5%200%200%201-.074.949l-4.349%201.041a1%201%200%200%200-.74.739l-1.04%204.35a.5.5%200%200%201-.95.074z%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-42:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-panel-top%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%209h18%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-43:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-monitor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%223%22%20rx%3D%222%22%20%2F%3E%20%3Cline%20x1%3D%228%22%20x2%3D%2216%22%20y1%3D%2221%22%20y2%3D%2221%22%20%2F%3E%20%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%2217%22%20y2%3D%2221%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-44:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-package%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11%2021.73a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73z%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2022V12%22%20%2F%3E%20%3Cpolyline%20points%3D%223.29%207%2012%2012%2020.71%207%22%20%2F%3E%20%3Cpath%20d%3D%22m7.5%204.27%209%205.15%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-45:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-share-2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%2219%22%20r%3D%223%22%20%2F%3E%20%3Cline%20x1%3D%228.59%22%20x2%3D%2215.42%22%20y1%3D%2213.51%22%20y2%3D%2217.49%22%20%2F%3E%20%3Cline%20x1%3D%2215.41%22%20x2%3D%228.59%22%20y1%3D%226.51%22%20y2%3D%2210.49%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-46:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-flag%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2022V4a1%201%200%200%201%20.4-.8A6%206%200%200%201%208%202c3%200%205%202%207.333%202q2%200%203.067-.8A1%201%200%200%201%2020%204v10a1%201%200%200%201-.4.8A6%206%200%200%201%2016%2016c-3%200-5-2-8-2a6%206%200%200%200-4%201.528%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-47:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-layout-dashboard%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%227%22%20height%3D%229%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%225%22%20x%3D%2214%22%20y%3D%223%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%229%22%20x%3D%2214%22%20y%3D%2212%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%225%22%20x%3D%223%22%20y%3D%2216%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-48:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-palette%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2022a1%201%200%200%201%200-20%2010%209%200%200%201%2010%209%205%205%200%200%201-5%205h-2.25a1.75%201.75%200%200%200-1.4%202.8l.3.4a1.75%201.75%200%200%201-1.4%202.8z%22%20%2F%3E%20%3Ccircle%20cx%3D%2213.5%22%20cy%3D%226.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%20%2F%3E%20%3Ccircle%20cx%3D%2217.5%22%20cy%3D%2210.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%20%2F%3E%20%3Ccircle%20cx%3D%226.5%22%20cy%3D%2212.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%20%2F%3E%20%3Ccircle%20cx%3D%228.5%22%20cy%3D%227.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-49:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-panel-left%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M9%203v18%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-50:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-paintbrush%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m14.622%2017.897-10.68-2.913%22%20%2F%3E%20%3Cpath%20d%3D%22M18.376%202.622a1%201%200%201%201%203.002%203.002L17.36%209.643a.5.5%200%200%200%200%20.707l.944.944a2.41%202.41%200%200%201%200%203.408l-.944.944a.5.5%200%200%201-.707%200L8.354%207.348a.5.5%200%200%201%200-.707l.944-.944a2.41%202.41%200%200%201%203.408%200l.944.944a.5.5%200%200%200%20.707%200z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%208c-1.804%202.71-3.97%203.46-6.583%203.948a.507.507%200%200%200-.302.819l7.32%208.883a1%201%200%200%200%201.185.204C12.735%2020.405%2016%2016.792%2016%2015%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-51:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-pen-tool%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15.707%2021.293a1%201%200%200%201-1.414%200l-1.586-1.586a1%201%200%200%201%200-1.414l5.586-5.586a1%201%200%200%201%201.414%200l1.586%201.586a1%201%200%200%201%200%201.414z%22%20%2F%3E%20%3Cpath%20d%3D%22m18%2013-1.375-6.874a1%201%200%200%200-.746-.776L3.235%202.028a1%201%200%200%200-1.207%201.207L5.35%2015.879a1%201%200%200%200%20.776.746L13%2018%22%20%2F%3E%20%3Cpath%20d%3D%22m2.3%202.3%207.286%207.286%22%20%2F%3E%20%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-52:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-brain-circuit%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%205a3%203%200%201%200-5.997.125%204%204%200%200%200-2.526%205.77%204%204%200%200%200%20.556%206.588A4%204%200%201%200%2012%2018Z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2013a4.5%204.5%200%200%200%203-4%22%20%2F%3E%20%3Cpath%20d%3D%22M6.003%205.125A3%203%200%200%200%206.401%206.5%22%20%2F%3E%20%3Cpath%20d%3D%22M3.477%2010.896a4%204%200%200%201%20.585-.396%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2018a4%204%200%200%201-1.967-.516%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2013h4%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2018h6a2%202%200%200%201%202%202v1%22%20%2F%3E%20%3Cpath%20d%3D%22M12%208h8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%208V5a2%202%200%200%201%202-2%22%20%2F%3E%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2213%22%20r%3D%22.5%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%223%22%20r%3D%22.5%22%20%2F%3E%20%3Ccircle%20cx%3D%2220%22%20cy%3D%2221%22%20r%3D%22.5%22%20%2F%3E%20%3Ccircle%20cx%3D%2220%22%20cy%3D%228%22%20r%3D%22.5%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-53:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-webhook%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M18%2016.98h-5.99c-1.1%200-1.95.94-2.48%201.9A4%204%200%200%201%202%2017c.01-.7.2-1.4.57-2%22%20%2F%3E%20%3Cpath%20d%3D%22m6%2017%203.13-5.78c.53-.97.1-2.18-.5-3.1a4%204%200%201%201%206.89-4.06%22%20%2F%3E%20%3Cpath%20d%3D%22m12%206%203.13%205.73C15.66%2012.7%2016.9%2013%2018%2013a4%204%200%200%201%200%208%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-54:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-calendar-check%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M8%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v4%22%20%2F%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010h18%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2016%202%202%204-4%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-55:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-contact-round%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17.915%2022a6%206%200%200%200-12%200%22%20%2F%3E%20%3Cpath%20d%3D%22M8%202v2%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20%2F%3E%20%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-56:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-clipboard-list%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%228%22%20height%3D%224%22%20x%3D%228%22%20y%3D%222%22%20rx%3D%221%22%20ry%3D%221%22%20%2F%3E%20%3Cpath%20d%3D%22M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2011h4%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2016h4%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2011h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2016h.01%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-57:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-calendar-days%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M8%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v4%22%20%2F%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010h18%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2014h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2014h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2014h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2018h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2018h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2018h.01%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-58:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-graduation-cap%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21.42%2010.922a1%201%200%200%200-.019-1.838L12.83%205.18a2%202%200%200%200-1.66%200L2.6%209.08a1%201%200%200%200%200%201.832l8.57%203.908a2%202%200%200%200%201.66%200z%22%20%2F%3E%20%3Cpath%20d%3D%22M22%2010v6%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2012.5V16a6%203%200%200%200%2012%200v-3.5%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-59:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-user-plus%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%20%2F%3E%20%3Cline%20x1%3D%2219%22%20x2%3D%2219%22%20y1%3D%228%22%20y2%3D%2214%22%20%2F%3E%20%3Cline%20x1%3D%2222%22%20x2%3D%2216%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-60:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-smartphone%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2214%22%20height%3D%2220%22%20x%3D%225%22%20y%3D%222%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2018h.01%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-61:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-credit-card%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%225%22%20rx%3D%222%22%20%2F%3E%20%3Cline%20x1%3D%222%22%20x2%3D%2222%22%20y1%3D%2210%22%20y2%3D%2210%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-62:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-chart-line%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%203v16a2%202%200%200%200%202%202h16%22%20%2F%3E%20%3Cpath%20d%3D%22m19%209-5%205-4-4-3%203%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-63:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-message-circle%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M2.992%2016.342a2%202%200%200%201%20.094%201.167l-1.065%203.29a1%201%200%200%200%201.236%201.168l3.413-.998a2%202%200%200%201%201.099.092%2010%2010%200%201%200-4.777-4.719%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-64:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-shopping-bag%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%2010a4%204%200%200%201-8%200%22%20%2F%3E%20%3Cpath%20d%3D%22M3.103%206.034h17.794%22%20%2F%3E%20%3Cpath%20d%3D%22M3.4%205.467a2%202%200%200%200-.4%201.2V20a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6.667a2%202%200%200%200-.4-1.2l-2-2.667A2%202%200%200%200%2017%202H7a2%202%200%200%200-1.6.8z%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-65:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-map-pin%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%2010c0%204.993-5.539%2010.193-7.399%2011.799a1%201%200%200%201-1.202%200C9.539%2020.193%204%2014.993%204%2010a8%208%200%200%201%2016%200%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-66:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-workflow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%228%22%20height%3D%228%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2011v4a2%202%200%200%200%202%202h4%22%20%2F%3E%20%3Crect%20width%3D%228%22%20height%3D%228%22%20x%3D%2213%22%20y%3D%2213%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-67:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-search%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m21%2021-4.34-4.34%22%20%2F%3E%20%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-68:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-accessibility%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2216%22%20cy%3D%224%22%20r%3D%221%22%20%2F%3E%20%3Cpath%20d%3D%22m18%2019%201-7-6%201%22%20%2F%3E%20%3Cpath%20d%3D%22m5%208%203-3%205.5%203-2.36%203.5%22%20%2F%3E%20%3Cpath%20d%3D%22M4.24%2014.5a5%205%200%200%200%206.88%206%22%20%2F%3E%20%3Cpath%20d%3D%22M13.76%2017.5a5%205%200%200%200-6.88-6%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-69:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-gauge%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m12%2014%204-4%22%20%2F%3E%20%3Cpath%20d%3D%22M3.34%2019a10%2010%200%201%201%2017.32%200%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-70:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-megaphone%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11%206a13%2013%200%200%200%208.4-2.8A1%201%200%200%201%2021%204v12a1%201%200%200%201-1.6.8A13%2013%200%200%200%2011%2014H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2z%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2014a12%2012%200%200%200%202.4%207.2%202%202%200%200%200%203.2-2.4A8%208%200%200%201%2010%2014%22%20%2F%3E%20%3Cpath%20d%3D%22M8%206v8%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-71:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-notebook-pen%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M13.4%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-7.4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%206h4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2010h4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2014h4%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2018h4%22%20%2F%3E%20%3Cpath%20d%3D%22M21.378%205.626a1%201%200%201%200-3.004-3.004l-5.01%205.012a2%202%200%200%200-.506.854l-.837%202.87a.5.5%200%200%200%20.62.62l2.87-.837a2%202%200%200%200%20.854-.506z%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-72:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-lightbulb%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%2014c.2-1%20.7-1.7%201.5-2.5%201-.9%201.5-2.2%201.5-3.5A6%206%200%200%200%206%208c0%201%20.2%202.2%201.5%203.5.7.7%201.3%201.5%201.5%202.5%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2018h6%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2022h4%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-73:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-mail-check%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M22%2013V6a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202v12c0%201.1.9%202%202%202h8%22%20%2F%3E%20%3Cpath%20d%3D%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22%20%2F%3E%20%3Cpath%20d%3D%22m16%2019%202%202%204-4%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-74:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-badge-dollar-sign%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3.85%208.62a4%204%200%200%201%204.78-4.77%204%204%200%200%201%206.74%200%204%204%200%200%201%204.78%204.78%204%204%200%200%201%200%206.74%204%204%200%200%201-4.77%204.78%204%204%200%200%201-6.75%200%204%204%200%200%201-4.78-4.77%204%204%200%200%201%200-6.76Z%22%20%2F%3E%20%3Cpath%20d%3D%22M16%208h-6a2%202%200%201%200%200%204h4a2%202%200%201%201%200%204H8%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2018V6%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-75:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-at-sign%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20%2F%3E%20%3Cpath%20d%3D%22M16%208v5a3%203%200%200%200%206%200v-1a10%2010%200%201%200-4%208%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-76:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-target%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-77:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-video%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m16%2013%205.223%203.482a.5.5%200%200%200%20.777-.416V7.87a.5.5%200%200%200-.752-.432L16%2010.5%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-78:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-book-open%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%207v14%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3z%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-79:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-globe%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202a14.5%2014.5%200%200%200%200%2020%2014.5%2014.5%200%200%200%200-20%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h20%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-80:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-server%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2220%22%20height%3D%228%22%20x%3D%222%22%20y%3D%222%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%20%3Crect%20width%3D%2220%22%20height%3D%228%22%20x%3D%222%22%20y%3D%2214%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%20%3Cline%20x1%3D%226%22%20x2%3D%226.01%22%20y1%3D%226%22%20y2%3D%226%22%20%2F%3E%20%3Cline%20x1%3D%226%22%20x2%3D%226.01%22%20y1%3D%2218%22%20y2%3D%2218%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-81:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-shield-check%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-82:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-pen-line%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M13%2021h8%22%20%2F%3E%20%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-83:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-heart-pulse%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M2%209.5a5.5%205.5%200%200%201%209.591-3.676.56.56%200%200%200%20.818%200A5.49%205.49%200%200%201%2022%209.5c0%202.29-1.5%204-3%205.5l-5.492%205.313a2%202%200%200%201-3%20.019L5%2015c-1.5-1.5-3-3.2-3-5.5%22%20%2F%3E%20%3Cpath%20d%3D%22M3.22%2013H9.5l.5-1%202%204.5%202-7%201.5%203.5h5.27%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-84:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-briefcase%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%2020V4a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16%22%20%2F%3E%20%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%226%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-85:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-utensils%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%202v7c0%201.1.9%202%202%202h4a2%202%200%200%200%202-2V2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%202v20%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2015V2a5%205%200%200%200-5%205v6c0%201.1.9%202%202%202h3Zm0%200v7%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-86:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-scale%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m16%2016%203-8%203%208c-.87.65-1.92%201-3%201s-2.13-.35-3-1Z%22%20%2F%3E%20%3Cpath%20d%3D%22m2%2016%203-8%203%208c-.87.65-1.92%201-3%201s-2.13-.35-3-1Z%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2021h10%22%20%2F%3E%20%3Cpath%20d%3D%22M12%203v18%22%20%2F%3E%20%3Cpath%20d%3D%22M3%207h2c2%200%205-1%207-2%202%201%205%202%207%202h2%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-87:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-car%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M19%2017h2c.6%200%201-.4%201-1v-3c0-.9-.7-1.7-1.5-1.9C18.7%2010.6%2016%2010%2016%2010s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6%200-1.1.4-1.4.9l-1.4%202.9A3.7%203.7%200%200%200%202%2012v4c0%20.6.4%201%201%201h2%22%20%2F%3E%20%3Ccircle%20cx%3D%227%22%20cy%3D%2217%22%20r%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2017h6%22%20%2F%3E%20%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-88:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-scissors%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20%2F%3E%20%3Cpath%20d%3D%22M8.12%208.12%2012%2012%22%20%2F%3E%20%3Cpath%20d%3D%22M20%204%208.12%2015.88%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%20%2F%3E%20%3Cpath%20d%3D%22M14.8%2014.8%2020%2020%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-89:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-house%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%2021v-8a1%201%200%200%200-1-1h-4a1%201%200%200%200-1%201v8%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010a2%202%200%200%201%20.709-1.528l7-6a2%202%200%200%201%202.582%200l7%206A2%202%200%200%201%2021%2010v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-90:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-ticket%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M2%209a3%203%200%200%201%200%206v2a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-2a3%203%200%200%201%200-6V7a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202Z%22%20%2F%3E%20%3Cpath%20d%3D%22M13%205v2%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2017v2%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2011v2%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-91:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-plane%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M17.8%2019.2%2016%2011l3.5-3.5C21%206%2021.5%204%2021%203c-1-.5-3%200-4.5%201.5L13%208%204.8%206.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1%201%20.3%201.3L9%2012l-2%203H4l-1%201%203%202%202%203%201-1v-3l3-2%203.5%205.3c.3.4.8.5%201.3.3l.5-.2c.4-.3.6-.7.5-1.2z%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-92:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-building-2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M6%2022V4a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v18Z%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2012H4a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202h2%22%20%2F%3E%20%3Cpath%20d%3D%22M18%209h2a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202h-2%22%20%2F%3E%20%3Cpath%20d%3D%22M10%206h4%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2010h4%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2014h4%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2018h4%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-93:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-award%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m15.477%2012.89%201.515%208.526a.5.5%200%200%201-.81.47l-3.58-2.687a1%201%200%200%200-1.197%200l-3.586%202.686a.5.5%200%200%201-.81-.469l1.514-8.526%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%226%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-94:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-route%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2219%22%20r%3D%223%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2019h8.5a3.5%203.5%200%200%200%200-7h-11a3.5%203.5%200%200%201%200-7H15%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-95:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-message-square-quote%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14%2014a2%202%200%200%200%202-2V8h-2%22%20%2F%3E%20%3Cpath%20d%3D%22M22%2017a2%202%200%200%201-2%202H6.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%202%2021.286V5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2014a2%202%200%200%200%202-2V8H8%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-96:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-circle-help%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-97:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-layout-grid%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%2214%22%20y%3D%223%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%2214%22%20y%3D%2214%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%223%22%20y%3D%2214%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-98:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-sparkles%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.017%202.814a1%201%200%200%201%201.966%200l1.051%205.558a2%202%200%200%200%201.594%201.594l5.558%201.051a1%201%200%200%201%200%201.966l-5.558%201.051a2%202%200%200%200-1.594%201.594l-1.051%205.558a1%201%200%200%201-1.966%200l-1.051-5.558a2%202%200%200%200-1.594-1.594l-5.558-1.051a1%201%200%200%201%200-1.966l5.558-1.051a2%202%200%200%200%201.594-1.594z%22%20%2F%3E%20%3Cpath%20d%3D%22M20%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M22%204h-4%22%20%2F%3E%20%3Ccircle%20cx%3D%224%22%20cy%3D%2220%22%20r%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-99:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-layout-template%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2218%22%20height%3D%227%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%229%22%20height%3D%227%22%20x%3D%223%22%20y%3D%2214%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%225%22%20height%3D%227%22%20x%3D%2216%22%20y%3D%2214%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-100:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-list-checks%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M13%205h8%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2012h8%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m3%2017%202%202%204-4%22%20%2F%3E%20%3Cpath%20d%3D%22m3%207%202%202%204-4%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-101:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-life-buoy%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m4.93%204.93%204.24%204.24%22%20%2F%3E%20%3Cpath%20d%3D%22m14.83%209.17%204.24-4.24%22%20%2F%3E%20%3Cpath%20d%3D%22m14.83%2014.83%204.24%204.24%22%20%2F%3E%20%3Cpath%20d%3D%22m9.17%2014.83-4.24%204.24%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-102:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-headphones%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%2014h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-7a9%209%200%200%201%2018%200v7a2%202%200%200%201-2%202h-1a2%202%200%200%201-2-2v-3a2%202%200%200%201%202-2h3%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-103:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-lock-keyhole%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2216%22%20r%3D%221%22%20%2F%3E%20%3Crect%20x%3D%223%22%20y%3D%2210%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2010V7a5%205%200%200%201%2010%200v3%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-104:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-activity%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M22%2012h-2.48a2%202%200%200%200-1.93%201.46l-2.35%208.36a.25.25%200%200%201-.48%200L9.24%202.18a.25.25%200%200%200-.48%200l-2.35%208.36A2%202%200%200%201%204.49%2012H2%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-105:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-rocket%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09z%22%20%2F%3E%20%3Cpath%20d%3D%22m12%2015-3-3a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.35%2022.35%200%200%201-4%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%200%205%200%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-106:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-presentation%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M2%203h20%22%20%2F%3E%20%3Cpath%20d%3D%22M21%203v11a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V3%22%20%2F%3E%20%3Cpath%20d%3D%22m7%2021%205-5%205%205%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-107:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-circle-dot%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-108:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-tag%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12.586%202.586A2%202%200%200%200%2011.172%202H4a2%202%200%200%200-2%202v7.172a2%202%200%200%200%20.586%201.414l8.704%208.704a2.426%202.426%200%200%200%203.42%200l6.58-6.58a2.426%202.426%200%200%200%200-3.42z%22%20%2F%3E%20%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-109:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-scroll-text%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%2012h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M15%208h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M19%2017V5a2%202%200%200%200-2-2H4%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2021h12a2%202%200%200%200%202-2v-1a1%201%200%200%200-1-1H11a1%201%200%200%200-1%201v1a2%202%200%201%201-4%200V5a2%202%200%201%200-4%200v2a1%201%200%200%200%201%201h3%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-110:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-layout%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%209h18%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2021V9%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-111:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-file-search%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22%20%2F%3E%20%3Cpath%20d%3D%22M4.268%2021a2%202%200%200%200%201.727%201H18a2%202%200%200%200%202-2V7l-5-5H6a2%202%200%200%200-2%202v3%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2018-1.5-1.5%22%20%2F%3E%20%3Ccircle%20cx%3D%225%22%20cy%3D%2214%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-112:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-quote%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%203a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202%201%201%200%200%201%201%201v1a2%202%200%200%201-2%202%201%201%200%200%200-1%201v2a1%201%200%200%200%201%201%206%206%200%200%200%206-6V5a2%202%200%200%200-2-2z%22%20%2F%3E%20%3Cpath%20d%3D%22M5%203a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202%201%201%200%200%201%201%201v1a2%202%200%200%201-2%202%201%201%200%200%200-1%201v2a1%201%200%200%200%201%201%206%206%200%200%200%206-6V5a2%202%200%200%200-2-2z%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-113:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-bot%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%208V4H8%22%20%2F%3E%20%3Crect%20width%3D%2216%22%20height%3D%2212%22%20x%3D%224%22%20y%3D%228%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2014h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2014h2%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2013v2%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2013v2%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-114:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-bot-message-square%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%206V2H8%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2011v2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2016a2%202%200%200%201-2%202H8.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%204%2020.286V8a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2011v2%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-115:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-users%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20%2F%3E%20%3Cpath%20d%3D%22M16%203.128a4%204%200%200%201%200%207.744%22%20%2F%3E%20%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-116:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-magnet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m12%2015%204%204%22%20%2F%3E%20%3Cpath%20d%3D%22M2.352%2010.648a1.205%201.205%200%200%200%200%201.704l2.296%202.296a1.205%201.205%200%200%200%201.704%200l6.029-6.029a1%201%200%201%201%203%203l-6.029%206.029a1.205%201.205%200%200%200%200%201.704l2.296%202.296a1.205%201.205%200%200%200%201.704%200l6.365-6.367A1%201%200%200%200%208.716%204.282z%22%20%2F%3E%20%3Cpath%20d%3D%22m5%208%204%204%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-117:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-filter%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10%2020a1%201%200%200%200%20.553.895l2%201A1%201%200%200%200%2014%2021v-7a2%202%200%200%201%20.517-1.341L21.74%204.67A1%201%200%200%200%2021%203H3a1%201%200%200%200-.742%201.67l7.225%207.989A2%202%200%200%201%2010%2014z%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-118:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-settings%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M9.671%204.136a2.34%202.34%200%200%201%204.659%200%202.34%202.34%200%200%200%203.319%201.915%202.34%202.34%200%200%201%202.33%204.033%202.34%202.34%200%200%200%200%203.831%202.34%202.34%200%200%201-2.33%204.033%202.34%202.34%200%200%200-3.319%201.915%202.34%202.34%200%200%201-4.659%200%202.34%202.34%200%200%200-3.32-1.915%202.34%202.34%200%200%201-2.33-4.033%202.34%202.34%200%200%200%200-3.831A2.34%202.34%200%200%201%206.35%206.051a2.34%202.34%200%200%200%203.319-1.915%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-119:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-trending-up%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%207h6v6%22%20%2F%3E%20%3Cpath%20d%3D%22m22%207-8.5%208.5-5-5L2%2017%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-120:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-file-cog%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22%20%2F%3E%20%3Cpath%20d%3D%22m2.305%2015.53.923-.382%22%20%2F%3E%20%3Cpath%20d%3D%22m3.228%2012.852-.924-.383%22%20%2F%3E%20%3Cpath%20d%3D%22M4.677%2021.5a2%202%200%200%200%201.313.5H18a2%202%200%200%200%202-2V7l-5-5H6a2%202%200%200%200-2%202v2.5%22%20%2F%3E%20%3Cpath%20d%3D%22m4.852%2011.228-.383-.923%22%20%2F%3E%20%3Cpath%20d%3D%22m4.852%2016.772-.383.924%22%20%2F%3E%20%3Cpath%20d%3D%22m7.148%2011.228.383-.923%22%20%2F%3E%20%3Cpath%20d%3D%22m7.53%2017.696-.382-.924%22%20%2F%3E%20%3Cpath%20d%3D%22m8.772%2012.852.923-.383%22%20%2F%3E%20%3Cpath%20d%3D%22m8.772%2015.148.923.383%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2214%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-121:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-user-check%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m16%2011%202%202%204-4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-122:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-send%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.536%2021.686a.5.5%200%200%200%20.937-.024l6.5-19a.496.496%200%200%200-.635-.635l-19%206.5a.5.5%200%200%200-.024.937l7.93%203.18a2%202%200%200%201%201.112%201.11z%22%20%2F%3E%20%3Cpath%20d%3D%22m21.854%202.147-10.94%2010.939%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-123:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-cog%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11%2010.27%207%203.34%22%20%2F%3E%20%3Cpath%20d%3D%22m11%2013.73-4%206.93%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2022v-2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2012h8%22%20%2F%3E%20%3Cpath%20d%3D%22m17%2020.66-1-1.73%22%20%2F%3E%20%3Cpath%20d%3D%22m17%203.34-1%201.73%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22m20.66%2017-1.73-1%22%20%2F%3E%20%3Cpath%20d%3D%22m20.66%207-1.73%201%22%20%2F%3E%20%3Cpath%20d%3D%22m3.34%2017%201.73-1%22%20%2F%3E%20%3Cpath%20d%3D%22m3.34%207%201.73%201%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-124:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-shield%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-125:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-cloud%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M17.5%2019H9a7%207%200%201%201%206.71-9h1.79a4.5%204.5%200%201%201%200%209Z%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-126:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-hard-drive%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cline%20x1%3D%2222%22%20x2%3D%222%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%20%3Cpath%20d%3D%22M5.45%205.11%202%2012v6a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-6l-3.45-6.89A2%202%200%200%200%2016.76%204H7.24a2%202%200%200%200-1.79%201.11z%22%20%2F%3E%20%3Cline%20x1%3D%226%22%20x2%3D%226.01%22%20y1%3D%2216%22%20y2%3D%2216%22%20%2F%3E%20%3Cline%20x1%3D%2210%22%20x2%3D%2210.01%22%20y1%3D%2216%22%20y2%3D%2216%22%20%2F%3E%20%3C%2Fsvg%3E");--sg-i-127:url("data:image/svg+xml,%3C%21--%20%40license%20lucide-static%20v0.544.0%20-%20ISC%20--%3E%20%3Csvg%20class%3D%22lucide%20lucide-refresh-cw%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%200%201%209-9%209.75%209.75%200%200%201%206.74%202.74L21%208%22%20%2F%3E%20%3Cpath%20d%3D%22M21%203v5h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2012a9%209%200%200%201-9%209%209.75%209.75%200%200%201-6.74-2.74L3%2016%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2016H3v5%22%20%2F%3E%20%3C%2Fsvg%3E")}
@keyframes sg-v19-rise{from{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}

@media(prefers-reduced-motion:reduce){.sg-v19 *{animation:none;transition:none}}
.sg-ai-single-v26 {
  --v26-accent: var(--sg-purple, oklch(67.93% .3175 325.07));
  --v26-family-label: "AI workflow / human oversight";
  --v26-visual-radius: 42% 58% 46% 54%;
  --v26-visual-rotation: 8deg;
  --v26-visual-skew: 10deg;
}

:where(.sg-ai-archive-v26, .sg-ai-single-v26, .sg-integration-archive-v26, .sg-integration-single-v26, .sg-offer-archive-v26, .sg-offer-single-v26, .sg-tools-archive-v26, .sg-tool-single-v26, .sg-workflow-archive-v26, .sg-workflow-single-v26, .sg-faq-single-v26) {
--v26-page: var(--bg-ultra-light, oklch(98% .006 255));
--v26-surface: var(--bg-light, oklch(99.2% .004 255));
--v26-soft: oklch(95.8% .012 255);
--v26-ink: oklch(17% .018 255);
--v26-muted: oklch(45% .018 255);
--v26-line: var(--border-color, oklch(86% .012 255));
--v26-dark: var(--bg-dark, oklch(14% .023 253));
--v26-dark-raised: var(--bg-medium, oklch(19% .025 253));
--v26-light: oklch(96.5% .008 250);
--v26-light-muted: oklch(76% .016 250);
--v26-section: clamp(5.5rem, 9vw, 8.5rem);
--v26-gap: clamp(1.5rem, 3vw, 3.5rem);
--v26-radius: clamp(1.5rem, 3vw, 3.5rem);
--v26-radius-large: clamp(2.8rem, 6vw, 6rem);
--v26-ease: cubic-bezier(.16, 1, .3, 1);
position: relative;
overflow: clip;
background: var(--v26-page);
color: var(--v26-ink);
.scheme--dark &, [data-theme="dark"] &, [data-sds-theme="dark"] & { --v26-page: var(--bg-ultra-dark, oklch(13% .018 255)); --v26-surface: var(--bg-dark, oklch(17% .022 255)); --v26-soft: var(--bg-medium, oklch(20% .024 255)); --v26-ink: oklch(96% .007 250); --v26-muted: oklch(74% .016 250); --v26-line: var(--border-color, oklch(34% .022 255)); }
@media (prefers-color-scheme: dark) { [data-theme="system"] & { --v26-page: var(--bg-ultra-dark, oklch(13% .018 255)); --v26-surface: var(--bg-dark, oklch(17% .022 255)); --v26-soft: var(--bg-medium, oklch(20% .024 255)); --v26-ink: oklch(96% .007 250); --v26-muted: oklch(74% .016 250); --v26-line: var(--border-color, oklch(34% .022 255)); } }

& .sg-v19-frame { inline-size: 100%; max-inline-size: var(--content-width, 85.375rem); margin-inline: auto; padding-inline: clamp(1.1rem, 2.6vw, 2.3125rem); }
& h1, & h2, & h3 { color: var(--v26-ink); text-wrap: balance; }
& p { color: var(--v26-muted); text-wrap: pretty; }
& .sg-v19-action { display: inline-flex; align-items: center; justify-content: center; min-block-size: 3.1rem; inline-size: fit-content; padding-inline: 1.35rem; border: .0625rem solid var(--sg-blue); border-radius: 100rem; background: var(--sg-blue); color: oklch(17% .018 255) !important; font-weight: 700; text-decoration: none; transition: transform 180ms var(--v26-ease), filter 180ms var(--v26-ease); }
& .sg-v19-action:hover { transform: translateY(-.14rem); filter: brightness(1.05); }

& .sg-v19-hero { padding-block: clamp(2rem, 5vw, 4.5rem) 0; background: var(--v26-page) !important; }
& .sg-v19-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, .88fr) minmax(27rem, 1.12fr); gap: var(--v26-gap); align-items: stretch; min-block-size: clamp(44rem, 84dvh, 58rem); padding: clamp(2rem, 5vw, 4.5rem); overflow: hidden; border-radius: var(--v26-radius-large) 1rem var(--v26-radius-large) 1rem; background: var(--v26-dark); color: var(--v26-light); }
& .sg-v19-hero__grid::before { content: ""; position: absolute; z-index: 4; inset-block-start: 0; inset-inline: 2rem; block-size: .14rem; background: var(--v26-accent); }
& .sg-v19-hero__copy { position: relative; z-index: 2; display: grid; gap: clamp(1.5rem, 3vw, 2.5rem); align-content: end; }
& .sg-v19-hero__copy::before { content: ""; inline-size: 3rem; block-size: .14rem; background: var(--v26-accent) !important; }
& .sg-v19-hero__title { max-inline-size: 10ch; color: var(--v26-light) !important; font-size: clamp(3.25rem, 5.8vw, 6.15rem) !important; font-weight: 550; letter-spacing: -.062em; line-height: .9; }
& .sg-v19-hero__lede { max-inline-size: 36rem; color: var(--v26-light-muted) !important; font-size: clamp(1.08rem, 1rem + .3vw, 1.32rem); }
& .sg-v19-visual { position: relative; display: grid; place-items: center; min-block-size: 31rem; overflow: hidden; border: .0625rem solid color-mix(in oklab, var(--v26-light) 14%, transparent); border-radius: 1rem var(--v26-radius-large) 1rem var(--v26-radius-large); background: linear-gradient(145deg, var(--v26-dark-raised), color-mix(in oklab, var(--v26-accent) 14%, var(--v26-dark))); isolation: isolate; }
& .sg-v19-visual::before { content: ""; position: absolute; inset: 8%; border: .0625rem solid color-mix(in oklab, var(--v26-accent) 68%, transparent); border-radius: var(--v26-visual-radius, 50%); transform: rotate(var(--v26-visual-rotation, -8deg)); transition: transform 220ms var(--v26-ease); }
& .sg-v19-visual::after { content: ""; position: absolute; inset: 18% 12%; border-block: .0625rem solid color-mix(in oklab, var(--v26-light) 18%, transparent); transform: skewY(var(--v26-visual-skew, -10deg)); }
& .sg-v19-visual:hover::before { transform: rotate(0deg) scale(.96); }
& .sg-v19-orbit { position: relative; display: grid; place-items: center; inline-size: min(72%, 24rem); aspect-ratio: 1; }
& .sg-v19-orbit__core { display: grid; place-items: center; inline-size: 42%; aspect-ratio: 1; border: .12rem solid var(--v26-accent); border-radius: var(--v26-visual-radius, 50%); background: var(--v26-accent) !important; color: oklch(17% .018 255) !important; box-shadow: 0 0 0 2.5rem color-mix(in oklab, var(--v26-accent) 8%, transparent); }
& .sg-v19-orbit__node { display: none; }

& .sg-v19-section { padding-block: var(--v26-section); background: var(--v26-page) !important; color: var(--v26-ink); }
& .sg-v19-section__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .5fr); gap: var(--v26-gap); align-items: end; margin-block-end: clamp(2rem, 4vw, 3.5rem); padding-block-end: clamp(2rem, 4vw, 3.5rem); border-block-end: .0625rem solid var(--v26-line); }
& .sg-v19-section__title { max-inline-size: 15ch; color: var(--v26-ink) !important; font-size: clamp(2.65rem, 4.6vw, 4.8rem); font-weight: 560; letter-spacing: -.048em; line-height: 1; }
& .sg-v19-section__copy, & .sg-v19-ledger__copy, & .sg-v19-index__copy, & .sg-v19-bento__copy, & .sg-v19-track__copy, & .sg-v19-accordion__copy, & .sg-v19-detail__copy { color: var(--v26-muted) !important; }

& .sg-v19-ledger { border-block-start: .0625rem solid var(--v26-line); }
& .sg-v19-ledger__row { display: grid; grid-template-columns: 4rem minmax(14rem, .6fr) minmax(0, 1.4fr); gap: var(--v26-gap); align-items: center; min-block-size: 8.5rem; padding-block: 1.5rem; border-block-end: .0625rem solid var(--v26-line); }
& .sg-v19-ledger__index { color: var(--v26-accent); font-weight: 760; }
& .sg-v19-ledger__title { color: var(--v26-ink) !important; font-size: clamp(1.35rem, 2vw, 2rem); }

& .sg-v19-index__item { grid-column: span 4; min-block-size: 20rem; overflow: hidden; border: .0625rem solid var(--v26-line); border-radius: 1rem var(--v26-radius) 1rem var(--v26-radius); background: var(--v26-surface); transition: transform 180ms var(--v26-ease), border-color 180ms var(--v26-ease); }
& .sg-v19-index__item:nth-child(7n + 1) { grid-column: span 8; min-block-size: 27rem; }
& .sg-v19-index__item:hover { transform: translateY(-.22rem); border-color: color-mix(in oklab, var(--v26-accent) 62%, var(--v26-line)); }
& .sg-v19-index__link { display: grid; grid-template-columns: 3rem minmax(0, 1fr) auto; gap: 1rem; align-content: space-between; min-block-size: inherit; padding: clamp(1.4rem, 2.4vw, 2.35rem); color: var(--v26-ink); text-decoration: none; }
& .sg-v19-index__number, & .sg-v19-index__action { color: var(--v26-accent); font-weight: 760; }
& .sg-v19-index__title { color: var(--v26-ink) !important; font-size: clamp(1.55rem, 2.5vw, 2.5rem); }
& .sg-v19-index__copy { grid-column: 2 / -1; }

& .sg-v19-connection { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: .0625rem solid color-mix(in oklab, var(--v26-light) 18%, transparent); }
& .sg-v19-connection__node { position: relative; display: grid; align-content: space-between; min-block-size: 21rem; padding: clamp(1.5rem, 3vw, 3rem); border-inline-end: .0625rem solid color-mix(in oklab, var(--v26-light) 18%, transparent); }
& .sg-v19-connection__dot { inline-size: .8rem; aspect-ratio: 1; border-radius: 50%; background: var(--v26-accent); box-shadow: 0 0 0 .65rem color-mix(in oklab, var(--v26-accent) 10%, transparent); }

& .sg-v19-bento__item { grid-column: span 4; display: grid; align-content: space-between; min-block-size: 19rem; padding: clamp(1.5rem, 3vw, 3rem); border: .0625rem solid var(--v26-line); border-radius: var(--v26-radius) 1rem var(--v26-radius) 1rem; background: var(--v26-surface); }
& .sg-v19-bento__item:first-child { grid-column: span 8; min-block-size: 29rem; background: color-mix(in oklab, var(--v26-accent) 9%, var(--v26-surface)); }
& .sg-v19-bento__item:last-child { grid-column: span 8; }
& .sg-v19-chip { color: var(--v26-accent); font-size: .76rem; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
& .sg-v19-bento__title { color: var(--v26-ink) !important; font-size: clamp(1.55rem, 2.6vw, 2.65rem); }

& .sg-v19-track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; list-style: none; padding: 0; }
& .sg-v19-track__step { min-block-size: 21rem; padding: clamp(1.4rem, 2.6vw, 2.6rem); border: .0625rem solid var(--v26-line); border-radius: 1rem var(--v26-radius) 1rem var(--v26-radius); background: var(--v26-surface); }
& .sg-v19-track__step:nth-child(even) { transform: translateY(2.5rem); }
& .sg-v19-track__title { color: var(--v26-ink) !important; }

& .sg-v19-accordion__item { border-block-end: .0625rem solid var(--v26-line); }
& .sg-v19-accordion__summary { display: flex; gap: 1rem; align-items: center; min-block-size: 5.5rem; color: var(--v26-ink); font-size: clamp(1.2rem, 2vw, 1.7rem); font-weight: 650; cursor: pointer; }
& .sg-v19-accordion__copy { max-inline-size: 66ch; padding-block-end: 2rem; }

@media (max-width: 70rem) { & .sg-v19-hero__grid, & .sg-v19-section__head, & .sg-v19-section--detail .sg-v19-detail, & .sg-v19-section--cta .sg-v19-frame { grid-template-columns: 1fr; } & .sg-v19-index__item, & .sg-v19-index__item:nth-child(n), & .sg-v19-bento__item, & .sg-v19-bento__item:nth-child(n) { grid-column: span 6; } & .sg-v19-track, & .sg-v19-connection { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 48rem) { & .sg-v19-hero__grid { min-block-size: auto; padding: 2rem 1.25rem; border-radius: 2.5rem 1rem 2.5rem 1rem; } & .sg-v19-hero__title { max-inline-size: 100%; font-size: 10vw !important; } & .sg-v19-visual { min-block-size: 28rem; } & .sg-v19-ledger__row, & .sg-v19-section--orientation .sg-v19-ledger__row, & .sg-v19-index__link { grid-template-columns: 1fr; }  & .sg-v19-index__item, & .sg-v19-index__item:nth-child(n), & .sg-v19-bento__item, & .sg-v19-bento__item:nth-child(n) { grid-column: 1 / -1; } & .sg-v19-track, & .sg-v19-connection { grid-template-columns: 1fr; } & .sg-v19-track__step:nth-child(even) { transform: 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; } }
}