.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)); } }.sg-archive-page { --sg-archive-line: color-mix(in oklab, currentColor 12%, transparent);
--sg-archive-line-strong: color-mix(in oklab, currentColor 22%, transparent);
--sg-archive-accent-text: color-mix(in oklab, var(--primary-dark, light-dark(oklch(25% .14 227.9), oklch(85% .14 227.9))) 72%, var(--sg-blue, oklch(74.67% .1402 227.95)));
--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)));
--sg-spectrum-line: linear-gradient(var(--sg-primary, oklch(74.67% .1402 227.95)), var(--sg-primary, oklch(74.67% .1402 227.95)));
display: block;
background: var(--sg-bg, light-dark(oklch(97.92% .0041 271.37), oklch(12.9% .015 266.38)));
color: var(--sg-text, light-dark(oklch(18.5% .02 266), oklch(93.35% .0087 264.52)));
& :where(section:not(section section)) {
  padding-inline: 0;
} }.sg-record-page { --sg-blue: var(--primary, oklch(74.67% .1402 227.95));
--sg-yellow: oklch(84.98% .1739 86.55);
--sg-green: oklch(58.8% .1947 142.26);
--sg-orange: oklch(69.58% .2043 43.49);
--sg-purple: oklch(67.93% .3175 325.07);
--sg-red: oklch(52.24% .202 31.27);

--sg-blue-ink: light-dark(oklch(45% .13 232), oklch(74.67% .1402 227.95));
--sg-green-ink: light-dark(oklch(40% .15 142.26), oklch(72% .17 142.26));
--sg-purple-ink: light-dark(oklch(42% .19 325.07), oklch(72% .24 325.07));
--sg-orange-ink: light-dark(oklch(43% .15 43.49), oklch(74% .18 43.49));
--sg-family: var(--sg-blue, oklch(74.67% .1402 227.95));
--sg-family-ink: var(--sg-blue-ink);
--sg-family-stage-ink: oklch(74.67% .1402 227.95);
--sg-action: var(--sg-blue, oklch(74.67% .1402 227.95));
--sg-action-ink: oklch(17% .02 258);
--sg-focus: light-dark(oklch(45% .13 232), oklch(74.67% .1402 227.95));
--sg-page: light-dark(oklch(97.9% .004 271), oklch(12.9% .015 266));
--sg-surface: light-dark(oklch(99.2% .004 255), oklch(17.1% .026 269));
--sg-ink: light-dark(oklch(18.5% .02 266), oklch(93.4% .009 264));
--sg-ink-soft: light-dark(oklch(38% .02 266), oklch(78% .012 264));
--sg-archive-line: color-mix(in oklab, currentColor 16%, transparent);
--sg-stage: oklch(16.4% .019 267);
--sg-stage-ink: oklch(94% .01 262);
--sg-stage-soft: oklch(80% .012 262);
--sg-ease: cubic-bezier(.16, 1, .3, 1);
--sg-travel: 200ms;
--sg-fade: 160ms;
--sg-seam-shift: 0rem;
--sg-source-line: var(--sg-archive-line, color-mix(in oklab, currentColor 12%, transparent));
--sg-result-line: var(--sg-archive-line, color-mix(in oklab, currentColor 12%, transparent));
position: relative;
overflow-x: clip;
background: var(--sg-page);
color: var(--sg-ink);
font-family: var(--text-font-family, "Inter", system-ui, sans-serif);
& a:where(:not(.sg-record-action)) { color: inherit; }
& :is(h1, h2, h3, h4) { color: inherit; font-family: var(--heading-font-family, "Outfit", system-ui, sans-serif); }
& :focus-visible { outline: .16rem solid var(--sg-focus); outline-offset: .24rem; border-radius: .3rem; }
& [hidden] { display: none; }
&[data-family-accent="green"] { --sg-family: var(--sg-green, oklch(58.8% .1947 142.26)); --sg-family-ink: var(--sg-green-ink); --sg-family-stage-ink: oklch(72% .17 142.26); }
&[data-family-accent="purple"] { --sg-family: var(--sg-purple, oklch(67.93% .3175 325.07)); --sg-family-ink: var(--sg-purple-ink); --sg-family-stage-ink: oklch(72% .24 325.07); }
&[data-family-accent="orange"] { --sg-family: var(--sg-orange, oklch(69.58% .2043 43.49)); --sg-family-ink: var(--sg-orange-ink); --sg-family-stage-ink: oklch(74% .18 43.49); }
@media (prefers-reduced-motion: reduce) {
& :is(.sg-record-action, .sg-record-row, .sg-record-rail__link, .sg-record-legend__link, .sg-record-seam, .sg-record-panel) {
transition-duration: .001ms; 
}
}
@media (prefers-reduced-motion: reduce) {
& :is(.sg-record-action, .sg-record-row, .sg-record-rail__link, .sg-record-legend__link):hover {
transform: none; 
}
}

/* sweep 2026-09-29 warm-ground v2 (2026-09-29 sweep2: legal single, book-a-consultation, terms and privacy now included; text untouched): homepage ground tokens (light branch only; dark unchanged). Owner: "the section design should follow the homepage". */
&& {
  --sg-bg: light-dark(oklch(98.28% .0045 78.3), oklch(12.9% .015 266.38));
  --sg-surface: light-dark(oklch(96.2% .0062 70), oklch(17.09% .026 269.44));
  --sg-page: var(--sg-bg, light-dark(oklch(98.28% .0045 78.3), oklch(12.9% .015 266.38)));
  --sg-raised: light-dark(oklch(95.2% .007 70), oklch(20.6% .028 268));
} }.sg-cover-hero { position: relative; isolation: isolate; overflow: clip; display: grid; align-items: end;
box-sizing: border-box; min-block-size: clamp(34rem, 86dvh, 60rem);
margin-block: clamp(.25rem, .15rem + .4vw, .5rem) 0; margin-inline: clamp(.5rem, .25rem + .8vw, 1rem);
padding-block: clamp(6rem, 4rem + 8vw, 12rem) clamp(1.5rem, 1rem + 2vw, 3rem); padding-inline: 0;
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-scheme: dark;
/* The cover is a dark image stage in both themes (owner 2026-09-23), so its tokens are locked here like the footer close card. */
--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);
--sg-surface: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 3%, var(--sg-n-0, 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);
/* v45 (owner 2026-09-27): the text stack sits bottom left, so the single-hue ink scrim also deepens toward the left edge. */
&::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)) 94%, transparent), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 82%, transparent) 40%,
  color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 34%, transparent) 74%, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 46%, transparent)),
  linear-gradient(to right, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 62%, transparent), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 34%, transparent) 42%, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 0%, transparent) 70%); }
