body{margin:0;padding:0;font-family:var(--type-heading);}
a{color:inherit;}
*,*::before,*::after{box-sizing:border-box;}
.service-media {
    width: 100%;
    background: var(--surface-deep);
    color: var(--line-clear);
    border-bottom: 1px solid var(--line-soft);
  }
:root {
  --ease-slow: ease-in-out;
  --type-main: 1.58;
  --line-light: #0A0E13;
  --surface-light: #00E5C4;
  --ink-card: #04121A;
  --font-large: calc(17.3px * .875);
  --space-block: 1.5rem;
  --paint-page: #121A22;
  --copy-large: 17.3px;
  --surface-primary: #111820;
  --type-heading: "Exo 2", sans-serif;
  --ink-page: #E6ECF2;
  --font-lead: calc(17.3px * 1.125);
  --tone-dark: transparent;
  --tone-warm: #5CFFE0;
  --tone-secondary: color-mix(in srgb, currentColor 10%, transparent);
  --shadow-base: 0 10px 14px rgba(0,0,0,0.15);
  --curve-image: 0.33rem;
  --ink-panel: #4FA8FF;
  --tone-light: #9AA7B4;
  --curve-small: 0.54rem;
  --measure-section: calc(var(--gutter-wide) * 1.5);
  --line-clear: #0C1116;
  --delay-entry: 470ms;
  --gutter-wide: 2.36rem;
  --tone-extra-26: #4FA8FF;
  --line-primary: #04121A;
  --surface-deep: #E6ECF2;
  --line-cool: calc(var(--space-block) * .75);
  --ink-primary: #00E5C4;
  --stack-tight: 2.33rem;
  --line-card: #8CC6FF;
  --surface-muted: #E6ECF2;
  --stack-block: 1520px;
  --line-soft: rgba(0, 229, 196, 0.18);
  --measure-medium: calc(var(--space-block) * 2.4);
  --space-footer: var(--stack-tight);
  --shadow-medium: 0 1px 4px rgba(0,0,0,0.12);
}
.direct-wrap {
    max-width: var(--stack-block);
    margin: 0 auto;
    padding: var(--space-block) var(--stack-tight);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gutter-wide);
  }
.featured-panel {
    display: flex;
    align-items: center;
    gap: calc(var(--gutter-wide) * 2);
    min-width: 0;
  }
.narrow-area {
    font-size: var(--font-lead);
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--line-clear);
    text-decoration: none;
    white-space: nowrap;
  }
.narrow-area:hover {
    color: var(--ink-panel);
  }
.nav-desktop {
    display: block;
  }
.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: calc(var(--gutter-wide) * 1.5);
  }
.nav-list a {
    display: inline-block;
    padding: 0.4rem 0.2rem;
    font-size: var(--copy-large);
    color: var(--line-clear);
    text-decoration: none;
    border-radius: var(--curve-image);
    transition: color var(--delay-entry) var(--ease-slow), background-color var(--delay-entry) var(--ease-slow);
  }
.nav-list a:hover {
    color: var(--ink-panel);
  }
.wide-copy {
    display: flex;
    align-items: center;
    gap: var(--gutter-wide);
  }
.open-stack {
    display: inline-block;
    padding: 0.65rem 1.25rem;
    background: var(--ink-panel);
    color: var(--line-primary);
    font-size: var(--copy-large);
    font-weight: 600;
    text-decoration: none;
    border-radius: var(--curve-small);
    box-shadow: var(--shadow-medium);
    transition: background-color var(--delay-entry) var(--ease-slow), transform var(--delay-entry) var(--ease-slow);
  }
.open-stack:hover{
    background: var(--line-card);
    transform: translateY(-1px);color:var(--ink-page);}
.focused-fields {
    display: none;
    background: transparent;
    border: 1px solid var(--line-clear);
    border-radius: var(--curve-image);
    padding: 0.5rem 0.6rem;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: 42px;
    height: 38px;
  }
.offer-feature{
    display: block;
    width: 100%;
    height: 2px;
    background: var(--line-clear);
    border-radius: 1px;color:var(--ink-page);}
.nav-mobile {
    display: none;
    background: var(--surface-deep);
    color: var(--line-clear);
    border-top: 1px solid var(--line-soft);
    padding: var(--space-block) var(--stack-tight);
  }
.nav-mobile-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: calc(var(--gutter-wide) * 0.75);
  }
.nav-mobile-list a {
    display: block;
    padding: 0.7rem 0.4rem;
    color: var(--line-clear);
    text-decoration: none;
    font-size: var(--copy-large);
    border-radius: var(--curve-image);
  }
.nav-mobile-list a:hover {
    background: var(--tone-secondary);
    color: var(--ink-panel);
  }
.nav-mobile-list .contact-flow {
    margin-top: 0.5rem;
    background: var(--ink-panel);
    color: var(--line-primary);
    text-align: center;
    font-weight: 600;
  }
.nav-mobile-list .contact-flow:hover {
    background: var(--line-card);
    color: var(--line-primary);
  }
@media (max-width: 767px) {
    .nav-desktop {
      display: none;
    }

    .open-stack {
      display: none;
    }

    .focused-fields {
      display: flex;
    }

    .nav-mobile.is-open {
      display: block;
    }
  }
.open-shell{font-family:var(--type-heading);font-size:var(--font-large);line-height:var(--type-main);width:100%;padding:0;background:var(--surface-deep);color:var(--line-clear);}
.text-grid{max-width:var(--stack-block);margin:0 auto;padding:var(--measure-medium) var(--space-footer)}
.visual-content{display:grid;grid-template-columns:1.2fr 2.4fr 1.2fr;gap:var(--measure-section);align-items:start}
.soft-stack{display:flex;flex-direction:column;gap:var(--line-cool)}
.featured-feature{display:inline-block;font-size:var(--font-lead);font-weight:700;letter-spacing:0.02em;color:inherit;text-decoration:none}
.featured-feature:hover{color:inherit;opacity:0.85}
.featured-method{margin:0;font-size:var(--font-large);max-width:28ch;opacity:0.85}
.simple-intro{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--measure-section)}
.active-unit{display:flex;flex-direction:column;gap:var(--line-cool)}
.open-quote{margin:0;font-size:var(--copy-large);font-weight:600;letter-spacing:0.04em;text-transform:uppercase;opacity:0.9}
.main-body{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.4rem}
.main-body a{color:inherit;text-decoration:none;font-size:var(--font-large);opacity:0.9;transition:opacity var(--delay-entry) var(--ease-slow)}
.main-body a:hover{opacity:1;text-decoration:underline;color:inherit}
.focused-unit{display:flex;flex-direction:column;gap:var(--line-cool)}
.secondary-menu{display:flex;flex-direction:column;gap:0.4rem}
.narrow-brand{margin:0;font-size:var(--font-large);opacity:0.9}
.narrow-brand a{color:inherit;text-decoration:none}
.narrow-brand a:hover{text-decoration:underline;color:inherit}
.site-headline{font-weight:600;opacity:0.95}
.clear-wrap{margin-top:var(--measure-section);padding-top:var(--line-cool);border-top:1px solid rgba(255, 255, 255, 0.15);display:flex;flex-direction:column;gap:0.5rem}
.top-area{margin:0;font-size:var(--font-large);opacity:0.85;max-width:90ch}
.secondary-panel{margin:0;font-size:var(--font-large);opacity:0.75}
@media (max-width: 1024px) {.visual-content{grid-template-columns:1fr 1fr}.focused-unit{grid-column:1 / -1}
  }
@media (max-width: 720px) {.visual-content{grid-template-columns:1fr}.simple-intro{grid-template-columns:1fr 1fr}
  }
@media (max-width: 480px) {.simple-intro{grid-template-columns:1fr}
  }
footer,footer *{border-radius:0!important;}
.cookies {
    position: fixed;
    top: var(--measure-section);
    left: var(--measure-section);
    z-index: 9999;
    max-width: 22rem;
    width: calc(100% - var(--measure-section) * 2);
    background: var(--paint-page);
    color: var(--ink-page);
    border: 1px solid var(--line-soft);
    border-radius: var(--curve-small);
    box-shadow: var(--shadow-base);
    font-family: var(--type-heading);
    font-size: var(--font-large);
    line-height: var(--type-main);
  }
.cookies .offer-panel{display: flex;
    flex-direction: column;
    gap: var(--gutter-wide);
    padding: var(--line-cool);}
.cookies .narrow-shell{display: flex;
    flex-direction: column;
    gap: calc(var(--gutter-wide) / 2);}
.cookies .secondary-content{margin: 0;
    font-size: var(--copy-large);
    font-weight: 600;
    line-height: 1.3;}
.cookies .steady-items{margin: 0;
    font-size: var(--font-large);}
.cookies .steady-items a{color: var(--ink-primary);
    text-decoration: underline;}
.cookies .steady-items a:hover{color: var(--tone-extra-26);}
.cookies .media-region{display: flex;
    flex-wrap: wrap;
    gap: calc(var(--gutter-wide) / 2);}
.cookies .site-note {
    font: inherit;
    font-size: var(--font-large);
    padding: 0.4rem 0.75rem;
    border-radius: var(--curve-image);
    border: 1px solid var(--line-soft);
    background: var(--tone-dark);
    color: var(--ink-page);
    cursor: pointer;
    transition: background var(--delay-entry) var(--ease-slow), color var(--delay-entry) var(--ease-slow);
  }
.cookies .site-note:hover{
    background: var(--tone-secondary);color:var(--ink-page);}
.cookies .site-note.primary {
    background: var(--surface-light);
    color: var(--ink-card);
    border-color: var(--surface-light);
  }
.cookies .site-note.primary:hover{
    background: var(--tone-warm);
    border-color: var(--tone-warm);color:var(--ink-page);}