@media (max-width: 63.99rem) { &::after { 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)) 86%, transparent) 55%, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 66%, transparent)); } }
& > .sg-band__inner { max-inline-size: var(--sg-gap-content-frame, calc(85.375rem + 2 * clamp(1.25rem, 4vw, 2.25rem) - 2 * clamp(.5rem, .25rem + .8vw, 1rem))); padding-inline: var(--sg-gap-content-start, calc(clamp(1.25rem, 4vw, 2.25rem) + .5rem)) var(--sg-gap-content-end, calc(clamp(1.25rem, 4vw, 2.25rem) + .35rem)); } }.sg-cover-hero__image { position: absolute; inset: 0; z-index: -2; display: block; inline-size: 100%; block-size: 100%;
object-fit: cover; object-position: 50% 38%; }.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-cover-hero__inner { /* v45 (owner 2026-09-27): one column at every width. Title, lede and actions share the left edge; the rail spans the frame. */
position: relative; display: grid; grid-template-columns: minmax(0, 1fr); align-items: end;
row-gap: clamp(1rem, .8rem + .7vw, 1.5rem);
/* From 64rem a navigation panel (service comb, About ledger) takes a right column beside the whole text stack, bottom aligned with the actions. The flexible first row absorbs a panel taller than the text, so the text stays together at the bottom. Spacing moves to margins so it matches the one-column stack. */
@media (min-width: 64rem) { &:has(> .sg-cover-hero__aside > .sg-cover-hero__panel > nav) { grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 1fr auto auto auto auto; column-gap: clamp(2rem, 1rem + 3vw, 5rem); row-gap: 0; } } }.sg-cover-hero__heading { /* Title column: optional breadcrumb slot (singles) above the title. */
display: grid;
align-content: end;
min-inline-size: 0;
/* v45 (owner 2026-09-27): beside a navigation panel from 64rem, the heading sits in the frame grid's second row; its margin keeps the stack spacing. */
@media (min-width: 64rem) { .sg-cover-hero__inner:has(> .sg-cover-hero__aside > .sg-cover-hero__panel > nav) > & { grid-column: 1; grid-row: 2; margin-block-end: clamp(1rem, .8rem + .7vw, 1.5rem); } } }.sg-cover-hero__crumbs { /* Cover hero breadcrumb (crumbs slot on singles): archive / term / this page. Same look as the service path. */
display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem;
margin-block-end: clamp(.875rem, .6rem + 1vw, 1.5rem);
font-size: .95rem;
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)));
& a { color: inherit; text-decoration-color: color-mix(in oklab, currentColor 45%, transparent); text-underline-offset: .22em; }
& a: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; }
& [aria-current="page"] { color: color-mix(in oklab, currentColor 92%, transparent); }
/* Touch 2026-09-30: a 2.75rem finger target on each breadcrumb link, drawn by an invisible ::after, no layout change. */
& a { position: relative; }
& a::after { content: ""; position: absolute; inset: -.75rem -.25rem; }
 }.sg-cover-hero__title { margin: 0; max-inline-size: 15.5em; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500;
font-size: clamp(2rem, 1.3rem + 2.9vw, 4.25rem); line-height: .96; 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;
/* v45 (owner 2026-09-27): a title up to 60 characters sets in two lines from 64rem and at most three on a phone. The 15.5em measure and the fluid size set that (measured 2026-09-27: 38 to 77 characters take two lines at 1024 and 1440). */
/* Shared cover hero title (owner 2026-09-23): the sgwordrv script splits the words, each word rises in on load, 240ms, 60ms apart. Reduce Motion shows the title at rest. */
view-timeline: none;
&& .sg-word-reveal__word { display: inline-block; color: inherit; animation: sgRise 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)) calc(var(--sg-word-index, 0) * 60ms) both; animation-timeline: auto; animation-range: normal; }
& .sg-cover-hero__title-accent { 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))); }
html.sg-anim &:not([data-split]) { visibility: hidden; }
@media (prefers-reduced-motion: reduce) { && .sg-word-reveal__word { animation: none; } } }.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-cover-hero__aside { /* v45 (owner 2026-09-27): the cover body. Lede, Read more, actions and the panel stack under the title on the same left edge. */
display: grid; justify-items: start; align-content: end; min-inline-size: 0;
/* From 64rem, with a navigation panel, its children join the frame grid (see .sg-cover-hero__inner). */
@media (min-width: 64rem) { &:has(> .sg-cover-hero__panel > nav) { display: contents; } } }.sg-cover-hero__lede { margin: 0; max-inline-size: 42rem; align-self: start; font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); line-height: 1.55;
color: 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))) 84%, transparent); text-wrap: pretty;
/* v45.1 (owner 2026-09-28): the lede always shows in full, never cut mid word. Writers keep it to about 30 words at the source; the 42rem measure sets 25 to 30 words in three lines at 1440. */
@media (min-width: 64rem) { grid-column: 1; .sg-cover-hero__aside:has(> .sg-cover-hero__panel > nav) > & { grid-row: 3; } } }.sg-cover-hero__actions { /* v45 (owner 2026-09-27): the actions sit directly under the title and lede, on their left edge. */
display: flex; flex-wrap: wrap; align-items: center; gap: .75rem;
margin-block-start: clamp(1.25rem, 1rem + .8vw, 1.75rem);
&:first-child { margin-block-start: 0; }
/* v45.2 (owner 2026-09-28): a hero whose action is a form in the panel passes no button labels; the empty row then takes no space. */
&:empty { display: none; }
@media (min-width: 64rem) { grid-column: 1; .sg-cover-hero__aside:has(> .sg-cover-hero__panel > nav) > & { grid-row: 5; } } }.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--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-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-cover-hero__panel { /* Optional slot under the actions. v45 (owner 2026-09-27): record facts become the hero rail across the frame. Other slot content (service comb, About ledger, search form) keeps a bounded column. Hidden when empty. */
margin-block-start: clamp(1.5rem, 1rem + 1.5vw, 2.5rem); justify-self: stretch; max-inline-size: min(100%, 36rem);
&:has(> .sg-cover-hero__facts) { justify-self: stretch; max-inline-size: none; }
&:first-child { margin-block-start: 0; }
@media (min-width: 64rem) { grid-column: 1;
  &:has(> nav) { grid-column: 2; grid-row: 1 / -1; align-self: end; justify-self: end; margin-block-start: 0; }
  &:has(> .sg-cover-hero__facts) { grid-column: 1 / -1; } }
&:not(:has(*)) { display: none; } }.sg-cover-hero__facts { /* Cover hero facts (panel slot on singles): short real record facts on the hero rail. v45 (owner 2026-09-27): one hairline row from 48rem, two columns on a phone. Each fact sits in a condition and hides when its field is empty. */
display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr)); gap: .875rem 1.5rem;
margin: 0; padding-block-start: 1rem;
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)));
@media (min-width: 48rem) { display: flex; flex-wrap: wrap; align-items: baseline; gap: .75rem clamp(1.75rem, 1rem + 2vw, 3rem); }
&:not(:has(*)) { display: none; } }.sg-cover-hero__fact { display: grid; gap: .25rem; min-inline-size: 0;
@media (min-width: 48rem) { display: inline-flex; align-items: baseline; gap: .5rem; } }.sg-cover-hero__fact-label { margin: 0; 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)));
@media (min-width: 48rem) { font-size: .875rem; } }.sg-cover-hero__fact-value { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: 1rem; line-height: 1.35; 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)));
overflow-wrap: anywhere;
& a { color: inherit; text-decoration-color: color-mix(in oklab, currentColor 45%, transparent); text-underline-offset: .22em; }
& a:hover { text-decoration-color: currentColor; } }.sg-hero-dots { /* SG Hero Dots v4 (herodots4, owner 2026-09-29): a clean hairline at the hero base in the category hue, and under it
   ONE compact capsule holding the sibling pages as close dots (the current page is a longer pill), with a small ink label
   and count beside it. Lives in the SG Cover Hero panel slot. */
position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: .625rem .875rem; box-sizing: border-box; inline-size: 100%; min-inline-size: 0;
/* its content never widens the hero column (a long capsule scrolls inside itself instead) */
contain: inline-size;
padding-block-start: clamp(.875rem, .7rem + .5vw, 1.25rem); margin-block-start: clamp(1rem, .5rem + 1.5vw, 2rem);
counter-reset: sg-hero-dots;
/* The panel keeps its bounded column for other slot content; with the dots it spans the frame like the facts rail. */
@media (min-width: 48rem) { .sg-cover-hero__panel:has(> &) { justify-self: stretch; max-inline-size: none; } }
@media (min-width: 64rem) { .sg-cover-hero__panel:has(> &) { grid-column: 1 / -1; } }
/* Facts above the dots give their hairline to the dots line, so the base keeps one line. */
@media (min-width: 48rem) { .sg-cover-hero__facts:has(+ &) { border-block-start-color: transparent; padding-block-start: 0; } }
@media (min-width: 48rem) { .sg-cover-hero__facts + & { margin-block-start: clamp(1rem, .8rem + .6vw, 1.5rem); } }
/* On a service category the facts row only repeats the count the label now carries. */
@media (min-width: 48rem) { .sg-service-category .sg-cover-hero__facts:has(+ &) { display: none; } }
/* A line with no pages stays hidden; when two lines are offered only the first one with pages shows. */
&:not(:has(.sg-hero-dots__item)) { display: none; }
.sg-hero-dots:has(.sg-hero-dots__item) ~ & { display: none; }
/* The line sits at the hero's base: the bottom padding tightens when dots exist. */
@media (min-width: 48rem) { .sg-cover-hero:has(& .sg-hero-dots__item) { padding-block-end: clamp(.75rem, .5rem + .8vw, 1.25rem); } }
/* Owner 2026-09-30: no hero dots on phones. The hero keeps its own facts line and padding there. */
@media (max-width: 47.99rem) { display: none; } }.sg-hero-dots__nav { order: 1; min-inline-size: 0; max-inline-size: 100%; }.sg-hero-dots__track { /* The capsule: one quiet rounded pill, small padding, dots packed at one even step. */
--sg-hero-dots-step: 1.5rem;
display: flex; align-items: center; box-sizing: border-box; max-inline-size: 100%; margin: 0; padding: .25rem .375rem; list-style: none;
border: .0625rem solid var(--sg-border, color-mix(in oklab, oklch(99.2% .004 265) 10%, transparent)); border-radius: 62.5rem;
/* no backdrop-filter: it would make the capsule the containing block of the hairline drawn by the first item */
background: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 8%, transparent);
/* Too many dots for the width (a phone, a long family): the capsule scrolls inside itself; the script centres the current dot. */
&[data-overflow] { overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
&[data-overflow]::-webkit-scrollbar { display: none; }
@media (forced-colors: active) { border-color: CanvasText; } }.sg-hero-dots__item { /* Each item carries the family hue (.sg-family-hue on service lists; Scayver blue otherwise). The first item also draws the
   hairline across the whole row, positioned on the component (outside the capsule, so the capsule never clips it). */
display: flex; flex: none; counter-increment: sg-hero-dots;
--sg-hero-dots-hue: var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95)));
&:first-child::before { content: ''; position: absolute; inset-inline: 0; inset-block-start: 0; block-size: .0625rem; background: color-mix(in oklab, var(--sg-hero-dots-hue) 45%, transparent); pointer-events: none; }
@media (forced-colors: active) { &:first-child::before { background: CanvasText; } } }.sg-hero-dots__link { /* A 1.5rem square target per page (WCAG 2.5.8), so the dots sit 1.5rem apart. v5 (2026-09-30): the link is not positioned, so the title tooltip is placed against the component, outside the capsule's scroll box, and is never clipped. The active dot (hover, keyboard focus, first tap) names itself as the tooltip's anchor. */
position: static; display: grid; place-items: center; flex: none; min-inline-size: var(--sg-hero-dots-step, 1.5rem); block-size: var(--sg-hero-dots-step, 1.5rem); padding-inline: 0; color: var(--sg-text, color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)); text-decoration: none; border-radius: 62.5rem;
&:is(:hover, :focus-visible, [data-peek]) { anchor-name: --sg-hero-dot; }
&[aria-current="page"] { padding-inline: .5625rem; }
&:focus-visible { outline: .125rem solid var(--sg-hero-dots-hue, var(--sg-primary, oklch(74.67% .1402 227.95))); outline-offset: -.0625rem; } }.sg-hero-dots__dot { /* Resting dot .375rem in the hue at reduced strength; the current page is a 1.25rem pill in the full hue. */
display: block; inline-size: .375rem; block-size: .375rem; border-radius: 62.5rem; background: color-mix(in oklab, var(--sg-hero-dots-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 62%, transparent); transition: scale 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), background-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
.sg-hero-dots__link:is(:hover, :focus-visible, [data-peek]) > & { scale: 1.35; background: var(--sg-hero-dots-hue, var(--sg-primary, oklch(74.67% .1402 227.95))); }
.sg-hero-dots__link[aria-current="page"] > & { inline-size: 1.25rem; background: var(--sg-hero-dots-hue, var(--sg-primary, oklch(74.67% .1402 227.95))); scale: 1; }
@media (prefers-reduced-motion: reduce) { transition: none; }
@media (forced-colors: active) { background: CanvasText; .sg-hero-dots__link[aria-current="page"] > & { background: Highlight; } } }.sg-hero-dots__name { /* SG Hero Dots v5 (owner 2026-09-30): the page title of each dot, on hover, on keyboard focus, and on a first tap on touch screens (the second tap opens the page). It sits outside the capsule's scroll box, so a long family that scrolls never clips it. With CSS anchor positioning it pins just above the active dot and flips to the left near the right edge, and on a narrow phone spans the screen width; without it, it sits above the start of the capsule. Ink text on the hero's own dark surface. */
position: absolute; inset-block-end: calc(100% + .25rem); inset-inline-start: 0; z-index: 3; box-sizing: border-box; inline-size: max-content; max-inline-size: min(22rem, 100%); padding: .25rem .5rem; border-radius: .5rem;
border: .0625rem solid var(--sg-border-strong, color-mix(in oklab, oklch(99.2% .004 265) 18%, transparent)); background: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 92%, transparent);
font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: .8125rem; font-weight: 500; line-height: 1.3; white-space: normal; text-wrap: balance; color: var(--sg-text, color-mix(in oklab, oklch(99.2% .004 265) 96%, transparent)); opacity: 0; pointer-events: none;
@supports (anchor-name: --sg-hero-dot) { position: fixed; position-anchor: --sg-hero-dot; inset: auto; margin-block-end: .5rem; margin-inline: .5rem; position-area: block-start span-inline-end; position-try-fallbacks: flip-inline, block-start span-all; max-inline-size: min(22rem, calc(100vw - 2rem)); }
.sg-hero-dots__link:is(:hover, :focus-visible, [data-peek]) > & { opacity: 1; transition: opacity 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
@media (prefers-reduced-motion: reduce) { .sg-hero-dots__link:is(:hover, :focus-visible, [data-peek]) > & { transition: none; } }
@media (forced-colors: active) { border-color: CanvasText; } }.sg-hero-dots__label { /* Beside the capsule: "{label} · {count}", the count from a CSS counter over the dots (data, not typed). Ink, AA. */
order: 2; margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: .875rem; font-weight: 500; line-height: 1.3; letter-spacing: .01em; color: var(--sg-text-muted, color-mix(in oklab, oklch(99.2% .004 265) 72%, transparent));
&::after { content: ' · ' counter(sg-hero-dots); } }.sg-post-article { /* Reading layout v2 (owner 2026-09-29): from 75rem every text block takes the full width of the text column (capped on .sg-post-article__body), so the audio player, the text and the inline images share one edge. */
@media (min-width: 75rem) { --sg-post-measure: 100%; } }.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--soft { background: var(--sg-surface, light-dark(oklch(99.2% .004 265), oklch(17.09% .026 269.44))); }.sg-post-article__layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(2rem, 1.25rem + 2.5vw, 4rem);
/* Desktop only (owner 2026-09-29): the image rail takes one third and the text two thirds. The text track never drops below 40rem, the width the page's audio player needs to stay on one row. Phones and tablets stay stacked. */
@media (min-width: 75rem) { grid-template-columns: minmax(0, 1fr) minmax(40rem, 2fr); align-items: start; column-gap: clamp(3rem, 1rem + 4vw, 6rem); } }.sg-post-article__aside { display: none; min-inline-size: 0;
/* Desktop only: the rail card, then the quiet link back to the archive. */
@media (min-width: 75rem) { display: grid; gap: 1rem; justify-items: start; }
/* The rail stops under the header and travels with the body, then releases where the body ends. */
@media (min-width: 75rem) and (min-height: 40rem) { position: sticky; inset-block-start: calc(var(--sg-header-h, clamp(3.5rem, 4.5vw, 4rem)) + 2rem); }
/* Takeover: the rail waits 1.5rem low until the section top passes 72% of the viewport, then settles in 240ms. */
transition: transform 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&[data-rail="waiting"] { transform: translateY(1.5rem) scale(.98); }
@media (prefers-reduced-motion: reduce) { transition: none; &[data-rail="waiting"] { transform: none; } } }.sg-post-article__rail { /* The rail card: the hero turned vertical. A dark image stage in both themes, like the cover hero, so its tokens are locked here. */
--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)) 76%, transparent);
--sg-border: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 12%, transparent);
--sg-border-strong: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 22%, transparent);
--sg-rail-radius: var(--sg-post-stage-radius, clamp(1.25rem, .9rem + 1.2vw, 2rem));
position: relative; isolation: isolate; overflow: clip; box-sizing: border-box; justify-self: stretch;
display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 1rem;
block-size: clamp(28rem, calc(100dvh - var(--sg-header-h, clamp(3.5rem, 4.5vw, 4rem)) - 7.25rem), 46rem);
padding: clamp(1.125rem, .75rem + .5vw, 1.5rem);
border-radius: var(--sg-rail-radius, clamp(1.25rem, .9rem + 1.2vw, 2rem)); background: var(--sg-n-0, oklch(12.9% .015 266.38)); color: var(--sg-text, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 96%, transparent)); font-family: var(--sg-font-body, 'Inter', system-ui, sans-serif);
/* One depth cue per theme: a soft drop shadow on the light ground, a hairline on the dark ground where a shadow cannot show. */
box-shadow: 0 1.75rem 3.5rem -2rem light-dark(color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 50%, transparent), transparent), 0 0 0 .0625rem light-dark(transparent, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 14%, transparent));
&::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)) 96%, transparent), color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 90%, transparent) 55%,
  color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 40%, transparent) 80%, color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 62%, transparent)); }
 }.sg-post-article__figure { /* The record image fills the rail card behind the scrim. */
position: absolute; inset: 0; z-index: -2; margin: 0; overflow: clip; background: var(--sg-n-0, oklch(12.9% .015 266.38)); }.sg-post-article__image { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 94% 50%; }.sg-post-article__rail-head { display: flex; flex-wrap: wrap; align-items: center; align-content: start; gap: .5rem; min-inline-size: 0; }.sg-post-article__fact { /* A fact on the rail: the record term or the reading time. Plain labels, never links to a term URL. */
display: inline-flex; align-items: center; gap: .5rem; max-inline-size: 100%; min-block-size: 2rem; box-sizing: border-box;
padding-inline: .8125rem; border: .0625rem solid var(--sg-border-strong, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 22%, transparent)); border-radius: var(--sg-radius-full, 50vw);
background: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 78%, transparent); -webkit-backdrop-filter: blur(.75rem); backdrop-filter: blur(.75rem);
font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: .8125rem; font-weight: 500; line-height: 1.2; letter-spacing: .005em; color: var(--sg-text, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 96%, transparent));
&[hidden] { display: none; } }.sg-post-article__fact--term { /* The family colour, as a dot: the shared .sg-family-hue map sets --sg-family-hue from data-family or data-category. */
padding-inline-start: .6875rem;
&::before { content: ''; 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))); } }.sg-post-article__rail-foot { display: grid; gap: 1rem; align-content: end; min-inline-size: 0; }.sg-post-article__rail-title { margin: 0; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(1.25rem, .9rem + .7vw, 1.625rem); line-height: 1.1; letter-spacing: -.03em;
color: var(--sg-text, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 96%, transparent)); text-wrap: balance; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }.sg-post-article__toc { /* The section rotator (owner 2026-09-29, "just like the first one"): the glass panel shows only the section being read, with its number and progress, and changes one by one as the reader scrolls. Hover or keyboard focus opens the full list over the image. Hidden until the script finds two or more headings. */
display: grid; margin: 0; padding: .375rem; box-sizing: border-box; min-inline-size: 0;
border: .0625rem solid color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 14%, transparent); border-radius: var(--radius-m, 1rem);
background: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 58%, transparent); -webkit-backdrop-filter: blur(1rem) saturate(1.15); backdrop-filter: blur(1rem) saturate(1.15);
&[hidden] { display: none; } }.sg-post-article__toc-window { /* One entry at a time, so the image stays clear. Opened, the full list scrolls inside the window. */
position: relative; overflow: clip;
.sg-post-article__toc:is(:hover, :focus-within) & { overflow-y: auto; overscroll-behavior: contain; max-block-size: clamp(10rem, 40dvh, 22rem); scrollbar-width: thin; } }.sg-post-article__toc-list { /* Every entry sits in the same cell and only the current one shows; the entries cross-fade as the scroll-spy moves on. Opened, they list one under another. The counter numbers the sections. */
position: relative; display: grid; grid-template-areas: "entry"; margin: 0; padding: 0; list-style: none; counter-reset: sg-toc;
.sg-post-article__toc:is(:hover, :focus-within) & { grid-template-areas: none; gap: .125rem; } }.sg-post-article__toc-item { grid-area: entry; margin: 0; padding: 0; min-inline-size: 0; counter-increment: sg-toc;
opacity: 0; pointer-events: none; transition: opacity 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
/* The entry being read, or the first entry before the reader reaches a heading. */
&:has(> [aria-current]), .sg-post-article__toc-list:not(:has([aria-current])) > &:nth-child(1 of :not([hidden])) { opacity: 1; pointer-events: auto; }
.sg-post-article__toc:is(:hover, :focus-within) & { grid-area: auto; opacity: 1; pointer-events: auto; }
&[hidden] { display: none; }
/* Spectrum by position (owner 2026-09-30): each entry takes one family hue in the site's order, blue, yellow, green, orange, purple, red, then again, counted over the visible entries exactly like its section number. The hue drives only that entry's number, progress fill and current track. The rail card is a dark stage in both themes, so darker hues are lifted toward paper: every number reads at 7:1 or more on the glass. */
--sg-toc-hue: var(--sg-cat-design, oklch(74.67% .1402 227.95));
&:nth-child(6n+2 of :not([hidden])) { --sg-toc-hue: var(--sg-cat-development, oklch(84.98% .1739 86.55)); }
&:nth-child(6n+3 of :not([hidden])) { --sg-toc-hue: color-mix(in oklab, var(--sg-cat-marketing, oklch(58.8% .1947 142.26)) 75%, var(--sg-n-1000, oklch(99.2% .004 265))); }
&:nth-child(6n+4 of :not([hidden])) { --sg-toc-hue: color-mix(in oklab, var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)) 85%, var(--sg-n-1000, oklch(99.2% .004 265))); }
&:nth-child(6n+5 of :not([hidden])) { --sg-toc-hue: color-mix(in oklab, var(--sg-cat-optimization, oklch(67.93% .3175 325.07)) 75%, var(--sg-n-1000, oklch(99.2% .004 265))); }
&:nth-child(6n+6 of :not([hidden])) { --sg-toc-hue: color-mix(in oklab, var(--sg-cat-maintenance, oklch(52.24% .202 31.27)) 55%, var(--sg-n-1000, oklch(99.2% .004 265))); }
@media (prefers-reduced-motion: reduce) { transition: none; } }.sg-post-article__toc-link { position: relative; display: grid; gap: .5rem; padding: .5rem .5rem .5625rem; border-radius: .625rem;
font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: 1rem; font-weight: 500; line-height: 1.3; letter-spacing: -.005em; color: var(--sg-text-muted, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 76%, transparent)); text-decoration: none;
transition: color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), background-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
/* The bar: a hairline per entry, like the hero ledger tick. The current entry thickens it and fills it in its own spectrum hue (set on the entry) with the progress through its section; a read entry keeps a soft track in that hue. */
&::before { content: ''; display: block; block-size: .1875rem; border-radius: var(--sg-radius-full, 50vw); background: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 22%, transparent);
  transform-origin: 0 50%; transition: transform 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), background-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
&::after { content: ''; position: absolute; inset-block-start: .5rem; inset-inline: .5rem; block-size: .1875rem; border-radius: var(--sg-radius-full, 50vw);
  background: var(--sg-toc-hue, var(--sg-primary, oklch(74.67% .1402 227.95))); transform-origin: 0 50%; transform: scaleX(0) scaleY(2.2); }
/* Opened: the list reads smaller, and an H3 indents under its H2. */
.sg-post-article__toc:is(:hover, :focus-within) & { font-size: .875rem; }
.sg-post-article__toc:is(:hover, :focus-within) &[data-level="3"] { padding-inline-start: 1.25rem; font-size: .8125rem; &::after { inset-inline-start: 1.25rem; } }
&[data-state="read"]::before { background: color-mix(in oklab, var(--sg-toc-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 45%, transparent); }
&[aria-current] { color: var(--sg-text, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 96%, transparent)); }
&[aria-current]::before { transform: scaleY(2.2); background: color-mix(in oklab, var(--sg-toc-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 30%, transparent); }
&[aria-current]::after { transform: scaleX(var(--sg-toc-progress, 0)) scaleY(2.2); }
&:hover { color: var(--sg-text, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 96%, transparent)); background: color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 7%, transparent); }
&:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: -.125rem; color: var(--sg-text, color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 96%, transparent)); }
@media (prefers-reduced-motion: reduce) { transition: none; &::before { transition: none; } } }.sg-post-article__toc-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-inline-size: 0;
/* The section number, from the list's own counter, in the entry's spectrum hue. */
&::before { content: counter(sg-toc, decimal-leading-zero); margin-inline-end: .625em; color: var(--sg-toc-hue, var(--sg-primary, oklch(74.67% .1402 227.95))); font-variant-numeric: tabular-nums; font-weight: 600; } }.sg-post-article__action { /* The rail's primary action spans the card; the shared solid pill keeps its look. */
inline-size: 100%; justify-content: space-between;
/* Reading progress (owner 2026-09-30): once the progress script runs (data-progress) the pill is also the reading bar. Its ground is a pale tint of the current section's hue and a fill in that one hue grows left to right with progress through the whole article; the label and the share left stay near-black ink, 7:1 or more on both. Without the script it stays the yellow pill. Held at (0,3,0) over the shared solid pill. */
&&[data-progress] { position: relative; isolation: isolate; overflow: clip;
  background: color-mix(in oklab, var(--sg-read-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 30%, var(--sg-n-1000, oklch(99.2% .004 265)));
  &:hover { background: color-mix(in oklab, var(--sg-read-hue, var(--sg-primary, oklch(74.67% .1402 227.95))) 44%, var(--sg-n-1000, oklch(99.2% .004 265))); }
  &::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit;
    background: var(--sg-read-hue, var(--sg-primary, oklch(74.67% .1402 227.95))); transform-origin: 0 50%; transform: scaleX(var(--sg-read-progress, 0)); }
  & .sg-pill-link__icon { color: var(--sg-read-hue, var(--sg-primary, oklch(74.67% .1402 227.95))); } } }.sg-post-article__action-remaining { /* The share of the article still to read, written by the progress script ("62% left", then "Finished"). Visual only (aria-hidden): the progress bar node carries the value for screen readers, so the link's name stays "Talk to a Specialist". */
margin-inline-start: auto; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: .8125rem; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: 0; white-space: nowrap; color: inherit;
&:empty { display: none; } }.sg-post-article__back { display: none; align-items: center; gap: .625rem; min-block-size: 2.75rem;
padding-inline: 1rem 1.25rem; 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); 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; text-decoration: none;
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));
&: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)); --sg-back-shift: -.1875rem; }
&:focus-visible { outline: .125rem solid var(--sg-primary, oklch(74.67% .1402 227.95)); outline-offset: .1875rem; --sg-back-shift: -.1875rem; }
&:active { translate: 0 .0625rem; }
@media (min-width: 64rem) { display: inline-flex; }
@media (prefers-reduced-motion: reduce) { transition: none; &:active { translate: none; } } }.sg-post-article__back-icon { display: inline-grid; place-items: center; rotate: 180deg;
translate: calc(var(--sg-back-shift, 0rem) * -1) 0; transition: translate 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
@media (prefers-reduced-motion: reduce) { transition: none; translate: none; } }.sg-post-article__body { min-inline-size: 0; scroll-margin-block-start: calc(var(--sg-header-h, clamp(3.5rem, 4.5vw, 4rem)) + 1.5rem);
/* Desktop: the text column reads at most 52rem wide (about 80 characters a line); the rest of the two-thirds track stays open. */
@media (min-width: 75rem) { max-inline-size: 52rem; } }.sg-post-article__prose { 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-size: clamp(1.0625rem, 1rem + .22vw, 1.25rem); line-height: 1.7; letter-spacing: -.003em;
& :where(figure, blockquote, table, thead, tbody, tfoot, tr, th, td, caption, pre, dl, dd, figcaption) {
  padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
& :where(p) { max-inline-size: var(--sg-post-measure, 40rem); margin-block: 0 1.2em; overflow-wrap: break-word; text-wrap: pretty; }
& > :where(p:first-child) { font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: clamp(1.3125rem, 1.05rem + 1vw, 1.875rem); font-weight: 400;
  line-height: 1.38; 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))); margin-block-end: 1.25em; }