.cookies.is-hidden{display: none;}
.primary-items{
  background: var(--tone-strong, linear-gradient(135deg, #0A0E13 0%, #10202A 55%, #0A0E13 100%));
  color: #E6ECF2;
  padding: 72px 24px 64px;
}
.primary-items .service-grid{max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 48px;
  align-items: center;}
.primary-items .narrow-shell{display: flex;
  flex-direction: column;
  gap: 20px;}
.primary-items h1{font-size: clamp(2rem, 4.2vw, 3.1rem);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0;}
.primary-items .wide-contact{font-size: 1.06rem;
  line-height: 1.65;
  margin: 0;}
.primary-items .open-contact{font-size: 0.98rem;
  line-height: 1.6;
  margin: 0;
  color: #9AA7B4;}
.primary-items .content-region{font-size: 0.98rem;
  line-height: 1.7;
  margin: 4px 0 0;
  color: #9AA7B4;}
.primary-items .content-region a{color: #00E5C4;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 229, 196, 0.45);
  padding-bottom: 1px;
  transition: color 0.15s ease, border-color 0.15s ease;}
.primary-items .content-region a:hover{border-color: #5CFFE0;}
.primary-items .team-menu{
  margin: 0;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(0, 229, 196, 0.18);
  background: #121A22;
}
.primary-items .team-menu img{display: block;
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  filter: saturate(0.92) contrast(1.03);}
@media (max-width: 880px) {.primary-items{
    padding: 56px 20px 48px;
  }.primary-items .service-grid{
    grid-template-columns: 1fr;
    gap: 32px;
  }.primary-items .team-menu img{
    min-height: 240px;
  }
}
.primary-items{
  background: var(--line-light);
  color: var(--surface-muted);
}
.offer-shell{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 88px 24px;
  }
.offer-shell .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 56px 72px;
    align-items: start;}
.offer-shell .team-flow h2{font-size: 1.9rem;
    line-height: 1.25;
    margin: 0 0 18px;
    letter-spacing: -0.01em;}
.offer-shell .wide-contact{margin: 0;
    font-size: 1rem;
    line-height: 1.65;}
.offer-shell .quiet-nav{display: flex;
    flex-direction: column;
    gap: 34px;}
.offer-shell .fresh-quote h3{margin: 0 0 10px;
    font-size: 1.08rem;
    line-height: 1.4;}
.offer-shell .fresh-quote p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.7;}
.offer-shell .content-region{grid-column: 1 / -1;
    margin: 8px 0 0;
    padding-top: 26px;
    border-top: 1px solid rgba(0, 229, 196, 0.18);
    font-size: 0.94rem;
    line-height: 1.7;}
.offer-shell .content-region a{text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.4);}
.offer-shell .content-region a:hover{border-bottom-color: #5CFFE0;}
@media (max-width: 820px) {.offer-shell{
      padding: 64px 20px;
    }.offer-shell .service-grid{
      grid-template-columns: 1fr;
      gap: 40px;
    }.offer-shell .team-flow h2{
      font-size: 1.55rem;
    }
  }
.offer-shell{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.direct-brand{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.direct-brand .service-grid{max-width: 1080px;
    margin: 0 auto;}
.direct-brand h2{font-size: 1.6rem;
    line-height: 1.25;
    margin: 0 0 14px;
    letter-spacing: -0.01em;}
.direct-brand .wide-contact{margin: 0 0 40px;
    font-size: 1.02rem;
    line-height: 1.6;color:inherit;}
.direct-brand .quiet-nav{display: grid;
    grid-template-columns: 1.15fr 1fr 1fr;
    gap: 36px;}
.direct-brand .fresh-quote h3{font-size: 1.05rem;
    line-height: 1.35;
    margin: 0 0 10px;
    font-weight: 600;}
.direct-brand .fresh-quote h3 a{color:inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.35);
    padding-bottom: 2px;
    transition: color 0.15s ease, border-color 0.15s ease;}
.direct-brand .fresh-quote h3 a:hover{color:inherit;
    border-color: #00E5C4;}
.direct-brand .fresh-quote p{margin: 0;
    font-size: 0.94rem;
    line-height: 1.6;color:inherit;}
@media (max-width: 860px) {.direct-brand{
      padding: 56px 20px;
    }.direct-brand .quiet-nav{
      grid-template-columns: 1fr;
      gap: 28px;
    }
  }
.direct-brand{
  background: var(--line-light);
  color: var(--surface-muted);
}
.narrow-surface{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.narrow-surface .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 20px;}
.narrow-surface h2{margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.3rem);
    line-height: 1.2;
    letter-spacing: -0.01em;}
.narrow-surface p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.7;}
.narrow-surface .content-region{margin-top: 8px;
    font-size: 0.97rem;}
.narrow-surface .content-region a{text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.35);
    padding-bottom: 1px;
    transition: border-color 0.15s ease, color 0.15s ease;}
.narrow-surface .content-region a:hover{color: #5CFFE0;
    border-bottom-color: #5CFFE0;}
@media (max-width: 640px) {.narrow-surface{
      padding: 48px 18px;
    }.narrow-surface p{
      font-size: 0.98rem;
    }
  }
.narrow-surface{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.plain-header{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 5rem 1.5rem;
  }
.plain-header .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    gap: 3.5rem 4rem;
    align-items: start;}
.plain-header .focused-items h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;}
.plain-header .focused-items p{margin: 0;
    color: var(--tone-light);
    line-height: 1.65;}
.plain-header .quiet-nav{display: flex;
    flex-direction: column;
    gap: 1.75rem;}
.plain-header .fresh-quote h3{font-size: 1.05rem;
    margin: 0 0 0.4rem;
    letter-spacing: 0.01em;}
.plain-header .fresh-quote p{margin: 0;
    line-height: 1.65;
    color: var(--tone-light);}
.plain-header .content-region{grid-column: 1 / -1;
    margin: 1rem 0 0;
    padding-top: 1.5rem;
    border-top: 1px solid var(--line-soft);
    color: var(--tone-light);
    line-height: 1.6;}
.plain-header .content-region a{color: var(--surface-light);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease;}
.plain-header .content-region a:hover{border-bottom-color: var(--surface-light);}
@media (max-width: 820px) {.plain-header{
      padding: 3.5rem 1.25rem;
    }.plain-header .service-grid{
      grid-template-columns: 1fr;
      gap: 2.5rem;
    }
  }
.plain-header{
  background: var(--line-light);
  color: var(--surface-muted);
}
.offer-region{
    background: var(--line-light, #0A0E13);
    color: var(--surface-muted, #E6ECF2);
    padding: 96px 24px 72px;
  }
.offer-region .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 48px 64px;
    align-items: start;}
.offer-region h1{margin: 0;
    font-size: clamp(2rem, 4.2vw, 3.1rem);
    line-height: 1.12;
    letter-spacing: -0.01em;
    font-weight: 600;
    grid-column: 1 / -1;
    max-width: 22ch;}
.offer-region .wide-contact{grid-column: 2 / 3;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-top: 8px;}
.offer-region .wide-contact p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
    color: #9AA7B4;}
@media (max-width: 820px) {.offer-region{
      padding: 64px 20px 48px;
    }.offer-region .service-grid{
      grid-template-columns: 1fr;
      gap: 28px;
    }.offer-region h1{
      max-width: none;
    }.offer-region .wide-contact{
      grid-column: 1 / -1;
      padding-top: 0;
    }
  }
.offer-region{
  background: var(--line-light);
  color: var(--surface-muted);
}
.main-intro{
    --font-small: rgba(0, 229, 196, 0.16);
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 4.5rem 1.5rem;
  }
.main-intro .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 3rem;}
.main-intro .wide-contact h2{margin: 0 0 1rem;
    font-size: clamp(1.6rem, 2.6vw, 2.1rem);
    line-height: 1.2;
    letter-spacing: -0.01em;}
.main-intro .wide-contact p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;}
.main-intro .site-area{display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
    gap: 2rem 2.5rem;}
.main-intro .content-region h3{margin: 0 0 0.6rem;
    font-size: 1.05rem;
    letter-spacing: 0.01em;}
.main-intro .content-region p{margin: 0 0 0.9rem;
    font-size: 0.95rem;
    line-height: 1.6;}
.main-intro .content-region .page-body{margin: 0;
    font-size: 0.9rem;
    opacity: 0.85;}
.main-intro .content-region a{display: inline-block;
    font-size: 0.95rem;
    text-decoration: none;
    border-bottom: 1px solid var(--font-small);
    padding-bottom: 2px;
    transition: color 0.15s ease;}
.main-intro .content-region a:hover{}
.main-intro .primary-grid{border-top: 1px solid var(--font-small);
    padding-top: 2rem;
    display: grid;
    gap: 0.9rem;}
.main-intro .primary-grid h3{margin: 0;
    font-size: 1.05rem;}
.main-intro .primary-grid p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.65;}
.main-intro .primary-grid .bottom-header a{text-decoration: none;
    border-bottom: 1px solid var(--font-small);}
.main-intro .primary-grid .bottom-header a:hover{}
@media (max-width: 820px) {.main-intro .site-area{
      grid-template-columns: 1fr;
      gap: 2rem;
    }
  }
@media (max-width: 520px) {.main-intro{
      padding: 3rem 1.15rem;
    }.main-intro .service-grid{
      gap: 2.25rem;
    }
  }
.main-intro{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.quiet-body{
    --font-small: rgba(0, 229, 196, 0.22);
    --surface-dark: #9AA7B4;
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 88px 24px;
  }
.quiet-body .service-grid{max-width: 1080px;
    margin: 0 auto;}
.quiet-body .focused-items{margin-bottom: 56px;}
.quiet-body .focused-items h2{font-size: clamp(1.75rem, 3vw, 2.5rem);
    line-height: 1.15;
    margin: 0 0 18px;
    letter-spacing: -0.01em;}
.quiet-body .wide-contact{font-size: 1.0625rem;
    line-height: 1.7;
    margin: 0;
    color: var(--surface-dark);}
.quiet-body .compact-summary{list-style: none;
    margin: 0;
    padding: 0;}
.quiet-body .clear-intro{display: grid;
    grid-template-columns: 120px 1fr;
    gap: 32px;
    padding: 32px 0;
    border-top: 1px solid var(--font-small);}
.quiet-body .clear-intro:last-of-type{border-bottom: 1px solid var(--font-small);}
.quiet-body .secondary-proof{font-size: 0.9375rem;
    letter-spacing: 0.06em;color:inherit;
    padding-top: 4px;}
.quiet-body .primary-section h3{font-size: 1.1875rem;
    line-height: 1.35;
    margin: 0 0 10px;
    font-weight: 600;}
.quiet-body .primary-section p{margin: 0;
    font-size: 0.9688rem;
    line-height: 1.7;
    color: var(--surface-dark);}
.quiet-body .open-contact{margin: 40px 0 0;
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--surface-dark);}
@media (max-width: 720px) {.quiet-body{
      padding: 64px 20px;
    }.quiet-body .clear-intro{
      grid-template-columns: 1fr;
      gap: 10px;
      padding: 26px 0;
    }.quiet-body .secondary-proof{
      padding-top: 0;
    }
  }
.quiet-body{
  background: var(--line-light);
  color: var(--surface-muted);
}
.open-fields{
  background: var(--line-light);
  color: var(--surface-muted);
  padding: 4.5rem 1.25rem;
}
.open-fields .service-grid{max-width: 880px;
  margin: 0 auto;}
.open-fields .steady-body{margin-bottom: 2.75rem;}
.open-fields h2{font-size: clamp(1.6rem, 3.2vw, 2.15rem);
  line-height: 1.2;
  margin: 0 0 1rem;
  letter-spacing: -0.01em;}
.open-fields .steady-body p{margin: 0;
  font-size: 1.02rem;
  line-height: 1.65;}
.open-fields .quiet-body{list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;}
.open-fields .clear-intro{padding: 0 0 0 1.5rem;
  border-left: 2px solid rgba(0, 229, 196, 0.35);}
.open-fields .clear-intro h3{font-size: 1.12rem;
  margin: 0 0 0.5rem;
  letter-spacing: 0.01em;}
.open-fields .clear-intro p{margin: 0;
  font-size: 0.97rem;
  line-height: 1.68;}
@media (max-width: 620px) {.open-fields{
    padding: 3rem 1rem;
  }.open-fields .clear-intro{
    padding-left: 1rem;
  }
}
.open-fields{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.offer-region{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 96px 24px 72px;
  }
.offer-region .service-grid{max-width: 1120px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 22px;}
.offer-region h1{margin: 0;
    font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3.1rem);
    line-height: 1.15;
    letter-spacing: -0.015em;
    font-weight: 600;}
.offer-region .wide-contact{margin: 0;
    font-size: clamp(1rem, 0.95rem + 0.3vw, 1.15rem);
    line-height: 1.65;}
.offer-region .open-contact{margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;}
@media (max-width: 640px) {.offer-region{
      padding: 64px 20px 48px;
    }.offer-region .service-grid{
      gap: 18px;
    }
  }