& :where(p:empty) { display: none; }
& :where(h1, h2) { font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(1.75rem, 1.25rem + 1.7vw, 2.75rem);
  line-height: 1.08; letter-spacing: -.035em; margin-block: clamp(2.75rem, 2rem + 2.5vw, 4.5rem) .55em; }
& :where(h3) { font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; font-size: clamp(1.3125rem, 1.15rem + .55vw, 1.6875rem);
  line-height: 1.2; letter-spacing: -.02em; margin-block: clamp(2rem, 1.5rem + 1.5vw, 3rem) .5em; }
& :where(h4, h5, h6) { font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 600; font-size: clamp(1.0625rem, 1rem + .2vw, 1.1875rem);
  line-height: 1.3; margin-block: clamp(1.5rem, 1.25rem + .8vw, 2rem) .45em; }
& :where(h1, h2, h3, h4, h5, h6) { max-inline-size: var(--sg-post-measure, 40rem); 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;
  scroll-margin-block-start: calc(var(--sg-header-h, clamp(3.5rem, 4.5vw, 4rem)) + 1.5rem); }
& :where(h1, h2, h3, h4, h5, h6) :where(strong, b) { font-weight: inherit; }
& > :where(h1, h2, h3, h4, h5, h6):first-child { margin-block-start: 0; }
& :where(ul, ol) { max-inline-size: var(--sg-post-measure, 40rem); margin-block: 0 1.35em; padding-inline-start: 1.35em; }
& :where(li) { margin-block: 0 .55em; line-height: 1.6; overflow-wrap: break-word; }
& :where(li)::marker { color: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 42%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); }
& :where(ul ul, ul ol, ol ul, ol ol) { margin-block: .55em 0; }
& :where(ul ul) { list-style: circle; }
& :where(ol ol) { list-style: lower-alpha; }
& :where(ol ol ol) { list-style: lower-roman; }
& :where(blockquote) { max-inline-size: var(--sg-post-measure, 40rem); margin-block: clamp(2rem, 1.5rem + 2vw, 3.25rem); margin-inline: 0;
  font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: clamp(1.3125rem, 1.1rem + .8vw, 1.75rem); font-style: normal; font-weight: 400;
  line-height: 1.36; letter-spacing: -.012em; 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)));
  &::before { content: ''; display: block; inline-size: 2.5rem; block-size: .1875rem; margin-block-end: 1rem;
    border-radius: var(--sg-radius-full, 50vw); background: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 42%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); } }