.offer-region{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.site-details{
    background: var(--line-light, #0A0E13);
    color: var(--surface-muted, #E6ECF2);
    padding: 5rem 1.5rem;
  }
.site-details .service-grid{max-width: 1080px;
    margin: 0 auto;}
.site-details h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.25;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;}
.site-details .wide-contact{font-size: 1.02rem;
    line-height: 1.65;
    color: var(--tone-light, #9AA7B4);
    margin: 0 0 3rem;}
.site-details .compact-summary{list-style: none;
    margin: 0 0 2.5rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;}
.site-details .clear-intro{display: grid;
    grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
    gap: 2rem;
    padding-top: 1.75rem;
    border-top: 1px solid rgba(0, 229, 196, 0.14);}
.site-details .clear-intro:first-child{border-top: none;
    padding-top: 0;}
.site-details .clear-intro h3{font-size: 1.05rem;
    line-height: 1.4;
    margin: 0;
    color: #00E5C4;
    font-weight: 600;}
.site-details .clear-intro p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;}
.site-details .content-region{margin: 0;
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--tone-light, #9AA7B4);}
.site-details .content-region a{color: var(--ink-panel, #4FA8FF);
    text-decoration: none;
    border-bottom: 1px solid rgba(79, 168, 255, 0.4);
    padding-bottom: 1px;}
.site-details .content-region a:hover{border-bottom-color: #5CFFE0;}
@media (max-width: 720px) {.site-details{
      padding: 3.5rem 1.25rem;
    }.site-details .clear-intro{
      grid-template-columns: 1fr;
      gap: 0.6rem;
    }.site-details .wide-contact{
      margin-bottom: 2.25rem;
    }
  }
.site-details{
  background: var(--line-light);
  color: var(--surface-muted);
}
.simple-tile{
    --copy-heading: rgba(0, 229, 196, 0.22);
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px 88px;
  }
.simple-tile .service-grid{max-width: 1080px;
    margin: 0 auto;}
.simple-tile h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
    line-height: 1.2;
    letter-spacing: -0.01em;
    margin: 0 0 20px;
    font-weight: 600;}
.simple-tile .wide-contact{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0 0 48px;}
.simple-tile .direct-steps{display: flex;
    flex-direction: column;
    gap: 34px;}
.simple-tile .quiet-wrap h3{font-size: 1.12rem;
    line-height: 1.35;
    margin: 0 0 8px;
    font-weight: 600;}
.simple-tile .quiet-wrap p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.65;}
.simple-tile .content-region{margin: 52px 0 0;
    font-size: 0.95rem;
    line-height: 1.6;}
.simple-tile .content-region a{text-decoration: none;
    border-bottom: 1px solid var(--copy-heading);
    padding-bottom: 1px;}
.simple-tile .content-region a:hover{color: #5CFFE0;
    border-bottom-color: #5CFFE0;}
@media (min-width: 760px) {.simple-tile{
      padding: 96px 40px 112px;
    }.simple-tile .direct-steps{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 40px 56px;
    }.simple-tile .quiet-wrap:first-child{
      grid-column: 1 / -1;
    }
  }
.simple-tile{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.contact-brand{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px 88px;
  }
.contact-brand .service-grid{max-width: 640px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;}
.contact-brand .wide-contact h2{margin: 0 0 12px;
    font-size: 1.65rem;
    line-height: 1.25;
    letter-spacing: 0.2px;}
.contact-brand .wide-contact p{margin: 0;
    font-size: 1rem;
    line-height: 1.6;color:inherit;}
.contact-brand .direct-contact{display: flex;
    flex-direction: column;
    gap: 18px;}
.contact-brand .primary-list{display: flex;
    flex-direction: column;
    gap: 6px;}
.contact-brand .primary-list label{font-size: 0.85rem;
    letter-spacing: 0.4px;
    text-transform: uppercase;color:inherit;}
.contact-brand .primary-list input,
  .contact-brand .primary-list textarea{
    background: var(--paint-page);
    color: var(--ink-page);
    border: 1px solid var(--line-soft);
    border-radius: 6px;
    padding: 11px 13px;
    font: inherit;
    font-size: 0.95rem;
    outline: none;
    resize: vertical;
  }
.contact-brand .primary-list input:focus,
  .contact-brand .primary-list textarea:focus{border-color: var(--surface-light);}
.contact-brand .direct-contact button{
    align-self: flex-start;
    background: var(--surface-light);
    color: var(--ink-card);
    border: none;
    border-radius: 6px;
    padding: 12px 22px;
    font: inherit;
    font-size: 0.95rem;
    letter-spacing: 0.3px;
    cursor: pointer;
  }
.contact-brand .direct-contact button:hover{
    background: var(--tone-warm);color:var(--ink-page);}
.contact-brand .simple-figure{list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 0.92rem;
    line-height: 1.55;color:inherit;}
.contact-brand .simple-figure a{color:inherit;
    text-decoration: none;}
.contact-brand .simple-figure a:hover{text-decoration: underline;}
@media (max-width: 520px) {.contact-brand{
      padding: 56px 18px 68px;
    }.contact-brand .wide-contact h2{
      font-size: 1.4rem;
    }.contact-brand .direct-contact button{
      align-self: stretch;
    }
  }
.contact-brand{
  background: var(--line-light);
  color: var(--surface-muted);
}
.offer-region{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 88px 24px 72px;
  }
.offer-region .service-grid{max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    gap: 56px;
    align-items: start;}
.offer-region h1{margin: 0 0 20px;
    font-size: 2.35rem;
    line-height: 1.18;
    font-weight: 600;
    letter-spacing: -0.01em;}
.offer-region .wide-contact p{margin: 0;
    font-size: 1.06rem;
    line-height: 1.65;}
.offer-region .open-contact{padding-top: 12px;}
.offer-region .open-contact p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;}
@media (max-width: 780px) {.offer-region{
      padding: 64px 20px 52px;
    }.offer-region .service-grid{
      grid-template-columns: 1fr;
      gap: 32px;
    }.offer-region h1{
      font-size: 1.85rem;
    }
  }
.focused-benefit{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 4.5rem 1.5rem 5rem;
  }
.focused-benefit .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2.75rem;}
.focused-benefit .focused-items h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.25;
    margin: 0 0 1rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.focused-benefit .focused-items p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;color:inherit;}
.focused-benefit .quiet-nav{display: flex;
    flex-direction: column;
    gap: 2.25rem;}
.focused-benefit .fresh-quote h3{font-size: 1.12rem;
    margin: 0 0 0.6rem;
    font-weight: 600;color:inherit;}
.focused-benefit .fresh-quote p{margin: 0 0 0.55rem;
    line-height: 1.68;
    font-size: 0.98rem;}
.focused-benefit .fresh-quote .local-stack{margin: 0;
    font-size: 0.85rem;color:inherit;
    letter-spacing: 0.01em;}
@media (min-width: 820px) {.focused-benefit{
      padding: 5.5rem 2rem 6rem;
    }.focused-benefit .quiet-nav{
      display: grid;
      grid-template-columns: 1.15fr 1fr 1fr;
      gap: 2.5rem;
      align-items: start;
    }.focused-benefit .fresh-quote:nth-child(2){
      margin-top: 1.75rem;
    }.focused-benefit .fresh-quote:nth-child(3){
      margin-top: 0.75rem;
    }
  }
.focused-benefit{
  background: var(--line-light);
  color: var(--surface-muted);
}
.plain-header{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 5rem 1.5rem;
  }
.plain-header .service-grid{max-width: 1080px;
    margin: 0 auto;}
.plain-header .wide-contact{display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 2.5rem 3.5rem;
    align-items: start;
    margin-bottom: 3.5rem;}
.plain-header .wide-contact h2{font-size: clamp(1.6rem, 2.4vw, 2.15rem);
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
    letter-spacing: -0.01em;}
.plain-header .wide-contact p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.7;}
.plain-header .direct-media{list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.25rem 3rem;}
.plain-header .contact-tile h3{font-size: 1.08rem;
    margin: 0 0 0.6rem;
    font-weight: 600;}
.plain-header .contact-tile h3::before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 0.6rem;
    vertical-align: middle;
    background: var(--surface-light);
    border-radius: 50%;color:var(--ink-card);}
.plain-header .contact-tile p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.65;}
.plain-header .content-region{margin: 3.5rem 0 0;
    font-size: 0.97rem;
    line-height: 1.7;}
.plain-header .content-region a{text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.35);
    padding-bottom: 1px;
    transition: border-color 0.2s ease;}
.plain-header .content-region a:hover{border-bottom-color: var(--surface-light);}
@media (max-width: 820px) {.plain-header{
      padding: 3.5rem 1.25rem;
    }.plain-header .wide-contact{
      grid-template-columns: 1fr;
      gap: 1.25rem;
      margin-bottom: 2.5rem;
    }.plain-header .direct-media{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }.plain-header .content-region{
      margin-top: 2.5rem;
    }
  }
.plain-header{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.open-tile{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 4.5rem 1.5rem 5rem;
  }
.open-tile .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 3rem 4rem;
    align-items: start;}
.open-tile .open-contact h2{margin: 0 0 1.1rem;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.2;
    letter-spacing: -0.01em;}
.open-tile .open-contact p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
    color: var(--tone-light);}
.open-tile .steady-actions{padding-top: 0.4rem;}
.open-tile .open-menu{
    display: inline-block;
    background: var(--surface-light);
    color: var(--ink-card);
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.95rem 1.6rem;
    border-radius: 8px;
    transition: background 0.2s ease;
  }
.open-tile .open-menu:hover{
    background: var(--tone-warm);color:var(--ink-page);}
.open-tile .content-region{margin: 1.3rem 0 0;
    font-size: 0.92rem;
    line-height: 1.55;
    color: var(--tone-light);}
.open-tile .content-region a{color: var(--ink-panel);
    text-decoration: none;
    border-bottom: 1px solid rgba(79, 168, 255, 0.4);}
.open-tile .content-region a:hover{border-bottom-color: var(--ink-panel);}
@media (max-width: 780px) {.open-tile{
      padding: 3.2rem 1.25rem 3.6rem;
    }.open-tile .service-grid{
      grid-template-columns: 1fr;
      gap: 2rem;
    }
  }
.open-tile{
  background: var(--line-light);
  color: var(--surface-muted);
}
.content-brand{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 96px 24px;
  }
.content-brand .service-grid{max-width: 1080px;
    margin: 0 auto;}
.content-brand h2{font-size: clamp(1.6rem, 3vw, 2.2rem);
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: -0.01em;}
.content-brand .wide-contact{font-size: 1.05rem;
    line-height: 1.7;
    margin: 0 0 56px;}
.content-brand .simple-figure{display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 56px;}
.content-brand .open-contact h3{font-size: 1.1rem;
    line-height: 1.35;
    margin: 0 0 10px;}
.content-brand .open-contact p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.65;}
@media (max-width: 720px) {.content-brand{
      padding: 64px 20px;
    }.content-brand .wide-contact{
      margin-bottom: 40px;
    }.content-brand .simple-figure{
      grid-template-columns: 1fr;
      gap: 32px;
    }
  }