& :where(blockquote p) { max-inline-size: none; margin-block: 0 .65em; font-size: inherit; line-height: inherit; color: inherit; }
& :where(blockquote p:last-child) { margin-block-end: 0; }
& :where(blockquote cite, cite) { display: block; margin-block-start: .85rem; font-family: var(--sg-font-body, 'Inter', system-ui, sans-serif); font-size: .9375rem;
  font-style: normal; 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))); }
& :where(figure) { margin-block: clamp(2rem, 1.5rem + 2vw, 3rem); margin-inline: 0; }
& :where(img, video, iframe, embed, object, svg) { display: block; inline-size: 100%; max-inline-size: 100%; block-size: auto;
  border-radius: var(--sg-post-frame-radius, clamp(.875rem, .7rem + .6vw, 1.25rem)); }
& :where(figcaption) { margin-block: .8rem 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))); }
& :where(a[href]) { color: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 42%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); overflow-wrap: anywhere; text-decoration: underline; text-decoration-thickness: .0625rem;
  text-underline-offset: .18em; text-decoration-color: color-mix(in oklab, currentColor 48%, transparent);
  transition: text-decoration-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 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; } }
& :where(strong, b) { 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))); }
& :where(em, i) { font-style: italic; }
& :where(mark) { padding-inline: .2em; border-radius: .2rem; background: color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 24%, transparent); color: inherit; }
& :where(small) { font-size: .875em; 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))); }
& :where(sup, sub) { font-size: .72em; line-height: 0; }
& :where(abbr[title]) { text-decoration: underline dotted; text-underline-offset: .18em; }
& :where(del) { 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))); }
& :where(hr) { max-inline-size: var(--sg-post-measure, 40rem); margin-block: clamp(2.25rem, 1.75rem + 2vw, 3.25rem); border: 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))); }
& :where(br:last-child) { display: none; }
& :where(dl) { max-inline-size: var(--sg-post-measure, 40rem); margin-block: 0 1.35em; }
& :where(dt) { font-weight: 600; }
& :where(dd) { margin-block: 0 .8em; margin-inline-start: 1.35em; 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))); overflow-wrap: break-word; }
& :where(table) { inline-size: 100%; max-inline-size: var(--sg-post-measure, 40rem); margin-block: clamp(2rem, 1.5rem + 2vw, 3rem);
  border-collapse: collapse; table-layout: fixed; font-size: .9375rem;
  @media (max-width: 40rem) { display: block; overflow-x: auto; table-layout: auto; } }
& :where(caption) { margin-block-end: .7rem; 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))); text-align: start; }
& :where(th, td) { padding: .7rem .8rem; 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))); overflow-wrap: break-word; text-align: start;
  vertical-align: top; }
& :where(th) { font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 600; }
& :where(pre) { max-inline-size: var(--sg-post-measure, 40rem); margin-block: clamp(2rem, 1.5rem + 2vw, 3rem); padding: 1.1rem 1.2rem;
  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-post-frame-radius, clamp(.875rem, .7rem + .6vw, 1.25rem)); background: var(--sg-bg, light-dark(oklch(97.92% .0041 271.37), oklch(12.9% .015 266.38))); overflow-x: auto;
  font-size: .9rem; line-height: 1.6; }
& :where(code, kbd, samp) { padding-inline: .3em; border-radius: .3rem; background: color-mix(in oklab, currentColor 8%, transparent);
  font-family: var(--sg-font-mono, ui-monospace, 'SF Mono', Menlo, monospace); font-size: .92em; overflow-wrap: anywhere; }
& :where(pre code) { padding: 0; background: none; font-size: inherit; }
@media (prefers-reduced-motion: reduce) { & :where(a[href]) { transition: none; } }
/* Manuscript call to action (page copy 2026-09-25): a core Buttons block renders as the site's solid pill. */
& :where(.wp-block-buttons) { display: flex; flex-wrap: wrap; gap: .75rem; margin-block: 1.5em 1.35em; }
& :where(.wp-block-button) { max-inline-size: 100%; }
& :where(.wp-block-button__link) { display: inline-flex; align-items: center; justify-content: center; min-block-size: 3rem; max-inline-size: 100%; box-sizing: border-box;
  padding-block: .625rem; padding-inline: 1.375rem; border: .0625rem solid transparent; border-radius: var(--sg-radius-full, 50vw);
  background: var(--sg-yellow, oklch(84.98% .1739 86.55)); 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.25; letter-spacing: -.005em;
  text-align: center; text-decoration: none; text-wrap: balance; overflow-wrap: break-word;
  transition: background-color 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
& :where(.wp-block-button__link):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))); color: var(--sg-n-0, oklch(12.9% .015 266.38)); }
& :where(.wp-block-button__link):focus-visible { outline: .125rem solid light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 42%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); outline-offset: .1875rem; border-radius: var(--sg-radius-full, 50vw); }
& :where(.wp-block-button__link):active { translate: 0 .0625rem; }
@media (prefers-reduced-motion: reduce) { & :where(.wp-block-button__link) { transition: none; } }
/* Hold inside page families whose root link reset (a:where(:not(.x-action)) { color: inherit }, 0,1,1) would recolour prose links and the call to action. */
&& :where(a[href]) { color: light-dark(color-mix(in oklab, var(--sg-primary, oklch(74.67% .1402 227.95)) 42%, var(--sg-n-0, oklch(12.9% .015 266.38))), var(--sg-primary, oklch(74.67% .1402 227.95))); }
&& :where(.wp-block-button__link) { color: var(--sg-n-0, oklch(12.9% .015 266.38)); }
/* Hold list markers inside page families whose root resets lists (the FAQ and freebie roots: :where(ul, ol) { list-style: none }, 0,1,0). */
&& :where(ul) { list-style: disc; }
&& :where(ol) { list-style: decimal; }
&& :where(ul ul) { list-style: circle; }
&& :where(ol ol) { list-style: lower-alpha; }
&& :where(ol ol ol) { list-style: lower-roman; }
/* Reading layout v1 (owner 2026-09-28): the text blocks sit centred on one measure inside the body column and media fill the column, so inline images balance around the text instead of hanging off one side. */
& > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote, dl, table, pre, hr, details, .wp-block-buttons) { margin-inline: auto; }
& > :where(.wp-block-buttons, details) { max-inline-size: var(--sg-post-measure, 40rem); }
& > :where(figure, .wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-gallery, .wp-block-media-text, .wp-block-cover, iframe, video, .alignwide, .alignfull) { inline-size: 100%; max-inline-size: none; margin-inline: 0; }
/* Social Snap (share on media) wraps each inline image in an inline-block that shrank it to its file width; the wrap takes the column width so the image fills it. */
&& :where(.ss-on-media-image-wrap) { inline-size: 100%; }
/* Contents links land each heading below the floating header. Held at (0,2,0): the site-wide [id] { scroll-margin-top: var(--offset, 0) } comes later and zeroed it once the script gave the headings ids. */
&& :where(h1, h2, h3, h4, h5, h6) { scroll-margin-block-start: calc(var(--sg-header-h, clamp(3.5rem, 4.5vw, 4rem)) + 1.5rem); }
/* 2026-11-03 tables (a11y audit): readable in both themes, sideways scroll on phones instead of mid-word breaks. */
& :where(figure.wp-block-table) { max-inline-size: 100%; margin-block: clamp(1.5rem, 1.25rem + 1vw, 2.25rem); overflow-x: auto; overscroll-behavior-x: contain; }
& :where(table) { inline-size: 100%; border-collapse: collapse; font-size: 1rem; line-height: 1.5; color: inherit; background: transparent; }
& :where(th, td) { min-inline-size: 9rem; padding: .75rem 1rem; text-align: start; vertical-align: top; overflow-wrap: normal; word-break: normal; hyphens: manual; color: inherit; border-block-end: .0625rem solid color-mix(in oklab, currentColor 16%, transparent); }
& :where(thead th, tr:first-child > th) { font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 600; background: color-mix(in oklab, currentColor 7%, transparent); }
& :where(tbody tr:nth-child(2n)) { background: color-mix(in oklab, currentColor 3%, transparent); }
& :where(figure.wp-block-table figcaption) { margin-block-start: .5rem; font-size: 1rem; color: color-mix(in oklab, currentColor 72%, transparent); }
 }.sg-post-article__progress { /* Reading progress (owner 2026-09-30). role=progressbar, never interactive. From 75rem, where the rail's pill shows the progress, it is read by screen readers only. Below 75rem (no rail) it is the slim line under the header: a track with one fill in the current section's hue and the share left in a small pill. Hidden until the script runs; shown only while the article is on screen. */
position: absolute; inline-size: .0625rem; block-size: .0625rem; margin: -.0625rem; padding: 0; border: 0; overflow: clip; clip-path: inset(50%); white-space: nowrap; pointer-events: none;
@media (width < 75rem) {
  position: fixed; z-index: 250; inset-block-start: calc(var(--sg-header-h, clamp(3.5rem, 4.5vw, 4rem)) + 1.5rem); inset-inline: calc(var(--sg-frame-gutter, .875rem) + .75rem);
  inline-size: auto; block-size: auto; margin: 0; overflow: visible; clip-path: none;
  display: flex; align-items: center; gap: .5rem;
  opacity: 0; translate: 0 -.25rem; transition: opacity 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), translate 200ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
  &[data-visible] { opacity: 1; translate: none; }
  @media (prefers-reduced-motion: reduce) { transition: none; translate: none; }
}
&[hidden] { display: none; } }.sg-post-article__progress-fill { /* The line: a dark glass track that reads on both themes, with one fill in the current section's hue. */
position: relative; flex: 1 1 auto; min-inline-size: 0; block-size: .25rem; border-radius: var(--sg-radius-full, 50vw); overflow: clip;
background: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 55%, transparent);
box-shadow: 0 0 0 .0625rem color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 18%, transparent);
&::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background: var(--sg-read-hue, var(--sg-primary, oklch(74.67% .1402 227.95))); transform-origin: 0 50%; transform: scaleX(var(--sg-read-progress, 0)); } }.sg-post-article__progress-text { /* The share left, in a small dark pill; the text takes the section's hue ink (7:1 or more on the pill in both themes). */
flex: none; padding: .3125rem .625rem; border-radius: var(--sg-radius-full, 50vw);
background: color-mix(in oklab, var(--sg-n-0, oklch(12.9% .015 266.38)) 96%, transparent); -webkit-backdrop-filter: blur(.75rem); backdrop-filter: blur(.75rem);
box-shadow: 0 0 0 .0625rem color-mix(in oklab, var(--sg-n-1000, oklch(99.2% .004 265)) 16%, transparent);
color: var(--sg-read-hue, var(--sg-primary, oklch(74.67% .1402 227.95))); font-family: var(--sg-font-display, 'Outfit', sans-serif); font-size: .75rem; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1; white-space: nowrap; }.sg-record-section { padding-block: clamp(3rem, 6vw, 6.5rem);
&[data-anchor="primary-action"] { padding-block-end: clamp(4.5rem, 9vw, 9rem); } }.sg-archive-frame { 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-scene-head { display: grid;
grid-template-columns: minmax(0, 1fr);
gap: clamp(1.5rem, 1rem + 2vw, 2.5rem);
align-items: end;
margin-block-end: clamp(2.5rem, 1.75rem + 3vw, 4.5rem);
& > .sg-band__head { margin-block-end: 0; }
@media (min-width: 64rem) {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 26rem);
  column-gap: clamp(2rem, 1rem + 3vw, 5rem);
  align-items: center;
} }.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-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-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-scene-head__figure { box-sizing: border-box;
inline-size: 100%;
max-inline-size: 26rem;
margin: 0;
padding: clamp(.75rem, .5rem + 1vw, 1.25rem);
justify-self: start;
border: .0625rem solid var(--sg-archive-line, color-mix(in oklab, currentColor 12%, transparent));
border-radius: var(--radius-l, 1.6rem);
background: var(--sg-surface, light-dark(oklch(99.2% .004 255), oklch(17.1% .026 269)));
transition: border-color var(--sg-fade, 160ms) var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
:where([data-scene-host]):hover & { border-color: var(--sg-family-ink, light-dark(oklch(45% .13 232), oklch(74.67% .1402 227.95))); }
@media (min-width: 64rem) { justify-self: end; }
@media (prefers-reduced-motion: reduce) { transition: none; } }.sg-scene { --sg-scene-hue: var(--sg-primary, oklch(74.67% .1402 227.95));
--sg-scene-ink: color-mix(in oklab, currentColor 64%, transparent);
--sg-scene-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-scene-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-scene-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-scene-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))));
--sg-scene-floor-side: 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))));
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-scene__svg { display: block; inline-size: 100%; block-size: auto; overflow: visible; }
& polyline { fill: none; }
& .sg-scene__top { fill: var(--sg-scene-top); }
& .sg-scene__top-tint { fill: color-mix(in oklab, var(--sg-scene-hue) 16%, var(--sg-scene-top)); }
& .sg-scene__left { fill: var(--sg-scene-left); }
& .sg-scene__right { fill: var(--sg-scene-right); }
& :is(.sg-scene__edge, .sg-scene__floor-edge, .sg-scene__hub-edge, .sg-scene__ghost-edge) { stroke-width: 1; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
& .sg-scene__edge { stroke: var(--sg-scene-ink); }
& .sg-scene__floor { fill: var(--sg-scene-floor); }
& .sg-scene__floor-side { fill: var(--sg-scene-floor-side); }
& .sg-scene__floor-edge { stroke: color-mix(in oklab, currentColor 24%, transparent); }
& .sg-scene__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-scene__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-scene__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-scene__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-scene__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-scene__hub-disc { fill: var(--sg-n-1000, oklch(99.2% .004 265)); }
& .sg-scene__hub-glyph { stroke: var(--sg-n-0, oklch(12.9% .015 266.38)); }
& .sg-scene__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-scene__ghost { fill: none; }
& .sg-scene__ghost-edge { stroke: color-mix(in oklab, currentColor 42%, transparent); stroke-dasharray: 3 3; }
& :is(.sg-scene__glyph, .sg-scene__glyph-accent) { stroke: var(--sg-scene-ink); stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
& .sg-scene__glyph { fill: none; }
& .sg-scene__glyph-accent { fill: color-mix(in oklab, var(--sg-scene-hue) 42%, transparent); }
& .sg-scene__glyph-dot { fill: var(--sg-scene-ink); stroke: none; }
& .sg-scene__label { fill: color-mix(in oklab, currentColor 74%, transparent); font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 500; }
& .sg-scene__accent { fill: var(--sg-scene-hue); }
& .sg-scene__accent-soft { fill: color-mix(in oklab, var(--sg-scene-hue) 30%, var(--sg-scene-top)); stroke: var(--sg-scene-ink); stroke-width: 1; vector-effect: non-scaling-stroke; }
& .sg-scene__accent-line { fill: none; stroke: var(--sg-scene-hue); stroke-width: 1.5; stroke-linecap: round; vector-effect: non-scaling-stroke; }
& .sg-scene__on-accent { fill: none; stroke: var(--sg-n-0, oklch(12.9% .015 266.38)); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
& .sg-scene__badge { fill: var(--sg-scene-top); stroke: var(--sg-scene-ink); stroke-width: 1; vector-effect: non-scaling-stroke; }
& .sg-scene__badge-text { fill: currentColor; font-family: var(--sg-font-display, 'Outfit', sans-serif); font-weight: 600; }
& .sg-scene__flow { fill: none; stroke: color-mix(in oklab, currentColor 58%, transparent); stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
& .sg-scene__dash { fill: none; stroke: color-mix(in oklab, currentColor 40%, transparent); stroke-width: 1; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
& .sg-scene__lift { transition: translate 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)); }
&:hover .sg-scene__lift, :where(a, [data-scene-host]):is(:hover, :focus-visible) & .sg-scene__lift { translate: 0 -.375rem; }
@media (prefers-reduced-motion: reduce) {
  & .sg-scene__lift { transition: none; }
  &:hover .sg-scene__lift, :where(a, [data-scene-host]):is(:hover, :focus-visible) & .sg-scene__lift { translate: none; }
} }.sg-record-exchange { display: grid;
grid-template-columns: minmax(0, 1fr) clamp(2.6rem, 5vw, 4.2rem) minmax(0, 1fr);
align-items: stretch;
margin-block-start: clamp(1.6rem, 3vw, 2.6rem);
&:has([data-exchange-side="source"]:is(:hover, :focus-within)) { --sg-seam-shift: .5rem; --sg-result-line: var(--sg-family-ink); }
&:has([data-exchange-side="result"]:is(:hover, :focus-within)) { --sg-seam-shift: -.5rem; --sg-source-line: var(--sg-family-ink); }

@media (hover: none) { --sg-source-line: var(--sg-family-ink); --sg-result-line: var(--sg-family-ink); }
@media (max-width: 52em) { grid-template-columns: minmax(0, 1fr); } }.sg-record-panel { display: grid;
align-content: start;
gap: .9rem;
padding: clamp(1.2rem, 2.6vw, 2.2rem);
border: .0625rem solid var(--sg-archive-line, color-mix(in oklab, currentColor 12%, transparent));
border-radius: var(--radius-m, 1.2rem);
background: var(--sg-surface, light-dark(oklch(99.2% .003 270), oklch(17.09% .026 269.44)));
transition: border-color var(--sg-fade) var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&[data-exchange-side="source"] { border-color: var(--sg-source-line); }
&[data-exchange-side="result"] { border-color: var(--sg-result-line); }
/* sweep 2026-09-29 quiet-containers v1 (panel): homepage rhythm, no at-rest outline. Owner: "the section design should follow the homepage... clean and seamless". */
&& {
  border-color: transparent;
  background: var(--sg-surface, light-dark(oklch(96.2% .0062 70), oklch(17.09% .026 269.44)));
} }.sg-record-panel__title { margin: 0; }.sg-record-prose { max-inline-size: 62ch;
margin: 0;
color: var(--sg-ink-soft);
font-size: 1.01rem;
line-height: 1.6;
& p { margin: 0 0 .85rem; max-inline-size: none; font-size: inherit; line-height: inherit; }
& blockquote { margin: 0 0 .85rem; padding: 0; border: 0; background: none; color: inherit; font-size: inherit; font-style: normal; }
& figure { margin: 0 0 .85rem; padding: 0; border: 0; background: none; }
& figcaption { margin: .35rem 0 0; padding: 0; font-size: .9rem; }
& :is(ul, ol) { margin: 0 0 .85rem; padding-inline-start: 1.2rem; }
& li { margin-block-end: .35rem; }
& :last-child { margin-block-end: 0; } }.sg-record-seam { position: relative;
display: grid;
place-items: center;
margin: 0;
color: var(--sg-family-ink);
transform: translateX(var(--sg-seam-shift));
transition: transform var(--sg-travel) var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&::before {
  content: "";
  position: absolute;
  inset-block: 1.6rem;
  inset-inline-start: 50%;
  inline-size: .0625rem;
  background: var(--sg-archive-line, color-mix(in oklab, currentColor 12%, transparent));
}
@media (max-width: 52em) {
  padding-block: .6rem;
  transform: translateY(var(--sg-seam-shift));
  &::before { inset-block: auto; inset-block-start: 50%; inset-inline: 2.2rem; inline-size: auto; block-size: .0625rem; }
} }.sg-record-seam__arrow { position: relative;
box-sizing: content-box;
inline-size: 1.15rem;
block-size: 1.15rem;
padding: .55rem;
border: .0625rem solid color-mix(in oklab, var(--sg-family-ink) 45%, transparent);
border-radius: var(--radius-full, 100rem);
background: var(--sg-page);
@media (max-width: 52em) { rotate: 90deg; } }.sg-record-ledger { display: grid;
gap: clamp(.7rem, 1.4vw, 1.1rem);
margin-block: clamp(1.6rem, 3vw, 2.6rem) 0;
padding: 0;
list-style: none; }.sg-record-row { position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: clamp(.8rem, 2vw, 2rem);
align-items: center;
padding: clamp(1.1rem, 2.2vw, 1.7rem) clamp(1.1rem, 2.2vw, 1.8rem);
border: .0625rem solid var(--sg-archive-line, color-mix(in oklab, currentColor 12%, transparent));
border-radius: var(--radius-m, 1.2rem);
background: var(--sg-surface, light-dark(oklch(99.2% .003 270), oklch(17.09% .026 269.44)));
transition: transform var(--sg-travel) var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), border-color var(--sg-travel) var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&:hover { transform: translateX(.22rem); border-color: var(--sg-family-ink); }
&:focus-within { transform: translateX(.22rem); border-color: var(--sg-family-ink); }
@media (max-width: 40em) { grid-template-columns: minmax(0, 1fr); }
/* spectrum-hover v1 2026-09-29: the AI Prompt card hover in its restrained form. A 1px spectrum hairline on the card edge, at low strength, on hover (pointer devices) and keyboard focus only. Never at rest. */
&::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, &:has(: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; } }
/* sweep 2026-09-29 quiet-containers v1 (ledger): homepage rhythm, no at-rest outline. Owner: "the section design should follow the homepage... clean and seamless". */
&& {
  border-color: transparent;
  border-block-end-color: var(--sg-archive-line, color-mix(in oklab, currentColor 12%, transparent));
  border-radius: 0;
  background: transparent;
  box-shadow: none;
} }.sg-record-row__title { margin: 0;
& a { text-decoration: none; }
& a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
&:where(:not(h1, h2, h3)) {
  font-size: clamp(1.25rem, 1.9vw, 1.65rem);
  font-weight: 550;
  letter-spacing: -.022em;
  line-height: 1.15;
} }.sg-record-row__summary { max-inline-size: 66ch;
margin: .5rem 0 0;
color: var(--sg-ink-soft);
font-size: .98rem;
line-height: 1.55; }.sg-record-row__mark { color: var(--sg-family-ink);
font-family: var(--heading-font-family, "Outfit", system-ui, sans-serif);
font-size: .92rem;
font-weight: 600;
white-space: nowrap; }.sg-record-rail { display: grid; gap: clamp(1rem, 2vw, 1.6rem);  }.sg-record-rail__track { display: flex;
gap: .6rem;
overflow-x: auto;
margin: 0;
padding: 0 0 .6rem;
list-style: none;
scrollbar-gutter: stable;
scroll-snap-type: x proximity;
@media (min-width: 64rem) { flex-wrap: wrap; overflow-x: visible; padding-block-end: 0; scrollbar-gutter: auto; } }.sg-record-rail__item { flex: 0 0 auto; scroll-snap-align: start;  }.sg-record-rail__link { display: inline-flex;
align-items: baseline;
gap: .5rem;
min-block-size: 2.9rem;
padding: .75rem 1.15rem;
border: .0625rem solid var(--sg-archive-line, color-mix(in oklab, currentColor 12%, transparent));
border-radius: var(--radius-full, 100rem);
font-family: var(--heading-font-family, "Outfit", system-ui, sans-serif);
font-weight: 520;
text-decoration: none;
white-space: nowrap;
transition: transform var(--sg-travel) var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), border-color var(--sg-travel) var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&:has(> .sg-glyph) { padding-inline-start: .9rem; }
& > .sg-glyph { align-self: center; }
&:hover { transform: translateY(-.16rem); border-color: var(--sg-family-ink); }
&:is([aria-current="true"], [aria-current="page"]) { border-color: var(--sg-family-ink); background: color-mix(in oklab, var(--sg-family) 15%, transparent); } }.sg-glyph { --sg-glyph-size: 1.5rem;
--sg-glyph-weight: 1.75;
--sg-glyph-tint: 38%;
--sg-glyph-accent: var(--sg-family-hue, var(--sg-primary, oklch(74.67% .1402 227.95)));
display: inline-block;
flex: none;
inline-size: var(--sg-glyph-size);
block-size: var(--sg-glyph-size);
vertical-align: middle;
overflow: visible;
fill: light-dark(color-mix(in oklab, var(--sg-glyph-accent) var(--sg-glyph-tint), transparent), color-mix(in oklab, var(--sg-glyph-accent) calc(var(--sg-glyph-tint) + 18%), transparent));
stroke: currentColor;
stroke-width: var(--sg-glyph-weight);
stroke-linecap: round;
stroke-linejoin: round;
transition: fill 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), translate 240ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1));
&[data-size='sm'] { --sg-glyph-size: 1.25rem; --sg-glyph-weight: 1.9; }
&[data-size='lg'] { --sg-glyph-size: 2rem; --sg-glyph-weight: 1.6; }
&[data-family='design'] { --sg-glyph-accent: var(--sg-cat-design, oklch(74.67% .1402 227.95)); }
&[data-family='development'] { --sg-glyph-accent: var(--sg-cat-development, oklch(84.98% .1739 86.55)); }
&[data-family='marketing'] { --sg-glyph-accent: var(--sg-cat-marketing, oklch(58.8% .1947 142.26)); }
&[data-family='copywriting'] { --sg-glyph-accent: var(--sg-cat-copywriting, oklch(69.58% .2043 43.49)); }
&[data-family='optimization'] { --sg-glyph-accent: var(--sg-cat-optimization, oklch(67.93% .3175 325.07)); }
&[data-family='maintenance'] { --sg-glyph-accent: var(--sg-cat-maintenance, oklch(52.24% .202 31.27)); }
&[data-tone='muted'] { color: var(--sg-text-muted, light-dark(color-mix(in oklab, oklch(12.9% .015 266.38) 74%, transparent), color-mix(in oklab, oklch(99.2% .004 265) 70%, transparent))); }
&[data-tone='primary'] { 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))); }
&[data-tone='solid'] { --sg-glyph-tint: 100%; --sg-glyph-tint-hover: 100%; }
&[data-tone='quiet'] { fill: color-mix(in oklab, currentColor 14%, transparent); }
&[data-tone='line'] { fill: none; }
:where(a, button, [data-glyph-host]):is(:hover, :focus-visible) & { --sg-glyph-tint: var(--sg-glyph-tint-hover, 78%); translate: 0 -.125rem; }
@media (prefers-reduced-motion: reduce) {
  transition: none;
  :where(a, button, [data-glyph-host]):is(:hover, :focus-visible) & { translate: none; }
} }.sg-record-rail__count { color: var(--sg-ink-soft); font-size: .86rem; font-variant-numeric: tabular-nums;  }.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-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-band__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }.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 { --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-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-review-rotator { /* Shared review rotator, owner 2026-09-23: live platform reviews, one at a time, swaps every 8s (script sgrevrot). Items stack in one cell so the height never jumps. */
display: grid; min-inline-size: 0; }.sg-review-rotator__item { margin: 0; padding: 0; border: 0; background: none; box-shadow: none;
grid-area: 1 / 1; display: grid; gap: .75rem; align-content: end; opacity: 0; visibility: hidden;
transition: opacity 320ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), visibility 0s linear 320ms;
&[data-active] { opacity: 1; visibility: visible; transition: opacity 320ms var(--sg-ease, cubic-bezier(.16, 1, .3, 1)), visibility 0s; }
.sg-review-rotator:not([data-ready]) > &:first-child { opacity: 1; visibility: visible; }
@media (prefers-reduced-motion: reduce) { transition: none; &[data-active] { transition: none; } } }.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-review-rotator__quote { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--sg-review-lines, 4); line-clamp: var(--sg-review-lines, 4); overflow: hidden;
/* One review voice everywhere, owner 2026-09-23: Outfit, upright, never Fraunces. */
&&& { font-family: var(--sg-font-display, 'Outfit', sans-serif); font-style: normal; font-weight: 400; letter-spacing: -.01em; } }.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-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); }main h3 { line-height: var(--h3-line-height, 1.25); letter-spacing: var(--h3-letter-spacing, -0.01em); }@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}}@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}: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}.sgh-accent{font-family:var(--sgh-font-editorial);font-style:italic;font-weight:500;letter-spacing:0}: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}border:.0625rem solid var(--n-200);background:var(--sgh-bg);display:grid;place-items:center;font-family:var(--sgh-font-display);font-size:.7812rem;.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}.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}@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-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__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%)}.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-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__chip{background:var(--acc);color:#0b0d13}.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-sec--dark.sgh-sec--dark{border-radius:1.75rem}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}@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)}}@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)); }
}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__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__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-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__col {  }.sg-mega__link-item {  }.sg-mega--services {  }.sg-mega--industries {  }.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}}.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}}@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}}.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}body .sg-header{z-index:999;margin-block-end:calc(-1 * (var(--sg-gutter) * .6 + var(--sg-header-h) + .5rem))}.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}.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}.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)}.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)}.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)}.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)}@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}}.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}.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}.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)}.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}.sg-mega .sg-mega-card{flex-direction:row;justify-content:flex-start;text-align:left}.sg-mega .sg-mega-card__title{text-align:left}.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}.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}.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))}.sg-mega:not(.sg-mega--services) .sg-mega__inner{display:block}.sg-mega:not(.sg-mega--services) .sg-mega__bottom{grid-area:auto}.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)}.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)}@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}}.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))}.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)}.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}.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}.sg-mega__link{font-family:var(--sg-font-display);font-weight:600}.sg-mega.sg-mega--industries .sg-mega__catpanel{padding-block-start:0}.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}.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)}.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}@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))}.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)}.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)}.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)}.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}}.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)))}.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)))}.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))}.sg-mega--industries .sg-mega__catpanel .sg-mega__link[href]::before{-webkit-mask-image:var(--i);mask-image:var(--i)}.sg-mega--services .sg-mega-card:hover .sg-mega-card__desc{display:none}.sg-mega--services .sg-mega-card__desc{display:none}.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))}.sg-ck__thread{display:flex;flex-direction:column;gap:.6rem;max-block-size:46vh;overflow-y:auto;padding:.2rem}.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}}.sg-header__quicktools{display:none !important}.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)}html.scheme--dark body{background-color:oklch(0.14 0 0)!important}.sg-header__cta,.sg-header__cta:hover,.sg-header__cta:focus-visible{box-shadow:none!important}.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}.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}.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}.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}.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)}.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; }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}body .sg-header:hover .sg-header__inner{background:rgba(8,11,17,.88);border-color:rgba(255,255,255,.22)}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)}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}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}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);
}@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);
  }}[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)); }.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__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--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)}.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)}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 :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}img[data-slot]:not([src]),
img[data-slot][src=""]{display:none}.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}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}.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)))}[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}.sg-footer__ig-fallback{color:var(--sgf-subtle);text-decoration:none;font-size:var(--sgf-ts);align-self:center}img[src^='{'], img[src='']{display:none}html, body{overflow-x:clip}body{inline-size:100%;max-inline-size:100%;min-inline-size:0}.sg-section{color:var(--sgh-text, light-dark(#0b0d13, #f2f3f7))}[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)}.sg-section[class*="sg-about-"]{font-weight:400}@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) } }@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)}}@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)}}@supports (animation-timeline: view()){@media (prefers-reduced-motion:no-preference){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%}}}@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)}}: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))}}@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%}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 :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}@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 :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}}}[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)));
}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);
}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)) }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 }@property --sgm-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes sgm-spin{to{--sgm-spin:360deg}}.sg-mega__catpanel{padding:0}.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; }.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);
}@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)))}: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-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-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-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-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-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)}}: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; } }
}