.content-brand{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.offer-region{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 96px 24px 72px;
  }
.offer-region .service-grid{max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 48px;
    align-items: end;}
.offer-region h1{margin: 0;
    font-size: clamp(1.9rem, 3.4vw, 2.9rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    font-weight: 600;}
.offer-region .wide-contact{margin: 0;
    font-size: 1rem;
    line-height: 1.65;
    color: var(--tone-light);}
@media (max-width: 820px) {.offer-region{
      padding: 72px 20px 56px;
    }.offer-region .service-grid{
      grid-template-columns: 1fr;
      gap: 28px;
      align-items: start;
    }
  }
.quiet-body{
  background: var(--line-light);
  color: var(--surface-muted);
  padding: 4.5rem 1.5rem;
}
.quiet-body .service-grid{max-width: 1080px;
  margin: 0 auto;}
.quiet-body h2{font-size: clamp(1.6rem, 3vw, 2.2rem);
  line-height: 1.2;
  margin: 0 0 1rem;
  letter-spacing: 0.01em;}
.quiet-body .wide-contact{font-size: 1.05rem;
  line-height: 1.65;
  margin: 0 0 3rem;}
.quiet-body .compact-summary{list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;}
.quiet-body .clear-intro{display: grid;
  grid-template-columns: 160px 1fr;
  gap: 1.5rem 2rem;
  align-items: start;}
.quiet-body .secondary-proof{font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 0.35rem;}
.quiet-body .clear-intro h3{font-size: 1.15rem;
  line-height: 1.35;
  margin: 0 0 0.6rem;}
.quiet-body .clear-intro p{margin: 0;
  line-height: 1.7;}
.quiet-body .open-contact{margin: 3rem 0 0;
  font-size: 0.95rem;
  line-height: 1.6;
  padding-top: 1.5rem;
  border-top: 1px solid var(--line-soft);}
@media (max-width: 640px) {.quiet-body{
    padding: 3rem 1.25rem;
  }.quiet-body .clear-intro{
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }.quiet-body .secondary-proof{
    padding-top: 0;
  }
}
.quiet-body{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.site-details{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.site-details .service-grid{max-width: 880px;
    margin: 0 auto;}
.site-details h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0 0 18px;
    letter-spacing: -0.01em;}
.site-details .wide-contact{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0 0 40px;
    color: var(--tone-light);}
.site-details .compact-summary{list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: step;}
.site-details .clear-intro{padding: 22px 0 24px;
    border-top: 1px solid rgba(0, 229, 196, 0.18);}
.site-details .clear-intro:last-child{border-bottom: 1px solid rgba(0, 229, 196, 0.18);}
.site-details .clear-intro h3{font-size: 1.08rem;
    margin: 0 0 8px;
    line-height: 1.35;}
.site-details .clear-intro h3::before{counter-increment: step;
    content: counter(step, decimal-leading-zero);
    display: inline-block;
    min-width: 2.2em;
    color: #00E5C4;
    font-variant-numeric: tabular-nums;}
.site-details .clear-intro p{margin: 0;
    padding-left: 2.2em;
    font-size: 0.96rem;
    line-height: 1.65;
    color: var(--tone-light);}
.site-details .open-contact{margin: 36px 0 0;
    font-size: 0.94rem;
    line-height: 1.65;
    color: var(--tone-light);}
.site-details .open-contact a{color: #00E5C4;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.4);
    padding-bottom: 1px;}
.site-details .open-contact a:hover{border-bottom-color: #5CFFE0;}
@media (max-width: 640px) {.site-details{
      padding: 52px 18px;
    }.site-details h2{
      font-size: 1.4rem;
    }.site-details .clear-intro p{
      padding-left: 0;
      margin-top: 4px;
    }.site-details .clear-intro h3::before{
      display: block;
      margin-bottom: 4px;
    }
  }
.offer-region{
    background: var(--tone-strong, linear-gradient(135deg, #0A0E13 0%, #10202A 55%, #0A0E13 100%));
    color: #E6ECF2;
    padding: 96px 24px 72px;
  }
.offer-region .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
    gap: 48px 56px;
    align-items: start;}
.offer-region h1{grid-column: 1 / -1;
    margin: 0;
    font-size: clamp(2rem, 4.4vw, 3.25rem);
    line-height: 1.08;
    letter-spacing: -0.015em;
    font-weight: 600;}
.offer-region .wide-contact{margin: 0;
    font-size: 1.0625rem;
    line-height: 1.65;}
.offer-region .open-contact{margin: 0;
    padding-top: 18px;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--tone-light, #9AA7B4);
    border-top: 1px solid rgba(0, 229, 196, 0.22);}
@media (max-width: 780px) {.offer-region{
      padding: 72px 20px 56px;
    }.offer-region .service-grid{
      grid-template-columns: 1fr;
      gap: 28px;
    }.offer-region .open-contact{
      padding-top: 14px;
    }
  }
.contact-brand{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 5rem 1.5rem;
  }
.contact-brand .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 3rem 4rem;
    align-items: start;}
.contact-brand .wide-contact h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.2;
    margin: 0 0 1.25rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.contact-brand .wide-contact p{margin: 0 0 1rem;
    line-height: 1.65;
    font-size: 1rem;}
.contact-brand .wide-contact p:last-child{margin-bottom: 0;}
.contact-brand .top-feature{display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 0.35rem;}
.contact-brand .media-form{display: block;
    text-decoration: none;
    color: inherit;
    line-height: 1.5;}
.contact-brand a.line:hover .soft-tile{}
.contact-brand .media-form .primary-rail{display: block;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 0.35rem;}
.contact-brand .media-form .soft-tile{display: block;
    font-size: 1.05rem;
    transition: color 0.2s ease;}
.contact-brand .media-form.plain{margin: 0;}
@media (max-width: 760px) {.contact-brand{
      padding: 3.5rem 1.25rem;
    }.contact-brand .service-grid{
      grid-template-columns: 1fr;
      gap: 2.25rem;
    }
  }
.contact-brand{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.site-content{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.site-content .service-grid{max-width: 960px;
    margin: 0 auto;}
.site-content .wide-contact h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0 0 14px;
    letter-spacing: -0.01em;}
.site-content .wide-contact p{margin: 0 0 40px;
    font-size: 1.02rem;
    line-height: 1.65;
    color: var(--tone-light);}
.site-content .soft-surface{display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 48px;}
.site-content .fresh-quote h3{font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 8px;
    color: #00E5C4;}
.site-content .fresh-quote p{margin: 0;
    font-size: 1rem;
    line-height: 1.6;}
.site-content .fresh-quote a{color: inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.4);
    padding-bottom: 1px;}
.site-content .fresh-quote a:hover{border-bottom-color: #00E5C4;}
.site-content .open-contact{margin: 44px 0 0;
    padding-top: 24px;
    border-top: 1px solid rgba(0, 229, 196, 0.18);
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--tone-light);}
@media (max-width: 640px) {.site-content{
      padding: 56px 20px;
    }.site-content .soft-surface{
      grid-template-columns: 1fr;
      gap: 24px;
    }.site-content .wide-contact h2{
      font-size: 1.45rem;
    }
  }
.site-content{
  background: var(--line-light);
  color: var(--surface-muted);
}
.main-intro{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px 88px;
  }
.main-intro .service-grid{max-width: 1080px;
    margin: 0 auto;}
.main-intro .secondary-unit{margin-bottom: 44px;}
.main-intro .secondary-unit h2{font-size: 1.9rem;
    line-height: 1.2;
    margin: 0 0 14px;
    letter-spacing: -0.01em;}
.main-intro .wide-contact{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0;}
.main-intro .focused-body{display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    margin-bottom: 48px;}
.main-intro .strong-panel h3{font-size: 1.05rem;
    margin: 0 0 10px;
    letter-spacing: 0.01em;}
.main-intro .strong-panel p{margin: 0;
    line-height: 1.6;
    font-size: 0.95rem;}
.main-intro .strong-panel a{text-decoration: none;
    border-bottom: 1px solid rgba(79, 168, 255, 0.4);
    padding-bottom: 1px;}
.main-intro .strong-panel a:hover{border-bottom-color: #5CFFE0;}
.main-intro .top-unit{display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 32px;
    padding: 28px 0 30px;
    border-top: 1px solid rgba(230, 236, 242, 0.1);
    border-bottom: 1px solid rgba(230, 236, 242, 0.1);
    margin-bottom: 32px;}
.main-intro .quiet-figure h3,
  .main-intro .steady-nav h3{font-size: 0.95rem;
    margin: 0 0 8px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 600;}
.main-intro .quiet-figure p,
  .main-intro .steady-nav p{margin: 0;
    line-height: 1.6;
    font-size: 0.95rem;}
.main-intro .open-tile{font-size: 0.98rem;
    line-height: 1.65;
    margin: 0 0 16px;}
.main-intro .content-region{font-size: 0.9rem;
    line-height: 1.6;
    margin: 0;}
.main-intro .content-region a{text-decoration: none;
    border-bottom: 1px solid rgba(79, 168, 255, 0.35);}
.main-intro .content-region a:hover{border-bottom-color: #5CFFE0;}
@media (max-width: 860px) {.main-intro{
      padding: 56px 20px 68px;
    }.main-intro .focused-body{
      grid-template-columns: 1fr;
      gap: 24px;
    }.main-intro .top-unit{
      grid-template-columns: 1fr;
      gap: 22px;
    }.main-intro .secondary-unit h2{
      font-size: 1.55rem;
    }
  }
.offer-region{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 88px 24px 72px;
  }
.offer-region .service-grid{max-width: 720px;
    margin: 0 auto;}
.offer-region h1{margin: 0 0 20px;
    font-size: clamp(1.75rem, 3.4vw, 2.5rem);
    line-height: 1.18;
    font-weight: 600;
    letter-spacing: -0.01em;}
.offer-region .wide-contact{margin: 0;
    font-size: 1.0625rem;
    line-height: 1.65;
    color: var(--tone-light);}
@media (max-width: 640px) {.offer-region{
      padding: 64px 20px 56px;
    }.offer-region .wide-contact{
      font-size: 1rem;
    }
  }
.simple-tile{
    --copy-heading: rgba(0, 229, 196, 0.18);
    --tone-extra-49: #9AA7B4;
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 64px 24px;
  }
.simple-tile .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    gap: 48px 56px;
    align-items: start;}
.simple-tile .wide-contact h2{margin: 0 0 18px;
    font-size: 1.75rem;
    line-height: 1.25;
    letter-spacing: -0.01em;}
.simple-tile .wide-contact p{margin: 0 0 14px;
    line-height: 1.6;}
.simple-tile .direct-steps{display: grid;
    gap: 22px;}
.simple-tile .quiet-wrap{padding-bottom: 20px;
    border-bottom: 1px solid var(--copy-heading);}
.simple-tile .quiet-wrap:last-child{border-bottom: 0;
    padding-bottom: 0;}
.simple-tile .quiet-wrap h3{margin: 0 0 8px;
    font-size: 1.05rem;
    letter-spacing: 0.01em;}
.simple-tile .quiet-wrap p{margin: 0;
    line-height: 1.6;}
.simple-tile .content-region{grid-column: 1 / -1;
    margin: 8px 0 0;
    padding-top: 22px;
    border-top: 1px solid var(--copy-heading);
    line-height: 1.6;}
.simple-tile .content-region a{text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.4);}
.simple-tile .content-region a:hover{color: #5CFFE0;
    border-bottom-color: #5CFFE0;}
@media (max-width: 820px) {.simple-tile{
      padding: 48px 20px;
    }.simple-tile .service-grid{
      grid-template-columns: 1fr;
      gap: 32px;
    }.simple-tile .wide-contact h2{
      font-size: 1.45rem;
    }
  }
.direct-brand{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px 88px;
  }
.direct-brand .service-grid{max-width: 1080px;
    margin: 0 auto;}
.direct-brand .wide-contact{display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 40px 56px;
    align-items: start;
    margin-bottom: 56px;}
.direct-brand .wide-contact h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0;
    letter-spacing: -0.01em;}
.direct-brand .wide-contact p{margin: 0;
    font-size: 1rem;
    line-height: 1.65;color:inherit;}
.direct-brand .quiet-nav{list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px 36px;}
.direct-brand .fresh-quote{display: flex;
    flex-direction: column;
    gap: 12px;}
.direct-brand .fresh-quote h3{margin: 0;
    font-size: 1.05rem;
    line-height: 1.35;
    font-weight: 600;}
.direct-brand .fresh-quote p{margin: 0;
    font-size: 0.94rem;
    line-height: 1.6;color:inherit;}
.direct-brand .soft-service{align-self: flex-start;
    margin-top: 4px;
    font-size: 0.9rem;color:inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.35);
    padding-bottom: 2px;}
.direct-brand .soft-service:hover{border-bottom-color: rgba(92, 255, 224, 0.6);}
@media (max-width: 860px) {.direct-brand .wide-contact{
      grid-template-columns: 1fr;
      gap: 20px;
      margin-bottom: 40px;
    }.direct-brand .quiet-nav{
      grid-template-columns: 1fr;
      gap: 32px;
    }
  }
.offer-region{
    --type-body: rgba(0, 229, 196, 0.22);
    background: var(--line-light, #0A0E13);
    color: var(--surface-muted, #E6ECF2);
    padding: 96px 24px 72px;
  }
.offer-region .service-grid{max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 48px 64px;
    align-items: start;}
.offer-region h1{grid-column: 1 / -1;
    margin: 0;
    font-size: clamp(1.9rem, 3.4vw, 3rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    font-weight: 600;}
.offer-region .wide-contact p{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;
    color: var(--tone-light, #9AA7B4);}
.offer-region .wide-contact p + p{margin-top: 20px;}
.offer-region .wide-contact .open-contact{padding-top: 20px;
    border-top: 1px solid var(--type-body);
    font-size: 0.95rem;}
@media (max-width: 820px) {.offer-region{
      padding: 64px 20px 48px;
    }.offer-region .service-grid{
      grid-template-columns: 1fr;
      gap: 28px;
    }
  }
.local-footer{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.local-footer .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: 56px 64px;
    align-items: start;}
.local-footer .wide-contact h2{font-size: 1.9rem;
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: -0.01em;}
.local-footer .wide-contact p{margin: 0 0 16px;
    line-height: 1.65;
    font-size: 1rem;}
.local-footer .wide-contact p:last-child{margin-bottom: 0;}
.local-footer .primary-intro{list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;}
.local-footer .fresh-quote{padding: 20px 0;
    border-top: 1px solid rgba(0, 229, 196, 0.18);}
.local-footer .fresh-quote:first-child{border-top: none;
    padding-top: 0;}
.local-footer .fresh-quote h3{margin: 0 0 8px;
    font-size: 1.08rem;
    font-weight: 600;
    letter-spacing: 0.005em;}
.local-footer .fresh-quote p{margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;}
@media (max-width: 780px) {.local-footer{
      padding: 52px 20px;
    }.local-footer .service-grid{
      grid-template-columns: 1fr;
      gap: 36px;
    }.local-footer .wide-contact h2{
      font-size: 1.55rem;
    }
  }
.local-footer{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.focused-benefit{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.focused-benefit .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: 48px 64px;
    align-items: start;}
.focused-benefit .wide-contact h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0 0 18px;
    letter-spacing: -0.01em;}
.focused-benefit .wide-contact p{margin: 0;
    font-size: 1rem;
    line-height: 1.7;color:inherit;}
.focused-benefit .simple-figure{list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;}
.focused-benefit .open-contact h3{font-size: 1.05rem;
    margin: 0 0 10px;
    letter-spacing: 0.01em;}
.focused-benefit .open-contact p{margin: 0 0 10px;
    font-size: 0.97rem;
    line-height: 1.65;color:inherit;}
.focused-benefit .open-contact .local-stack{display: block;
    font-size: 0.82rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;color:inherit;}
.focused-benefit .open-contact + .open-contact{padding-top: 28px;
    border-top: 1px solid var(--line-soft);}
@media (max-width: 820px) {.focused-benefit{
      padding: 56px 20px;
    }.focused-benefit .service-grid{
      grid-template-columns: 1fr;
      gap: 36px;
    }
  }
.page-flow{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px 80px;
  }
.page-flow .service-grid{max-width: 1080px;
    margin: 0 auto;}
.page-flow h2{font-size: 1.85rem;
    line-height: 1.25;
    margin: 0 0 20px;
    letter-spacing: -0.01em;}
.page-flow .wide-contact{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0 0 40px;}
.page-flow .simple-figure{display: flex;
    flex-direction: column;
    gap: 28px;}
.page-flow .open-contact{
    background: var(--paint-page, #121A22);
    color: var(--ink-page, #E6ECF2);
    border: 1px solid var(--line-soft, rgba(0, 229, 196, 0.18));
    border-radius: 10px;
    padding: 22px 24px;
  }
.page-flow .open-contact h3{font-size: 1.08rem;
    line-height: 1.4;
    margin: 0 0 10px;}
.page-flow .open-contact p{font-size: 0.97rem;
    line-height: 1.68;
    margin: 0;}
.page-flow .direct-stack{font-size: 0.97rem;
    line-height: 1.65;
    margin: 36px 0 0;}
@media (max-width: 640px) {.page-flow{
      padding: 52px 18px 60px;
    }.page-flow h2{
      font-size: 1.45rem;
    }.page-flow .open-contact{
      padding: 18px 18px;
    }
  }
.page-flow{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.offer-region{
    background: var(--tone-strong, linear-gradient(135deg, #0A0E13 0%, #10202A 55%, #0A0E13 100%));
    color: #E6ECF2;
    padding: 88px 24px 72px;
  }
.offer-region .service-grid{max-width: 1080px;
    margin: 0 auto;}
.offer-region h1{font-size: clamp(1.9rem, 3.4vw, 2.9rem);
    line-height: 1.18;
    letter-spacing: -0.01em;
    margin: 0 0 22px;
    font-weight: 600;}
.offer-region .wide-contact{font-size: 1.08rem;
    line-height: 1.65;
    margin: 0 0 18px;
    color: #C7D3DE;}
.offer-region .open-contact{font-size: 0.98rem;
    line-height: 1.6;
    margin: 0;
    color: #9AA7B4;}
@media (max-width: 640px) {.offer-region{
      padding: 64px 20px 56px;
    }.offer-region h1{
      font-size: 1.65rem;
    }
  }
.narrow-surface{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.narrow-surface .service-grid{max-width: 1080px;
    margin: 0 auto;}
.narrow-surface h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.25;
    margin: 0 0 20px;
    letter-spacing: -0.01em;}
.narrow-surface .wide-contact{font-size: 1.05rem;
    line-height: 1.65;
    color: var(--tone-light, #9AA7B4);
    margin: 0 0 44px;}
.narrow-surface .direct-media{list-style: none;
    padding: 0;
    margin: 0 0 40px;
    display: flex;
    flex-direction: column;
    gap: 28px;}
.narrow-surface .direct-media li{padding-left: 20px;
    border-left: 2px solid rgba(0, 229, 196, 0.35);}
.narrow-surface .direct-media h3{font-size: 1.1rem;
    margin: 0 0 8px;
    color: #00E5C4;
    font-weight: 600;}
.narrow-surface .direct-media p{margin: 0;
    line-height: 1.6;
    color: var(--surface-muted);}
.narrow-surface .open-contact{margin: 0;
    line-height: 1.6;
    color: var(--tone-light, #9AA7B4);
    font-size: 0.98rem;}
.narrow-surface .open-contact a{color: #4FA8FF;
    text-decoration: none;
    border-bottom: 1px solid rgba(79, 168, 255, 0.4);}
.narrow-surface .open-contact a:hover{color: #8CC6FF;
    border-bottom-color: #8CC6FF;}
@media (max-width: 640px) {.narrow-surface{
      padding: 48px 18px;
    }.narrow-surface .wide-contact{
      margin-bottom: 32px;
    }.narrow-surface .direct-media{
      gap: 22px;
    }
  }
.narrow-surface{
  background: var(--line-light);
  color: var(--surface-muted);
}
.direct-brand{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.direct-brand .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    gap: 48px 64px;
    align-items: start;}
.direct-brand .wide-contact h2{margin: 0 0 16px;
    font-size: 1.5rem;
    line-height: 1.25;
    letter-spacing: 0.01em;}
.direct-brand .wide-contact p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.65;}
.direct-brand .quiet-nav{display: flex;
    flex-direction: column;
    gap: 28px;}
.direct-brand .fresh-quote h3{margin: 0 0 8px;
    font-size: 1.08rem;
    line-height: 1.35;
    font-weight: 600;}
.direct-brand .fresh-quote h3 a{text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.35);
    padding-bottom: 1px;
    transition: border-color 0.15s ease, color 0.15s ease;}
.direct-brand .fresh-quote h3 a:hover{border-bottom-color: #5CFFE0;}
.direct-brand .fresh-quote p{margin: 0;
    font-size: 0.94rem;
    line-height: 1.7;}
@media (max-width: 760px) {.direct-brand{
      padding: 56px 20px;
    }.direct-brand .service-grid{
      grid-template-columns: 1fr;
      gap: 32px;
    }
  }
.direct-brand{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.service-nav{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.service-nav .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 56px;}
.service-nav .focused-items h2{font-size: 1.9rem;
    line-height: 1.25;
    margin: 0 0 18px;
    font-weight: 600;}
.service-nav .focused-items p{font-size: 1.02rem;
    line-height: 1.7;
    margin: 0;
    color: var(--tone-light, #9AA7B4);}
.service-nav .team-menu{margin: 0;
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 36px;
    align-items: center;}
.service-nav .team-menu:nth-child(3){grid-template-columns: 1fr 1.15fr;}
.service-nav .team-menu:nth-child(3) img{order: 2;}
.service-nav .team-menu img{width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
    display: block;}
.service-nav .team-menu figcaption h3{font-size: 1.2rem;
    margin: 0 0 12px;
    font-weight: 600;
    letter-spacing: 0.01em;}
.service-nav .team-menu figcaption p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;
    color: var(--tone-light, #9AA7B4);}
@media (max-width: 760px) {.service-nav{
      padding: 52px 18px;
    }.service-nav .service-grid{
      gap: 40px;
    }.service-nav .focused-items h2{
      font-size: 1.5rem;
    }.service-nav .team-menu,
    .service-nav .team-menu:nth-child(3){
      grid-template-columns: 1fr;
      gap: 20px;
    }.service-nav .team-menu:nth-child(3) img{
      order: 0;
    }.service-nav .team-menu img{
      height: 220px;
    }
  }
.service-nav{
  background: var(--line-light);
  color: var(--surface-muted);
}
.offer-region{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 96px 24px 72px;
  }
.offer-region .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    column-gap: 64px;
    row-gap: 28px;
    align-items: start;}
.offer-region h1{grid-column: 1 / -1;
    margin: 0;
    font-size: clamp(1.9rem, 3.4vw, 2.9rem);
    line-height: 1.14;
    letter-spacing: -0.01em;
    font-weight: 600;}
.offer-region .wide-contact{margin: 0;
    font-size: 1.06rem;
    line-height: 1.65;}
.offer-region .open-contact{margin: 0;
    padding-top: 6px;
    font-size: 0.94rem;
    line-height: 1.6;
    border-top: 1px solid rgba(0, 229, 196, 0.22);}
@media (max-width: 780px) {.offer-region{
      padding: 64px 20px 52px;
    }.offer-region .service-grid{
      grid-template-columns: 1fr;
      column-gap: 0;
      row-gap: 24px;
    }
  }
.offer-shell{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 20px 84px;
  }
.offer-shell .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
    gap: 48px 56px;
    align-items: start;}
.offer-shell .focused-items h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.25;
    margin: 0 0 18px;
    letter-spacing: -0.01em;}
.offer-shell .focused-items p{margin: 0;
    font-size: 1rem;
    line-height: 1.65;
    color: var(--tone-light);}
.offer-shell .quiet-nav{display: flex;
    flex-direction: column;
    gap: 26px;}
.offer-shell .fresh-quote h3{font-size: 1.0625rem;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #00E5C4;
    font-weight: 600;}
.offer-shell .fresh-quote p{margin: 0;
    font-size: 0.9688rem;
    line-height: 1.7;
    color: var(--surface-muted);}
.offer-shell .content-region{grid-column: 1 / -1;
    margin: 8px 0 0;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--tone-light);}
.offer-shell .content-region a{color: var(--ink-panel);
    text-decoration: none;
    border-bottom: 1px solid rgba(79, 168, 255, 0.4);
    padding-bottom: 1px;}
.offer-shell .content-region a:hover{color: #5CFFE0;
    border-bottom-color: #5CFFE0;}
@media (max-width: 820px) {.offer-shell{
      padding: 56px 18px 64px;
    }.offer-shell .service-grid{
      grid-template-columns: 1fr;
      gap: 32px;
    }.offer-shell .quiet-nav{
      gap: 22px;
    }
  }
.offer-shell{
  background: var(--line-light);
  color: var(--surface-muted);
}
.focused-benefit{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.focused-benefit .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 32px;}
.focused-benefit h2{margin: 0;
    font-size: clamp(1.5rem, 2.4vw, 2.1rem);
    line-height: 1.2;
    letter-spacing: -0.01em;}
.focused-benefit .wide-contact{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
.focused-benefit .simple-figure{display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 28px;
    align-items: start;}
.focused-benefit .open-contact{
    background: var(--paint-page);
    color: var(--ink-page);
    border: 1px solid var(--line-soft);
    border-radius: 10px;
    padding: 24px 26px;
  }
.focused-benefit .open-contact h3{margin: 0 0 10px;
    font-size: 1.05rem;
    line-height: 1.3;}
.focused-benefit .open-contact p{margin: 0;
    font-size: 0.96rem;
    line-height: 1.6;}
.focused-benefit .direct-stack{margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;}
@media (max-width: 720px) {.focused-benefit{
      padding: 56px 18px;
    }.focused-benefit .simple-figure{
      grid-template-columns: 1fr;
      gap: 18px;
    }
  }
.focused-benefit{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.offer-region{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 88px 24px 72px;
  }
.offer-region .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    column-gap: 64px;
    row-gap: 24px;
    align-items: start;}
.offer-region h1{grid-column: 1 / -1;
    margin: 0;
    font-size: clamp(2rem, 4.2vw, 3.1rem);
    line-height: 1.12;
    letter-spacing: -0.01em;
    font-weight: 600;}
.offer-region .wide-contact{margin: 0;
    font-size: 1.12rem;
    line-height: 1.6;}
.offer-region .open-contact{margin: 0;
    font-size: 1rem;
    line-height: 1.65;
    color: var(--tone-light);}
@media (max-width: 820px) {.offer-region{
      padding: 64px 20px 56px;
    }.offer-region .service-grid{
      grid-template-columns: 1fr;
      column-gap: 0;
      row-gap: 20px;
    }
  }
.open-tile{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px 88px;
  }
.open-tile .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 56px;
    align-items: start;}
.open-tile .open-contact h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.2;
    margin: 0 0 18px;
    letter-spacing: -0.01em;}
.open-tile .open-contact p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;}
.open-tile .steady-actions{
    background: var(--paint-page);
    color: var(--ink-page);
    border: 1px solid var(--line-soft);
    border-radius: 14px;
    padding: 28px 26px 26px;
  }
.open-tile .steady-actions .wide-contact{margin: 0 0 22px;
    font-size: 0.98rem;
    line-height: 1.6;}
.open-tile .open-stack{
    display: inline-block;
    background: var(--surface-light);
    color: var(--ink-card);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    letter-spacing: 0.01em;
    padding: 13px 22px;
    border-radius: 8px;
    transition: background 0.18s ease;
  }
.open-tile .open-stack:hover{
    background: var(--tone-warm);color:var(--ink-page);}
.open-tile .content-region{margin: 22px 0 0;
    font-size: 0.86rem;
    line-height: 1.55;}
.open-tile .content-region a{text-decoration: none;
    border-bottom: 1px solid rgba(79, 168, 255, 0.35);}
.open-tile .content-region a:hover{border-bottom-color: var(--ink-panel);}
@media (max-width: 820px) {.open-tile{
      padding: 56px 20px 68px;
    }.open-tile .service-grid{
      grid-template-columns: 1fr;
      gap: 34px;
    }
  }
.open-tile{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.simple-tile{
    --tone-card: #00E5C4;
    --type-extra-51: rgba(0, 229, 196, 0.18);
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.simple-tile .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 48px;}
.simple-tile .wide-contact h2{margin: 0 0 14px;
    font-size: 1.75rem;
    line-height: 1.25;
    letter-spacing: -0.01em;}
.simple-tile .wide-contact p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.6;
    color: var(--tone-light);}
.simple-tile .quiet-nav{display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 48px;}
.simple-tile .fresh-quote h3{margin: 0 0 8px;
    font-size: 1.08rem;
    line-height: 1.35;
    color: var(--tone-card);
    font-weight: 600;}
.simple-tile .fresh-quote p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.62;
    color: var(--surface-muted);}
.simple-tile .content-region{display: grid;
    grid-template-columns: 260px 1fr;
    gap: 28px;
    align-items: center;
    padding-top: 28px;
    border-top: 1px solid var(--type-extra-51);}
.simple-tile .content-region img{display: block;
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 4px;}
.simple-tile .content-region p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.65;
    color: var(--tone-light);}
.simple-tile .content-region a{color: var(--tone-card);
    text-decoration: none;
    border-bottom: 1px solid var(--type-extra-51);
    padding-bottom: 1px;}
.simple-tile .content-region a:hover{border-bottom-color: #5CFFE0;}
@media (max-width: 760px) {.simple-tile{
      padding: 56px 20px;
    }.simple-tile .quiet-nav{
      grid-template-columns: 1fr;
      gap: 26px;
    }.simple-tile .content-region{
      grid-template-columns: 1fr;
      gap: 18px;
    }.simple-tile .content-region img{
      height: 200px;
    }.simple-tile .wide-contact h2{
      font-size: 1.45rem;
    }
  }
.simple-tile{
  background: var(--line-light);
  color: var(--surface-muted);
}
.offer-region{
    background: var(--tone-strong, linear-gradient(135deg, #0A0E13 0%, #10202A 55%, #0A0E13 100%));
    color: #E6ECF2;
    padding: 88px 24px 72px;
  }
.offer-region .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 48px 64px;
    align-items: start;}
.offer-region h1{grid-column: 1 / -1;
    margin: 0;
    font-size: clamp(1.9rem, 3.4vw, 2.9rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    font-weight: 600;}
.offer-region .wide-contact{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
.offer-region .open-contact{
    margin: 0;
    padding: 20px 22px;
    background: var(--paint-page, #121A22);
    color: var(--ink-page, #E6ECF2);
    border: 1px solid var(--line-soft, rgba(0, 229, 196, 0.18));
    border-radius: 10px;
    font-size: 0.95rem;
    line-height: 1.6;
  }
@media (max-width: 760px) {.offer-region{
      padding: 64px 20px 56px;
    }.offer-region .service-grid{
      grid-template-columns: 1fr;
      gap: 28px;
    }
  }
.plain-header{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.plain-header .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 48px 64px;}
.plain-header .wide-contact h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0 0 18px;
    letter-spacing: -0.01em;}
.plain-header .wide-contact p{margin: 0;
    line-height: 1.65;}
.plain-header .contact-feature{display: flex;
    flex-direction: column;
    gap: 28px;}
.plain-header .contact-tile h3{margin: 0 0 8px;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.01em;}
.plain-header .contact-tile p{margin: 0;
    line-height: 1.65;
    opacity: 0.9;}
.plain-header .text-entries{grid-column: 1 / -1;
    margin: 8px 0 0;
    line-height: 1.6;
    font-size: 0.95rem;}
.plain-header .text-entries a{text-decoration: none;
    border-bottom: 1px solid rgba(79, 168, 255, 0.4);}
.plain-header .text-entries a:hover{border-bottom-color: var(--surface-strong);}
@media (max-width: 820px) {.plain-header{
      padding: 56px 20px;
    }.plain-header .service-grid{
      grid-template-columns: 1fr;
      gap: 36px;
    }.plain-header .wide-contact h2{
      font-size: 1.45rem;
    }
  }
.content-brand{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.content-brand .service-grid{max-width: 1080px;
    margin: 0 auto;}
.content-brand h2{font-size: 1.7rem;
    line-height: 1.25;
    margin: 0 0 20px;
    letter-spacing: -0.01em;}
.content-brand .wide-contact{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0 0 40px;
    color: var(--tone-light, #9AA7B4);}
.content-brand .simple-figure{list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 28px;}
.content-brand .simple-figure li{padding-left: 18px;
    border-left: 2px solid rgba(0, 229, 196, 0.35);}
.content-brand .simple-figure h3{font-size: 1.05rem;
    margin: 0 0 8px;
    font-weight: 600;
    letter-spacing: 0.005em;}
.content-brand .simple-figure p{margin: 0;
    font-size: 0.96rem;
    line-height: 1.62;
    color: var(--tone-light, #9AA7B4);}
@media (max-width: 640px) {.content-brand{ padding: 48px 18px; }.content-brand h2{ font-size: 1.4rem; }.content-brand .simple-figure{ gap: 22px; }
  }
.content-brand{
  background: var(--line-light);
  color: var(--surface-muted);
}
.media-story{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 56px 20px 72px;
  }
.media-story .service-grid{max-width: 760px;
    margin: 0 auto;}
.media-story .fresh-quote{display: block;}
.media-story .local-story{margin: 0 0 14px;
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;}
.media-story h1{margin: 0 0 18px;
    font-size: clamp(1.7rem, 3.4vw, 2.35rem);
    line-height: 1.2;
    font-weight: 600;}
.media-story .wide-contact{margin: 0 0 28px;
    font-size: 1.05rem;
    line-height: 1.6;}
.media-story .compact-unit{margin: 0 0 30px;}
.media-story .compact-unit img{display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;}
.media-story .narrow-shell p{margin: 0 0 18px;
    line-height: 1.7;}
.media-story .narrow-shell p:last-child{margin-bottom: 0;}
.media-story .bottom-header{margin: 34px 0 0;
    line-height: 1.6;}
.media-story .bottom-header a{text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.4);
    padding-bottom: 1px;}
.media-story .bottom-header a:hover{border-bottom-color: #5CFFE0;}
@media (max-width: 560px) {.media-story{
      padding: 40px 16px 56px;
    }.media-story .wide-contact{
      font-size: 1rem;
    }
  }
.media-story{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.content-brand{
    --paint-clear: #00E5C4;
    --tone-extra-14: #9AA7B4;
    background: var(--line-light, #0A0E13);
    color: var(--surface-muted, #E6ECF2);
    padding: 72px 24px;
  }
.content-brand .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 40px;}
.content-brand .wide-contact h2{font-size: clamp(1.6rem, 2.4vw, 2.2rem);
    line-height: 1.2;
    margin: 0 0 16px;
    letter-spacing: -0.01em;}
.content-brand .wide-contact p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;}
.content-brand .simple-figure{display: grid;
    gap: 28px;
    grid-template-columns: repeat(2, minmax(0, 1fr));}
.content-brand .open-contact h3{font-size: 1.05rem;
    margin: 0 0 10px;
    letter-spacing: 0.005em;}
.content-brand .open-contact h3::before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 10px;
    vertical-align: middle;
    background: var(--paint-clear);
    border-radius: 1px;color:var(--ink-page);}
.content-brand .open-contact p{margin: 0;
    font-size: 0.96rem;
    line-height: 1.6;
    color: var(--tone-extra-14);}
.content-brand .direct-stack{margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;
    padding-top: 8px;}
@media (max-width: 720px) {.content-brand{
      padding: 56px 20px;
    }.content-brand .simple-figure{
      grid-template-columns: 1fr;
      gap: 24px;
    }
  }
.compact-steps{
    --gutter-tight: 2.4rem;
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 5rem 1.5rem;
  }
.compact-steps .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    column-gap: 4rem;
    row-gap: var(--gutter-tight);
    align-items: start;}
.compact-steps .focused-items{grid-column: 1;}
.compact-steps .focused-items h2{margin: 0 0 1.1rem;
    font-size: 1.55rem;
    line-height: 1.3;
    letter-spacing: 0.01em;}
.compact-steps .focused-items p{margin: 0;
    font-size: 1rem;
    line-height: 1.65;}
.compact-steps .clear-section{grid-column: 2;
    display: flex;
    flex-direction: column;
    gap: 2rem;}
.compact-steps .page-tile h3{margin: 0 0 0.6rem;
    font-size: 1.08rem;
    line-height: 1.4;}
.compact-steps .page-tile p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;}
.compact-steps .direct-stack{grid-column: 1 / -1;
    margin: 0;
    padding-top: 1.6rem;
    border-top: 1px solid rgba(0, 229, 196, 0.18);
    font-size: 0.98rem;
    line-height: 1.7;}
@media (max-width: 780px) {.compact-steps{
      padding: 3.4rem 1.2rem;
    }.compact-steps .service-grid{
      grid-template-columns: minmax(0, 1fr);
      column-gap: 0;
      row-gap: 2rem;
    }.compact-steps .focused-items,
    .compact-steps .clear-section{
      grid-column: 1;
    }.compact-steps .focused-items h2{
      font-size: 1.35rem;
    }
  }
.compact-steps{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.featured-form{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px 88px;
  }
.featured-form .service-grid{max-width: 1080px;
    margin: 0 auto;}
.featured-form .focused-items{display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    gap: 48px 64px;
    align-items: start;}
.featured-form h2{font-size: 1.6rem;
    line-height: 1.25;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.01em;}
.featured-form p{margin: 0 0 18px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--surface-muted);}
.featured-form p:last-child{margin-bottom: 0;}
.featured-form a{color: #00E5C4;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.4);
    padding-bottom: 1px;}
.featured-form a:hover{border-bottom-color: #5CFFE0;}
@media (max-width: 820px) {.featured-form{
      padding: 56px 20px 64px;
    }.featured-form .focused-items{
      grid-template-columns: 1fr;
      gap: 24px;
    }.featured-form h2{
      font-size: 1.35rem;
    }
  }
.featured-form{
  background: var(--line-light);
  color: var(--surface-muted);
}
.media-story{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 20px 88px;
  }
.media-story .service-grid{max-width: 1080px;
    margin: 0 auto;}
.media-story .fresh-quote{display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    grid-template-areas:
      "head head"
      "shot copy"
      "route route";
    gap: 32px 48px;
    align-items: start;}
.media-story .top-media{grid-area: head;}
.media-story .offer-body{margin: 0 0 14px;
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;}
.media-story h1{margin: 0 0 18px;
    font-size: clamp(1.7rem, 3.4vw, 2.5rem);
    line-height: 1.18;
    font-weight: 600;}
.media-story .wide-contact{margin: 0;
    font-size: 1.05rem;
    line-height: 1.6;}
.media-story .team-menu{
    grid-area: shot;
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
    background: var(--paint-page);color:var(--ink-page);}
.media-story .team-menu img{display: block;
    width: 100%;
    height: auto;}
.media-story .narrow-shell{grid-area: copy;}
.media-story .narrow-shell p{margin: 0 0 18px;
    font-size: 1rem;
    line-height: 1.7;}
.media-story .narrow-shell p:last-child{margin-bottom: 0;}
.media-story .content-region{grid-area: route;
    margin-top: 12px;
    padding-top: 22px;
    border-top: 1px solid var(--line-soft, rgba(0, 229, 196, 0.18));}
.media-story .content-region p{margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;}
.media-story .content-region a{text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.35);
    padding-bottom: 1px;}
.media-story .content-region a:hover{border-bottom-color: #00E5C4;}
@media (max-width: 760px) {.media-story{
      padding: 48px 16px 64px;
    }.media-story .fresh-quote{
      grid-template-columns: 1fr;
      grid-template-areas:
        "head"
        "shot"
        "copy"
        "route";
      gap: 24px;
    }
  }
.content-brand{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.content-brand .service-grid{max-width: 1080px;
    margin: 0 auto;}
.content-brand h2{font-size: clamp(1.6rem, 2.6vw, 2.1rem);
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: -0.01em;}
.content-brand .wide-contact{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 48px;
    color: var(--tone-light);}
.content-brand .contact-feature{display: flex;
    flex-direction: column;
    gap: 40px;}
.content-brand .fresh-quote h3{font-size: 1.15rem;
    line-height: 1.35;
    margin: 0 0 12px;
    color: #00E5C4;
    font-weight: 600;}
.content-brand .fresh-quote p{font-size: 1rem;
    line-height: 1.7;
    margin: 0;
    color: var(--surface-muted);}
@media (max-width: 640px) {.content-brand{
      padding: 48px 18px;
    }.content-brand .wide-contact{
      margin-bottom: 32px;
    }.content-brand .contact-feature{
      gap: 28px;
    }
  }
.compact-steps{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 4.5rem 1.5rem;
  }
.compact-steps .service-grid{max-width: 1080px;
    margin: 0 auto;}
.compact-steps h2{font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    line-height: 1.2;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;}
.compact-steps .wide-contact{font-size: 1.05rem;
    line-height: 1.6;
    margin: 0 0 2.75rem;}
.compact-steps .primary-intro{display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem 2.5rem;
    align-items: start;}
.compact-steps .fresh-quote h3{font-size: 1.15rem;
    margin: 0 0 0.35rem;
    letter-spacing: 0.01em;}
.compact-steps .fresh-quote .wide-list{font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #00E5C4;
    margin: 0 0 0.85rem;}
.compact-steps .fresh-quote .open-contact{font-size: 0.98rem;
    line-height: 1.6;
    margin: 0;}
.compact-steps .direct-stack{margin: 3rem 0 0;
    font-size: 1rem;
    line-height: 1.6;}
@media (max-width: 820px) {.compact-steps .primary-intro{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }
  }
.featured-form{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 4.5rem 1.5rem 5rem;
  }
.featured-form .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(200px, 260px) 1fr;
    gap: 3rem 4rem;
    align-items: start;}
.featured-form .direct-section h2{margin: 0 0 0.6rem;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.01em;}
.featured-form .wide-list{margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
    color: var(--tone-light, #9AA7B4);}
.featured-form .quiet-list p{margin: 0 0 1.1rem;
    font-size: 1rem;
    line-height: 1.7;}
.featured-form .quiet-list p:last-child{margin-bottom: 0;}
.featured-form .visual-headline{margin-top: 1.6rem;
    font-size: 1rem;
    line-height: 1.6;}
.featured-form .visual-headline a{color: #00E5C4;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.35);
    padding-bottom: 1px;}
.featured-form .visual-headline a:hover{border-bottom-color: #00E5C4;}
.featured-form .fresh-media{margin: 0 0.6rem;
    color: var(--tone-light, #9AA7B4);}
.featured-form .soft-flow{margin: 0.4rem 0 0;
    font-size: 0.92rem;
    color: var(--tone-light, #9AA7B4);}
@media (max-width: 720px) {.featured-form{
      padding: 3.2rem 1.25rem 3.6rem;
    }.featured-form .service-grid{
      grid-template-columns: 1fr;
      gap: 1.6rem;
    }
  }
.media-story{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 64px 20px 72px;
  }
.media-story .service-grid{max-width: 760px;
    margin: 0 auto;}
.media-story .wide-contact{margin-bottom: 32px;}
.media-story .local-story{font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 0 0 12px;}
.media-story h1{font-size: clamp(1.7rem, 3.4vw, 2.4rem);
    line-height: 1.2;
    margin: 0 0 16px;}
.media-story .focused-items{font-size: 1.05rem;
    line-height: 1.6;
    margin: 0;}
.media-story .compact-unit{margin: 0 0 36px;}
.media-story .compact-unit img{display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;}
.media-story .box p{font-size: 1rem;
    line-height: 1.75;
    margin: 0 0 20px;}
.media-story .bottom-header{margin: 28px 0 0;
    font-size: 0.98rem;
    line-height: 1.6;}
.media-story .bottom-header a{text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.4);}
.media-story .bottom-header a:hover{border-bottom-color: #5CFFE0;}
@media (max-width: 600px) {.media-story{
      padding: 44px 16px 56px;
    }.media-story .compact-unit{
      margin-bottom: 28px;
    }
  }
.content-brand{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.content-brand .service-grid{max-width: 1080px;
    margin: 0 auto;}
.content-brand h2{font-size: clamp(1.6rem, 2.4vw, 2.2rem);
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: -0.01em;}
.content-brand .wide-contact{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 40px;
    color: var(--tone-light);}
.content-brand .simple-figure{list-style: none;
    margin: 0 0 36px;
    padding: 0;
    display: grid;
    gap: 28px;}
.content-brand .simple-figure li{padding: 0 0 24px;
    border-bottom: 1px solid rgba(0, 229, 196, 0.14);}
.content-brand .simple-figure li:last-child{border-bottom: none;
    padding-bottom: 0;}
.content-brand .simple-figure h3{font-size: 1.1rem;
    line-height: 1.35;
    margin: 0 0 10px;
    font-weight: 600;}
.content-brand .simple-figure p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;
    color: var(--tone-light);}
.content-brand .direct-stack{margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--surface-muted);}
@media (min-width: 860px) {.content-brand{
      padding: 96px 40px;
    }.content-brand .simple-figure{
      grid-template-columns: 1fr 1fr;
      gap: 32px 48px;
    }.content-brand .simple-figure li{
      padding-bottom: 0;
      border-bottom: none;
    }
  }
.compact-steps{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px 80px;
  }
.compact-steps .service-grid{max-width: 1080px;
    margin: 0 auto;}
.compact-steps .wide-contact{max-width: 720px;
    margin-bottom: 48px;}
.compact-steps .wide-contact h2{font-size: 1.9rem;
    line-height: 1.25;
    margin: 0 0 18px;
    letter-spacing: -0.01em;}
.compact-steps .wide-contact p{font-size: 1.02rem;
    line-height: 1.7;
    margin: 0;}
.compact-steps .primary-intro{display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px 36px;}
.compact-steps .fresh-quote{
    background: var(--paint-page);
    color: var(--ink-page);
    border: 1px solid var(--line-soft);
    border-radius: 10px;
    padding: 26px 24px 24px;
  }
.compact-steps .fresh-quote h3{font-size: 1.12rem;
    margin: 0 0 6px;
    letter-spacing: 0.01em;}
.compact-steps .wide-list{font-size: 0.86rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 16px;}
.compact-steps .fresh-quote p{font-size: 0.95rem;
    line-height: 1.65;
    margin: 0 0 14px;}
.compact-steps .fresh-quote .steady-form{margin: 0;
    font-size: 0.86rem;}
.compact-steps .direct-stack{margin: 48px 0 0;
    font-size: 1rem;
    line-height: 1.7;
    max-width: 760px;}
@media (max-width: 900px) {.compact-steps .primary-intro{
      grid-template-columns: 1fr;
      gap: 24px;
    }
  }
@media (max-width: 560px) {.compact-steps{
      padding: 52px 18px 60px;
    }.compact-steps .wide-contact h2{
      font-size: 1.5rem;
    }
  }
.featured-form{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.featured-form .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
    gap: 48px;
    align-items: start;}
.featured-form .focused-shell img{display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    border: 1px solid var(--line-soft, rgba(0, 229, 196, 0.18));}
.featured-form .secondary-footer h2{margin: 0 0 6px;
    font-size: 1.6rem;
    letter-spacing: 0.01em;}
.featured-form .fresh-form{margin: 0 0 22px;
    font-size: 0.95rem;
    color: var(--tone-light, #9AA7B4);}
.featured-form .social{margin: 0 0 16px;
    font-size: 1rem;
    line-height: 1.65;}
.featured-form .top-visual{list-style: none;
    margin: 28px 0 0;
    padding: 0;}
.featured-form .top-visual li{display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 16px;
    padding: 10px 0;
    font-size: 0.95rem;
    border-top: 1px solid rgba(154, 167, 180, 0.18);}
.featured-form .top-visual li:last-child{border-bottom: 1px solid rgba(154, 167, 180, 0.18);}
.featured-form .top-visual span{color: var(--tone-light, #9AA7B4);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding-top: 2px;}
.featured-form .top-visual a{color: #00E5C4;
    text-decoration: none;}
.featured-form .top-visual a:hover{text-decoration: underline;}
@media (max-width: 760px) {.featured-form{
      padding: 48px 18px;
    }.featured-form .service-grid{
      grid-template-columns: 1fr;
      gap: 28px;
    }.featured-form .focused-shell img{
      max-width: 320px;
    }.featured-form .top-visual li{
      grid-template-columns: 1fr;
      gap: 4px;
    }
  }
.offer-region{
    background: linear-gradient(135deg, #0A0E13 0%, #10202A 55%, #0A0E13 100%);
    color: #E6ECF2;
    padding: 96px 24px 72px;
  }
.offer-region .service-grid{max-width: 1080px;
    margin: 0 auto;}
.offer-region h1{font-size: clamp(1.9rem, 3.6vw, 3rem);
    line-height: 1.15;
    margin: 0 0 24px;
    letter-spacing: -0.01em;}
.offer-region .wide-contact{font-size: clamp(1rem, 1.4vw, 1.125rem);
    line-height: 1.65;
    margin: 0 0 20px;
    opacity: 0.92;}
.offer-region .open-contact{font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
    color: var(--tone-light, #9AA7B4);}
@media (max-width: 640px) {.offer-region{
      padding: 64px 20px 48px;
    }
  }
.content-track{
    background: var(--line-light, #0A0E13);
    color: var(--surface-muted, #E6ECF2);
    padding: 72px 24px 88px;
  }
.content-track .service-grid{max-width: 720px;
    margin: 0 auto;}
.content-track .focused-items h1{font-size: 2rem;
    line-height: 1.2;
    margin: 0 0 16px;
    letter-spacing: -0.01em;}
.content-track .focused-items p{margin: 0 0 40px;
    font-size: 1.02rem;
    line-height: 1.65;}
.content-track .direct-contact{display: flex;
    flex-direction: column;
    gap: 22px;}
.content-track .primary-list{display: flex;
    flex-direction: column;
    gap: 8px;}
.content-track .primary-list label{font-size: 0.92rem;
    letter-spacing: 0.01em;}
.content-track .primary-list input,
  .content-track .primary-list textarea,
  .content-track .primary-list select{
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    font-size: 0.98rem;
    color: var(--surface-muted, #E6ECF2);
    background: var(--paint-page, #121A22);
    border: 1px solid var(--line-soft, rgba(0, 229, 196, 0.18));
    border-radius: 6px;
    outline: none;
    transition: border-color 0.15s ease;
  }
.content-track .primary-list input::placeholder,
  .content-track .primary-list textarea::placeholder{}
.content-track .primary-list input:focus,
  .content-track .primary-list textarea:focus,
  .content-track .primary-list select:focus{border-color: #00E5C4;}
.content-track .primary-list textarea{resize: vertical;
    min-height: 120px;
    line-height: 1.55;}
.content-track .fresh-section{
    align-self: flex-start;
    padding: 13px 30px;
    font-size: 0.98rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #04121A;
    background: #00E5C4;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s ease;
  }
.content-track .fresh-section:hover{
    background: #5CFFE0;color:var(--ink-page);}
.content-track .open-contact{margin: 4px 0 0;
    font-size: 0.88rem;
    line-height: 1.6;}
@media (max-width: 560px) {.content-track{
      padding: 48px 18px 64px;
    }.content-track .focused-items h1{
      font-size: 1.55rem;
    }.content-track .fresh-section{
      align-self: stretch;
      text-align: center;
    }
  }
.content-track{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.site-content{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.site-content .service-grid{max-width: 760px;
    margin: 0 auto;}
.site-content h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0 0 16px;
    letter-spacing: 0.01em;}
.site-content .wide-contact{margin: 0 0 36px;
    font-size: 1rem;
    line-height: 1.65;
    color: var(--tone-light);}
.site-content .contact-feature{display: flex;
    flex-direction: column;
    gap: 0;}
.site-content .strong-note{display: grid;
    grid-template-columns: 140px 1fr;
    gap: 20px;
    padding: 16px 0;
    border-top: 1px solid rgba(0, 229, 196, 0.14);
    align-items: baseline;}
.site-content .strong-note:last-child{border-bottom: 1px solid rgba(0, 229, 196, 0.14);}
.site-content .primary-rail{font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #00E5C4;}
.site-content .soft-tile{font-size: 1rem;
    line-height: 1.55;}
.site-content .soft-tile a{color: var(--surface-muted);
    text-decoration: none;
    border-bottom: 1px solid rgba(79, 168, 255, 0.5);
    padding-bottom: 1px;}
.site-content .soft-tile a:hover{color: var(--ink-panel, #4FA8FF);
    border-bottom-color: var(--ink-panel, #4FA8FF);}
.site-content .open-contact{margin: 32px 0 0;
    font-size: 0.95rem;
    line-height: 1.65;
    color: var(--tone-light);}
@media (max-width: 560px) {.site-content{
      padding: 56px 20px;
    }.site-content .strong-note{
      grid-template-columns: 1fr;
      gap: 6px;
    }
  }
.site-intro{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 88px 24px;
  }
.site-intro .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 64px;
    align-items: start;}
.site-intro .focused-items h2{margin: 0 0 20px;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.2;
    letter-spacing: -0.01em;
    font-weight: 600;}
.site-intro .focused-items p{margin: 0 0 16px;
    font-size: 1rem;
    line-height: 1.65;}
.site-intro .focused-frame{display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 6px;}
.site-intro .strong-note{display: flex;
    flex-direction: column;
    gap: 6px;}
.site-intro .primary-rail{font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;}
.site-intro .soft-tile{font-size: 0.98rem;
    line-height: 1.6;}
.site-intro .soft-tile a{text-decoration: none;
    border-bottom: 1px solid rgba(79, 168, 255, 0.4);
    padding-bottom: 1px;}
.site-intro .soft-tile a:hover{border-bottom-color: rgba(92, 255, 224, 0.6);}
@media (max-width: 760px) {.site-intro{
      padding: 64px 20px;
    }.site-intro .service-grid{
      grid-template-columns: 1fr;
      gap: 40px;
    }
  }
.site-intro{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.site-content{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px;
  }
.site-content .service-grid{max-width: 820px;
    margin: 0 auto;}
.site-content h2{font-size: 1.6rem;
    line-height: 1.25;
    margin: 0 0 18px;
    letter-spacing: 0.01em;}
.site-content .wide-contact{margin: 0 0 40px;
    font-size: 1.02rem;
    line-height: 1.65;
    color: #9AA7B4;}
.site-content .soft-surface{display: flex;
    flex-direction: column;
    gap: 26px;
    margin-bottom: 40px;}
.site-content .strong-panel h3{margin: 0 0 6px;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #00E5C4;
    font-weight: 600;}
.site-content .strong-panel p{margin: 0;
    font-size: 1.05rem;
    line-height: 1.55;}
.site-content .strong-panel a{color: #4FA8FF;
    text-decoration: none;
    border-bottom: 1px solid rgba(79, 168, 255, 0.35);
    padding-bottom: 1px;}
.site-content .strong-panel a:hover{color: #8CC6FF;
    border-bottom-color: #8CC6FF;}
.site-content .service-brand{margin-bottom: 36px;}
.site-content .service-brand h3{margin: 0 0 8px;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #00E5C4;
    font-weight: 600;}
.site-content .service-brand p{margin: 0;
    font-size: 1rem;
    line-height: 1.65;}
.site-content .open-contact{margin: 0;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #9AA7B4;}
@media (min-width: 720px) {.site-content{
      padding: 96px 32px;
    }.site-content .soft-surface{
      flex-direction: row;
      gap: 48px;
    }.site-content .strong-panel{
      flex: 1 1 0;
    }
  }
.page-block{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 20px 88px;
  }
.page-block .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    gap: 48px 64px;
    align-items: start;}
.page-block .focused-items h1{margin: 0 0 16px;
    font-size: clamp(1.8rem, 3.4vw, 2.5rem);
    line-height: 1.15;
    letter-spacing: -0.01em;}
.page-block .focused-items .wide-contact{margin: 0;
    font-size: 1.02rem;
    line-height: 1.6;}
.page-block .box{display: flex;
    flex-direction: column;
    gap: 32px;}
.page-block .fresh-quote h2{margin: 0 0 10px;
    font-size: 1.15rem;
    line-height: 1.3;}
.page-block .fresh-quote p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;}
.page-block .fresh-quote a{text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.35);}
.page-block .fresh-quote a:hover{border-bottom-color: #00E5C4;}
@media (max-width: 820px) {.page-block{
      padding: 56px 18px 64px;
    }.page-block .service-grid{
      grid-template-columns: 1fr;
      gap: 36px;
    }.page-block .box{
      gap: 28px;
    }
  }
.page-block{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.public-frame{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px 88px;
  }
.public-frame .service-grid{max-width: 940px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;}
.public-frame .focused-items h1{font-size: clamp(1.9rem, 3.4vw, 2.6rem);
    line-height: 1.2;
    margin: 0 0 18px;
    letter-spacing: -0.01em;}
.public-frame .wide-contact{font-size: 1.05rem;
    line-height: 1.7;
    color: var(--tone-light);
    margin: 0;}
.public-frame .simple-figure{display: flex;
    flex-direction: column;
    gap: 28px;}
.public-frame .open-contact{
    background: var(--paint-page);
    color: var(--ink-page);
    border: 1px solid var(--line-soft);
    border-radius: 12px;
    padding: 26px 28px;
  }
.public-frame .open-contact h2{font-size: 1.15rem;
    margin: 0 0 12px;
    letter-spacing: 0.01em;}
.public-frame .open-contact p{margin: 0;
    line-height: 1.72;
    color: var(--tone-light);}
.public-frame .page-headline{font-size: 0.95rem;
    line-height: 1.7;
    color: var(--tone-light);
    margin: 0;}
.public-frame .page-headline a{color: #00E5C4;
    text-decoration: none;}
.public-frame .page-headline a:hover{text-decoration: underline;}
@media (max-width: 640px) {.public-frame{
      padding: 52px 18px 64px;
    }.public-frame .open-contact{
      padding: 22px 20px;
    }
  }
.public-frame{
  background: var(--line-light);
  color: var(--surface-muted);
}
.offer-region{
    --type-body: rgba(0, 229, 196, 0.18);
    background: var(--line-light, #0A0E13);
    color: var(--surface-muted, #E6ECF2);
    padding: 88px 24px 72px;
  }
.offer-region .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    column-gap: 64px;
    row-gap: 28px;
    align-items: start;}
.offer-region h1{grid-column: 1 / -1;
    margin: 0;
    font-size: clamp(1.9rem, 3.4vw, 2.9rem);
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -0.01em;}
.offer-region .wide-contact{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
.offer-region .open-contact{margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--tone-light, #9AA7B4);}
.offer-region .open-contact a{color: #00E5C4;
    text-decoration: none;
    border-bottom: 1px solid var(--type-body);
    padding-bottom: 1px;}
.offer-region .open-contact a:hover{}
@media (max-width: 820px) {.offer-region{
      padding: 64px 20px 56px;
    }.offer-region .service-grid{
      grid-template-columns: 1fr;
      column-gap: 0;
      row-gap: 22px;
    }
  }
.main-shell{
    background: var(--line-light, #0A0E13);
    color: var(--surface-muted, #E6ECF2);
    padding: 96px 24px 112px;
  }
.main-shell .service-grid{max-width: 1080px;
    margin: 0 auto;}
.main-shell .box{display: grid;
    gap: 28px;}
.main-shell h1{font-size: clamp(1.9rem, 3.4vw, 2.7rem);
    line-height: 1.15;
    margin: 0;
    letter-spacing: -0.01em;}
.main-shell .wide-contact{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;color:inherit;}
.main-shell .open-contact{margin: 0;
    font-size: 0.98rem;
    line-height: 1.65;color:inherit;}
.main-shell .compact-summary{list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: grid;
    gap: 0;}
.main-shell .compact-summary li{display: grid;
    grid-template-columns: 64px 1fr;
    gap: 20px;
    padding: 22px 0;
    border-top: 1px solid rgba(0, 229, 196, 0.14);}
.main-shell .compact-summary li:last-child{border-bottom: 1px solid rgba(0, 229, 196, 0.14);}
.main-shell .quiet-panel{font-size: 0.85rem;
    letter-spacing: 0.14em;color:inherit;
    padding-top: 4px;}
.main-shell .compact-summary h3{margin: 0 0 6px;
    font-size: 1.02rem;
    font-weight: 600;}
.main-shell .compact-summary p{margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;color:inherit;}
.main-shell .public-details{
    background: #121A22;
    color: #E6ECF2;
    border: 1px solid rgba(0, 229, 196, 0.18);
    border-radius: 10px;
    padding: 22px 24px;
    display: grid;
    gap: 8px;
  }
.main-shell .public-details p{margin: 0;
    font-size: 0.95rem;
    line-height: 1.55;}
.main-shell .visual-headline{font-size: 1rem;}
.main-shell .visual-headline a{color:inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(79, 168, 255, 0.4);}
.main-shell .visual-headline a:hover{color:inherit;}
.main-shell .fresh-media{color:inherit;
    margin: 0 8px;}
.main-shell .soft-flow{color:inherit;
    font-size: 0.9rem;}
.main-shell .content-region{margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;color:inherit;}
.main-shell .content-region a{color:inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 229, 196, 0.4);}
.main-shell .content-region a:hover{color:inherit;}
@media (max-width: 640px) {.main-shell{
      padding: 64px 18px 80px;
    }.main-shell .compact-summary li{
      grid-template-columns: 44px 1fr;
      gap: 14px;
    }
  }
.main-shell{
  background: var(--surface-deep);
  color: var(--line-clear);
}
.open-tile{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 72px 24px 88px;
  }
.open-tile .service-grid{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 40px;}
.open-tile .wide-contact h2{margin: 0 0 14px;
    font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.2;
    letter-spacing: -0.01em;}
.open-tile .wide-contact p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
    color: var(--tone-light);}
.open-tile .contact-feature{display: grid;
    gap: 28px;}
.open-tile .strong-note h3{margin: 0 0 8px;
    font-size: 1.05rem;
    letter-spacing: 0.01em;}
.open-tile .strong-note p{margin: 0;
    line-height: 1.6;
    color: var(--tone-light);}
.open-tile .steady-actions{display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px 28px;
    padding-top: 8px;}
.open-tile .service-view{
    display: inline-block;
    background: var(--surface-light);
    color: var(--ink-card);
    padding: 14px 26px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: background 0.2s ease;
  }
.open-tile .service-view:hover{
    background: var(--tone-warm, #5CFFE0);color:var(--ink-page);}
.open-tile .content-region{margin: 0;
    font-size: 0.95rem;
    color: var(--tone-light);}
.open-tile .content-region a{color: var(--ink-panel);
    text-decoration: none;
    border-bottom: 1px solid rgba(79, 168, 255, 0.35);
    padding-bottom: 1px;}
.open-tile .content-region a:hover{border-bottom-color: var(--ink-panel);}
@media (min-width: 780px) {.open-tile .contact-feature{
      grid-template-columns: 1fr 1fr;
      gap: 40px;
    }
  }
.404{
    background: var(--line-light);
    color: var(--surface-muted);
    padding: 96px 24px 112px;
  }
.404 .service-grid{
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 72px;
    row-gap: 28px;
    align-items: start;
  }
.404 .contact-area{
    grid-column: 1 / -1;
    margin: 0;
    font-size: 13px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #00E5C4;
  }
.404 h1{
    grid-column: 1 / -1;
    margin: 0;
    font-size: clamp(30px, 4.2vw, 52px);
    line-height: 1.08;
    font-weight: 600;
    letter-spacing: -0.01em;
  }
.404 .wide-contact{
    grid-column: 1 / 2;
    margin: 0;
    font-size: 17px;
    line-height: 1.65;
    color: var(--surface-muted);
  }
.404 .open-contact{
    grid-column: 2 / 3;
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: var(--tone-light, #9AA7B4);
  }
.404 .content-region{
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin-top: 12px;
    padding-top: 24px;
    border-top: 1px solid rgba(0, 229, 196, 0.18);
  }
.404 .content-region a{
    display: inline-block;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 15px;
    text-decoration: none;
    color: #04121A;
    background: #00E5C4;
    transition: background 0.18s ease;
  }
.404 .content-region a:nth-child(2),
  .404 .content-region a:nth-child(3){
    background: transparent;
    color: var(--surface-muted);
    border: 1px solid rgba(0, 229, 196, 0.32);
  }
.404 .content-region a:hover{
    background: #5CFFE0;
    color: #04121A;
  }
.404 .content-region a:nth-child(2):hover,
  .404 .content-region a:nth-child(3):hover{
    border-color: var(--line-page, #4FA8FF);
    color: var(--line-page, #4FA8FF);
    background: transparent;
  }
.404 .text-entries{
    grid-column: 1 / -1;
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: var(--tone-light, #9AA7B4);
  }
.404 .text-entries a{
    color: var(--line-page, #4FA8FF);
    text-decoration: none;
  }
.404 .text-entries a:hover{
    text-decoration: underline;
  }
@media (max-width: 760px) {.404{
      padding: 64px 20px 80px;
    }.404 .service-grid{
      grid-template-columns: 1fr;
      column-gap: 0;
      row-gap: 22px;
    }.404 .wide-contact,
    .404 .open-contact{
      grid-column: 1 / -1;
    }.404 .content-region{
      flex-direction: column;
      align-items: stretch;
    }.404 .content-region a{
      text-align: center;
    }
  }
.404{
  background: var(--line-light);
  color: var(--surface-muted);
}