
@utility scrollbar-thin {
  scrollbar-width: thin;
}

@utility scrollbar-none {
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

@utility scrollbar-gutter-stable {
  scrollbar-gutter: stable;
}

:root {
  --background: #ffffff;
  --foreground: #171717;
  --card: #ffffff;
  --card-foreground: #171717;
  --popover: #ffffff;
  --popover-foreground: #171717;
  --primary: #171717;
  --primary-foreground: #fafafa;
  --secondary: #f5f5f5;
  --secondary-foreground: #171717;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --accent: #f5f5f5;
  --accent-foreground: #171717;
  --destructive: #e7000b;
  --border: #e5e5e5;
  --input: #e5e5e5;
  --ring: #a1a1a1;
  --chart-1: #f54900;
  --chart-2: #009689;
  --chart-3: #104e64;
  --chart-4: #ffb900;
  --chart-5: #fe9a00;
  --radius: 0.625rem;
  --sidebar: #fafafa;
  --sidebar-foreground: #171717;
  --sidebar-primary: #171717;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e5e5e5;
  --sidebar-ring: #a1a1a1;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --font-sans: Arial, Helvetica, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
    --card: #171717;
    --card-foreground: #ededed;
    --popover: #171717;
    --popover-foreground: #ededed;
    --primary: #ededed;
    --primary-foreground: #171717;
    --secondary: #262626;
    --secondary-foreground: #ededed;
    --muted: #262626;
    --muted-foreground: #a1a1a1;
    --accent: #262626;
    --accent-foreground: #ededed;
    --destructive: #ff6467;
    --border: #ffffff1a;
    --input: #ffffff26;
    --ring: #737373;
    --chart-1: #8e51ff;
    --chart-2: #00bc7d;
    --chart-3: #fe9a00;
    --chart-4: #ad46ff;
    --chart-5: #ff2056;
    --sidebar: #171717;
    --sidebar-foreground: #ededed;
    --sidebar-primary: #8e51ff;
    --sidebar-primary-foreground: #ededed;
    --sidebar-accent: #262626;
    --sidebar-accent-foreground: #ededed;
    --sidebar-border: #ffffff1a;
    --sidebar-ring: #737373;
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

/* 10Tech full-site extensions */
:root {
  --background: #f7f6f1;
  --foreground: #11110f;
  --card: #ffffff;
  --card-foreground: #11110f;
  --popover: #0c0c0c;
  --popover-foreground: #ffffff;
  --primary: #ffc400;
  --primary-foreground: #050505;
  --secondary: #efede5;
  --secondary-foreground: #11110f;
  --muted: #efede5;
  --muted-foreground: #5b5b55;
  --accent: #ffc400;
  --accent-foreground: #050505;
  --border: rgba(5,5,5,.16);
  --input: rgba(5,5,5,.2);
  --ring: #ffc400;
}
body { color: var(--ink); background: var(--warm-white); font-family: var(--font-sans); }
main { overflow: clip; }
.site-header { background: rgba(5,5,5,.9); border-color: var(--line-dark); backdrop-filter: blur(18px); }
.desktop-nav a, .site-header { color: var(--white); }
.menu-toggle { align-items: center; justify-content: center; }
.menu-toggle svg { width: 1.3rem; }
.mega-menu .mega-all { gap: .7rem; }
.mega-menu > div { min-width: 0; }
.mega-menu > div a { line-height: 1.35; }
.mega-menu { left: -8rem; }
.mobile-sheet { width: min(92vw, 30rem)!important; max-width: none!important; gap: 0!important; border-left: 1px solid var(--line-dark)!important; color: var(--white)!important; background: #090909!important; }
.mobile-sheet [data-slot="sheet-header"] { padding: 1.5rem!important; border-bottom: 1px solid var(--line-dark); }
.mobile-sheet [data-slot="sheet-title"] img { width: 10.5rem; }
.mobile-sheet [data-slot="sheet-description"] { color: rgba(255,255,255,.5); }
.mobile-sheet [data-slot="sheet-content"] { color: var(--white); }
.mobile-sheet button[data-slot="dialog-close"], .mobile-sheet > button { color: var(--white); }
.mobile-sheet-nav { display: grid; padding: 1rem 1.5rem; }
.mobile-sheet-nav a { display: grid; grid-template-columns: 2.2rem 1fr auto; align-items: center; gap: .7rem; padding: .95rem 0; border-bottom: 1px solid var(--line-dark); color: var(--white); font-size: 1.2rem; font-weight: 720; text-decoration: none; }
.mobile-sheet-nav a span { color: var(--yellow); font-family: var(--font-mono); font-size: .65rem; }
.mobile-sheet-contact { display: grid; gap: .75rem; margin-top: auto; padding: 1.5rem; border-top: 1px solid var(--line-dark); }
.mobile-sheet-contact a { display: flex; align-items: center; gap: .7rem; color: rgba(255,255,255,.72); font-size: .85rem; text-decoration: none; }
.button svg, .text-link svg { flex: 0 0 auto; transition: transform .25s var(--ease); }
.button:hover svg, .text-link:hover svg { transform: translate(.18rem,-.18rem); }
.button-secondary { color: var(--white); border-color: var(--line-dark); background: transparent; }
.button-secondary:hover { border-color: var(--white); }
.section-link { display: flex; justify-content: center; margin-top: 2rem; }
.reveal { opacity: 1; transform: none; }
.motion-ready .reveal { opacity: 0; transform: translateY(28px); }
.motion-ready .reveal.is-visible { opacity: 1; transform: none; }

/* Services explorer */
.services-explorer { display: grid!important; grid-template-columns: minmax(13rem,.34fr) minmax(0,1.66fr); gap: 0!important; border: 1px solid var(--line-dark); }
.service-group-tabs { width: 100%!important; height: auto!important; display: flex!important; flex-direction: column; align-items: stretch!important; justify-content: flex-start!important; gap: 0!important; padding: 0!important; border-radius: 0!important; border-right: 1px solid var(--line-dark); }
.service-group-tabs button { min-height: 5.25rem; justify-content: flex-start!important; gap: 1rem!important; border: 0!important; border-radius: 0!important; border-bottom: 1px solid var(--line-dark)!important; padding: 1rem 1.25rem!important; color: rgba(255,255,255,.58)!important; background: transparent!important; font-weight: 720!important; }
.service-group-tabs button span { color: var(--gray-500); font-family: var(--font-mono); font-size: .67rem; }
.service-group-tabs button::after { display: none!important; }
.service-group-tabs button[data-state="active"], .service-group-tabs button:hover { color: var(--black)!important; background: var(--yellow)!important; }
.service-group-tabs button[data-state="active"] span, .service-group-tabs button:hover span { color: var(--black); }
.service-group-panel { min-height: 35rem; display: grid!important; grid-template-columns: .62fr 1.38fr; }
.service-group-panel[data-state="inactive"] { display: none!important; }
.service-group-intro { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.5rem,4vw,3.5rem); border-right: 1px solid var(--line-dark); }
.service-group-intro h3 { margin: .5rem 0 1rem; font-size: clamp(2rem,3.2vw,3.5rem); letter-spacing: -.055em; line-height: 1; }
.service-group-intro p { color: rgba(255,255,255,.55); font-size: .9rem; }
.service-card-grid { display: grid; grid-template-columns: 1fr 1fr; }
.service-card { position: relative; min-height: 17.5rem; display: grid; grid-template-columns: 2.3rem 1fr auto; gap: 1rem; align-content: start; padding: 1.5rem; border: 0; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); color: var(--white); background: rgba(255,255,255,.018); text-decoration: none; }
.service-card:hover { color: var(--black); background: var(--yellow); }
.service-card > span { color: var(--yellow); font-family: var(--font-mono); font-size: .67rem; }
.service-card small { color: var(--gray-500); font-family: var(--font-mono); font-size: .64rem; text-transform: uppercase; }
.service-card h4 { margin: .45rem 0 .7rem; font-size: 1.45rem; letter-spacing: -.04em; }
.service-card p { margin: 0; color: rgba(255,255,255,.58); font-size: .8rem; line-height: 1.55; }
.service-card:hover p, .service-card:hover small, .service-card:hover > span { color: var(--black); }
.service-card > svg { opacity: .45; }

/* Homepage systems */
.problem-grid { border-top: 1px solid var(--line-light); }
.problem-card { display: grid; grid-template-columns: 3rem 1fr; gap: .35rem 1rem; padding: 1.65rem 0; border-bottom: 1px solid var(--line-light); color: var(--ink); text-decoration: none; transition: padding .3s var(--ease), background .3s ease, color .3s ease; }
.problem-card:hover { margin-inline: -1.2rem; padding-inline: 1.2rem; color: var(--white); background: var(--black); }
.problem-card > span { grid-row: 1/4; color: var(--yellow-deep); font-family: var(--font-mono); font-size: .7rem; }
.problem-card h3 { margin: 0; font-size: clamp(1.2rem,2vw,1.7rem); letter-spacing: -.035em; }
.problem-card p { max-width: 44rem; margin: .25rem 0; color: var(--gray-700); font-size: .87rem; }
.problem-card b { display: inline-flex; align-items: center; gap: .5rem; font-size: .75rem; }
.problem-card:hover p { color: rgba(255,255,255,.58); }
.measurement-copy .text-link { margin-top: 1rem; }
.measurement-board { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line-dark); }
.metric-card { min-height: 13.5rem; display: flex; flex-direction: column; align-items: flex-start; padding: 1.4rem; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); background: rgba(255,255,255,.025); }
.metric-card svg { margin-bottom: auto; color: var(--yellow); }
.metric-card span { margin: 1rem 0 .4rem; color: var(--gray-500); font-family: var(--font-mono); font-size: .68rem; text-transform: uppercase; }
.metric-card strong { font-size: 1rem; }
.metric-card small { color: rgba(255,255,255,.45); font-size: .72rem; }
.process-section { padding: clamp(6.5rem,11vw,10rem) 0; }
.process-grid { display: grid; grid-template-columns: repeat(7,1fr); margin: 0; padding: 0; border-top: 1px solid var(--line-light); list-style: none; }
.process-grid li { min-width: 0; padding: 1.25rem .9rem; border-right: 1px solid var(--line-light); }
.process-grid li > span { display: inline-flex; margin-bottom: 4rem; color: var(--yellow-deep); font-family: var(--font-mono); font-size: .68rem; }
.process-grid h3 { margin-bottom: .55rem; font-size: 1rem; }
.process-grid p { color: var(--gray-700); font-size: .75rem; line-height: 1.5; }
.automation-copy ul { display: grid; gap: .7rem; margin: 1.5rem 0 2rem; padding: 0; list-style: none; }
.automation-copy li { display: flex; align-items: center; gap: .7rem; color: rgba(255,255,255,.72); font-size: .85rem; }
.automation-copy li svg { color: var(--yellow); }
.workflow-board { min-height: 33rem; display: grid; align-content: center; gap: 0; padding: 3.8rem 1.4rem 1.4rem; border: 1px solid var(--line-dark); background: linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,196,0,.035)); }
.workflow-board::before { content: "WORKFLOW / CONNECTED"; align-self: start; color: var(--gray-500); font-family: var(--font-mono); font-size: .66rem; letter-spacing: .08em; }
.workflow-board > div { min-height: 4.8rem; display: grid; grid-template-columns: 2.2rem 1fr; align-content: center; padding: .8rem; border: 1px solid var(--line-dark); background: rgba(5,5,5,.78); }
.workflow-board > div svg { grid-row: 1/4; align-self: center; color: var(--yellow); }
.workflow-board > div span { color: var(--gray-500); font-family: var(--font-mono); font-size: .6rem; }
.workflow-board > div small { color: var(--gray-500); font-size: .68rem; }
.workflow-board > i { width: 1px; height: 1.7rem; margin-left: 2rem; background: var(--yellow); }
.industry-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line-light); }
.industry-grid a { display: grid; grid-template-columns: 2.3rem 1fr auto; align-items: center; gap: 1rem; min-height: 6.5rem; padding: 1rem 1.2rem; border-right: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); color: var(--ink); text-decoration: none; transition: color .25s ease, background .25s ease; }
.industry-grid a:hover { color: var(--white); background: var(--black); }
.industry-grid span { color: var(--yellow-deep); font-family: var(--font-mono); font-size: .65rem; }
.industry-grid strong { font-size: 1.2rem; }
.wyoming-layout > div:first-child p { max-width: 38rem; margin-bottom: 2rem; }
.wyoming-map { position: relative; min-height: 30rem; border: 1px solid rgba(5,5,5,.35); background: rgba(255,255,255,.15); }
.wyoming-map::before { content: "SERVICE AREA / WYOMING"; position: absolute; top: 1rem; left: 1rem; font-family: var(--font-mono); font-size: .65rem; letter-spacing: .09em; }
.map-outline { position: absolute; inset: 18% 12% 12%; display: grid; place-items: center; border: 2px solid rgba(5,5,5,.35); clip-path: polygon(6% 0,93% 2%,100% 95%,12% 100%,0 10%); }
.map-outline strong { color: rgba(5,5,5,.09); font-size: 8rem; }
.map-label { position: absolute; z-index: 2; display: grid; padding-left: 1.1rem; font-size: .72rem; font-weight: 750; }
.map-label i { position: absolute; top: .35rem; left: 0; width: .5rem; height: .5rem; border-radius: 50%; background: var(--black); box-shadow: 0 0 0 .3rem rgba(5,5,5,.1); }
.map-label small { font-size: .58rem; font-weight: 500; }
.map-sheridan { top: 25%; left: 35%; }.map-cheyenne { right: 13%; bottom: 20%; }.map-casper { left: 46%; top: 52%; }.map-gillette { right: 22%; top: 29%; }.map-laramie { right: 32%; bottom: 18%; }
.wyoming-map.dark { border-color: var(--line-dark); background: rgba(255,255,255,.03); }
.wyoming-map.dark .map-outline { border-color: rgba(255,255,255,.2); }.wyoming-map.dark .map-outline strong { color: rgba(255,255,255,.07); }.wyoming-map.dark .map-label i { background: var(--yellow); box-shadow: 0 0 0 .3rem rgba(255,196,0,.12); }
.insights-preview { padding: clamp(6.5rem,11vw,10rem) 0; }
.insight-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; border: 1px solid var(--line-light); background: var(--line-light); }
.insight-card { position: relative; min-height: 24rem; display: flex; flex-direction: column; padding: 1.5rem; color: var(--ink); background: var(--white); text-decoration: none; transition: color .3s ease, background .3s ease, transform .3s var(--ease); }
.insight-card:hover { color: var(--white); background: var(--black); transform: translateY(-5px); }
.insight-card > span { color: var(--yellow-deep); font-family: var(--font-mono); font-size: .65rem; text-transform: uppercase; }
.insight-card h3 { margin: 2.5rem 0 1rem; font-size: clamp(1.5rem,2.5vw,2.2rem); letter-spacing: -.045em; line-height: 1.05; }
.insight-card p { color: var(--gray-700); font-size: .85rem; }
.insight-card:hover p { color: rgba(255,255,255,.58); }
.insight-card small { margin-top: auto; font-family: var(--font-mono); font-size: .67rem; }
.insight-card > svg { position: absolute; right: 1.5rem; bottom: 1.5rem; color: var(--yellow-deep); }

/* FAQ, forms, footer, and live contact */
.faq-section { padding: clamp(6.5rem,11vw,10rem) 0; }
.faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(3rem,8vw,8rem); }
.faq-heading { position: sticky; top: 8rem; align-self: start; }
.faq-heading p { max-width: 30rem; color: var(--gray-700); }
.faq-list { border-top: 1px solid var(--line-light); }
.faq-item { border-color: var(--line-light)!important; }
.faq-question { padding: 1.45rem 0!important; font-size: 1rem!important; font-weight: 720!important; text-decoration: none!important; }
.faq-question > span { display: flex; gap: 1rem; align-items: flex-start; }
.faq-question small { min-width: 1.8rem; color: var(--yellow-deep); font-family: var(--font-mono); font-size: .65rem; }
.faq-answer { padding: 0 2.5rem 1.25rem 2.8rem!important; color: var(--gray-700); }
.faq-answer p { margin: 0; font-size: .9rem; }
.project { padding: clamp(6.5rem,11vw,10rem) 0; background: radial-gradient(circle at 18% 22%,rgba(255,196,0,.1),transparent 28rem),var(--black); }
.project-layout { display: grid; grid-template-columns: .68fr 1.32fr; gap: clamp(3rem,8vw,8rem); align-items: start; }
.project-copy { position: sticky; top: 8rem; }
.project-copy > p { max-width: 36rem; color: rgba(255,255,255,.6); }
.direct-contact { display: grid; gap: 1rem; margin-top: 2rem; }
.direct-contact a { display: grid; padding: .9rem 0; border-bottom: 1px solid var(--line-dark); color: var(--white); font-weight: 700; text-decoration: none; }
.direct-contact small { color: var(--yellow); font-family: var(--font-mono); font-size: .62rem; text-transform: uppercase; }
.direct-contact.dark a { color: var(--black); border-color: rgba(5,5,5,.25); }.direct-contact.dark small { color: var(--black); opacity: .6; }
.project-form-wrap { min-width: 0; }
.lead-form { color: var(--ink); }
.planner-form { padding: clamp(1.25rem,3vw,2rem); border: 1px solid var(--line-dark); color: var(--white); background: rgba(255,255,255,.035); box-shadow: 0 35px 80px rgba(0,0,0,.25); }
.planner-progress { display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 2.4rem; }
.planner-progress > span { display: flex; align-items: center; gap: .5rem; padding: 0 .4rem .8rem; border-bottom: 1px solid var(--line-dark); color: var(--gray-500); font-family: var(--font-mono); font-size: .63rem; }
.planner-progress > span i { width: 1.35rem; height: 1.35rem; display: grid; place-items: center; border: 1px solid var(--line-dark); border-radius: 50%; font-style: normal; }
.planner-progress > span.active { color: var(--yellow); border-color: var(--yellow); }.planner-progress > span.active i { color: var(--black); background: var(--yellow); border-color: var(--yellow); }
.planner-step { margin: 0; padding: 0; border: 0; }.planner-step[hidden] { display: none; }
.planner-step legend { display: grid; margin-bottom: 1.7rem; font-size: clamp(1.45rem,3vw,2.3rem); font-weight: 750; letter-spacing: -.04em; line-height: 1.1; }
.planner-step legend small { margin-bottom: .35rem; color: var(--yellow); font-family: var(--font-mono); font-size: .65rem; letter-spacing: .1em; }
.planner-step > p { margin-top: -1rem; color: rgba(255,255,255,.5); font-size: .83rem; }
.form-grid { display: grid; gap: 1rem; }.form-grid.two { grid-template-columns: 1fr 1fr; }
.lead-form label { display: grid; gap: .45rem; min-width: 0; }
.lead-form label > span:first-child { font-size: .76rem; font-weight: 680; }
.planner-form input, .planner-form textarea, .planner-form select { min-height: 3rem!important; border-color: rgba(255,255,255,.2)!important; color: var(--white)!important; background: rgba(255,255,255,.035)!important; }
.planner-form input::placeholder, .planner-form textarea::placeholder { color: rgba(255,255,255,.32); }
.planner-form [data-slot="native-select-wrapper"], .form-select { width: 100%!important; }
.planner-form select option { color: var(--ink); }
.service-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin-top: 1.3rem; }
.service-check-grid label { min-height: 4.1rem; display: flex; grid-template-columns: auto 1fr; flex-direction: row; align-items: center; gap: .8rem; padding: .7rem; border: 1px solid var(--line-dark); color: rgba(255,255,255,.72); cursor: pointer; }
.service-check-grid label.selected { color: var(--black); background: var(--yellow); border-color: var(--yellow); }
.service-check-grid [data-slot="checkbox"] { border-color: currentColor; }
.service-check-grid label > span { display: grid; }.service-check-grid label b { font-size: .78rem; }.service-check-grid label small { color: var(--gray-500); font-size: .63rem; }.service-check-grid label.selected small { color: rgba(5,5,5,.6); }
.planner-summary { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1px; margin: 1rem 0; border: 1px solid var(--line-dark); background: var(--line-dark); }
.planner-summary > span { display: grid; padding: .8rem; color: rgba(255,255,255,.78); background: #101010; font-size: .72rem; }
.planner-summary small { color: var(--yellow); font-family: var(--font-mono); font-size: .58rem; text-transform: uppercase; }
.consent-row { display: flex!important; grid-template-columns: auto 1fr!important; flex-direction: row!important; align-items: flex-start; gap: .7rem!important; margin-top: 1rem; color: rgba(255,255,255,.56); font-size: .72rem; line-height: 1.5; }
.consent-row [data-slot="checkbox"] { margin-top: .15rem; border-color: rgba(255,255,255,.45); }.consent-row a { color: inherit; }
.hp-field { position: absolute!important; left: -10000px!important; width: 1px!important; height: 1px!important; overflow: hidden!important; opacity: 0!important; pointer-events: none!important; }
.planner-actions { display: flex; justify-content: space-between; gap: .75rem; margin-top: 1.4rem; }.planner-actions .button:last-child { margin-left: auto; }
.form-message { margin: 1rem 0 0; padding: .7rem; border-left: 2px solid var(--yellow); background: rgba(255,196,0,.08); font-size: .75rem; }.form-message.error { color: #ffb0b0; border-color: #ff7878; background: rgba(255,70,70,.08); }
.hp-field { position: absolute!important; width: 1px!important; height: 1px!important; overflow: hidden!important; opacity: 0!important; pointer-events: none!important; }
.form-success { min-height: 24rem; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: var(--white); }
.form-success > span { width: 4rem; height: 4rem; display: grid; place-items: center; margin-bottom: 1.2rem; border-radius: 50%; color: var(--black); background: var(--yellow); }
.form-success h3 { margin: .2rem 0 .7rem; font-size: clamp(2rem,4vw,3.5rem); letter-spacing: -.05em; }.form-success p { color: rgba(255,255,255,.62); }
.form-success-actions { display: flex; flex-wrap: wrap; gap: .8rem; }.form-success-actions a { display: flex; align-items: center; gap: .5rem; padding: .7rem .9rem; border: 1px solid var(--line-dark); text-decoration: none; }
.compact-lead-form { display: grid; gap: 1rem; }
.form-heading h3 { margin: 0; font-size: clamp(1.65rem,3vw,2.5rem); letter-spacing: -.045em; }
.compact-lead-form input, .compact-lead-form textarea { min-height: 3rem; background: rgba(255,255,255,.68); }
.compact-lead-form .consent-row { color: var(--gray-700); }.compact-lead-form .consent-row [data-slot="checkbox"] { border-color: var(--line-light); }
.form-submit { justify-self: start; }.spin { animation: spin .8s linear infinite; }@keyframes spin{to{transform:rotate(360deg)}}
.inline-contact { padding: clamp(5rem,9vw,8rem) 0; }
.inline-contact-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2.5rem,8vw,7rem); align-items: start; }
.inline-contact-layout > div:first-child h2 { max-width: 12ch; margin-bottom: 1rem; font-size: clamp(2.5rem,5vw,5rem); letter-spacing: -.06em; line-height: .94; }
.inline-contact-layout > div:first-child p { max-width: 35rem; }
.inline-form-card { padding: clamp(1.2rem,3vw,2rem); border: 1px solid rgba(5,5,5,.22); background: rgba(255,255,255,.72); box-shadow: var(--shadow); }
.section-light .inline-form-card { background: var(--white); }

.footer-top { grid-template-columns: .8fr 1.5fr; }
.footer-brand img { width: 11rem; }.footer-brand p { max-width: 24rem; }
.footer-links { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.5rem; }
.footer-links > div { display: flex; flex-direction: column; align-items: flex-start; gap: .55rem; }
.footer-links strong { margin-bottom: .6rem; color: var(--gray-500); font-family: var(--font-mono); font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; }
.footer-links a { display: inline-flex; align-items: center; gap: .35rem; color: rgba(255,255,255,.65); font-size: .76rem; text-decoration: none; }.footer-links a:hover { color: var(--yellow); }
.footer-links address { margin-top: .5rem; color: rgba(255,255,255,.4); font-size: .7rem; line-height: 1.6; }

.quick-contact-dock { position: fixed; z-index: 940; right: 1.15rem; bottom: 1.15rem; display: flex; overflow: hidden; border: 1px solid rgba(5,5,5,.25); border-radius: 2rem; background: var(--yellow); box-shadow: 0 20px 55px rgba(0,0,0,.25); }
.quick-contact-dock > a, .quick-contact-dock > button, .quick-contact-dock [data-slot="sheet-trigger"] { min-width: 3.3rem; min-height: 3.3rem; display: flex; align-items: center; justify-content: center; gap: .45rem; padding: .65rem .75rem; border: 0; border-right: 1px solid rgba(5,5,5,.2); color: var(--black); background: transparent; font-size: .68rem; font-weight: 750; text-decoration: none; cursor: pointer; }
.quick-contact-dock > *:hover { background: rgba(255,255,255,.35); }
.chat-sheet { width: min(100vw,29rem)!important; max-width: none!important; gap: 0!important; border-left: 1px solid var(--line-dark)!important; color: var(--white)!important; background: #0b0b0b!important; }
.chat-head { padding: 1.3rem!important; border-bottom: 1px solid var(--line-dark); background: linear-gradient(135deg,rgba(255,196,0,.11),transparent); }
.chat-head [data-slot="sheet-title"] { color: var(--white); font-size: 1.35rem; }.chat-head [data-slot="sheet-description"] { color: rgba(255,255,255,.47); }
.chat-agent { display: flex; align-items: center; gap: .5rem; margin-bottom: .7rem; }.chat-agent > span { width: 2.5rem; height: 2.5rem; display: grid; place-items: center; border-radius: 50%; color: var(--black); background: var(--yellow); }.chat-agent i { width: .5rem; height: .5rem; border-radius: 50%; background: #64ff84; box-shadow: 0 0 0 .25rem rgba(100,255,132,.1); }
.chat-body { overflow-y: auto; display: flex; flex-direction: column; gap: .75rem; padding: 1.15rem; }
.chat-message { max-width: 88%; padding: .85rem; border: 1px solid var(--line-dark); background: rgba(255,255,255,.04); }
.chat-message.bot { align-self: flex-start; }.chat-message.user { align-self: flex-end; color: var(--black); background: var(--yellow); border-color: var(--yellow); }
.chat-message span { display: block; margin-bottom: .35rem; color: var(--yellow); font-family: var(--font-mono); font-size: .57rem; letter-spacing: .08em; }.chat-message.user span { color: var(--black); }
.chat-message strong { display: block; margin-bottom: .35rem; }.chat-message p { margin: 0; color: rgba(255,255,255,.66); font-size: .78rem; }.chat-message.user p { color: var(--black); }
.chat-message a { display: inline-flex; align-items: center; gap: .4rem; margin-top: .65rem; color: var(--yellow); font-size: .72rem; font-weight: 700; }.chat-message.success svg { color: var(--yellow); }
.chat-options { display: grid; gap: .45rem; }.chat-options.compact { grid-template-columns: 1fr 1fr; }
.chat-options button, .chat-options a { display: flex; align-items: center; justify-content: space-between; min-height: 2.8rem; padding: .65rem .75rem; border: 1px solid var(--line-dark); color: rgba(255,255,255,.75); background: transparent; font-size: .72rem; text-decoration: none; cursor: pointer; }.chat-options button:hover, .chat-options a:hover { color: var(--black); background: var(--yellow); border-color: var(--yellow); }
.chat-contact { display: grid; gap: .75rem; padding: .9rem; border: 1px solid var(--line-dark); }.chat-contact label > span { color: rgba(255,255,255,.65); font-size: .68rem; }.chat-contact input { min-height: 2.7rem; color: var(--white); border-color: var(--line-dark); background: rgba(255,255,255,.04); }.chat-contact .consent-row { color: rgba(255,255,255,.5); }
.chat-reset { display: flex; align-items: center; justify-content: center; gap: .5rem; margin: .5rem 1.15rem 1.15rem; padding: .7rem; border: 1px solid var(--line-dark); color: rgba(255,255,255,.55); background: transparent; font-size: .7rem; cursor: pointer; }.chat-reset:hover { color: var(--yellow); }
.chat-sheet > button { color: var(--white); }
.mobile-contact-bar { grid-template-columns: repeat(3,1fr); }
.mobile-contact-bar a { display: flex!important; flex-direction: row; gap: .4rem; }

/* Shared subpages */
.subpage-hero { min-height: 42rem; display: flex; align-items: center; padding: 10rem 0 7rem; }
.subpage-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(24rem,.72fr); gap: clamp(3rem,8vw,8rem); align-items: center; }
.subpage-hero h1 { max-width: 15ch; font-size: clamp(3.4rem,7vw,7.2rem); }.subpage-hero h1 em { color: var(--yellow); }
.subpage-hero p { font-size: clamp(1rem,1.5vw,1.15rem); }
.catalog-orbit { position: relative; min-height: 30rem; border: 1px solid var(--line-dark); background: rgba(255,255,255,.025); }
.catalog-orbit::before,.catalog-orbit::after { content:""; position:absolute; top:50%; left:50%; border:1px solid rgba(255,196,0,.25); border-radius:50%; transform:translate(-50%,-50%); }.catalog-orbit::before{width:21rem;height:21rem}.catalog-orbit::after{width:13rem;height:13rem;border-style:dashed}
.catalog-core { position: absolute; z-index: 2; top: 50%; left: 50%; width: 9rem; aspect-ratio: 1; display: grid; place-content: center; border-radius: 50%; border: 1px solid var(--yellow); color: var(--yellow); background: var(--black); font-size: 1.2rem; font-weight: 800; letter-spacing: .12em; text-align: center; transform: translate(-50%,-50%); box-shadow: var(--glow); }.catalog-core small{display:block;color:var(--gray-500);font-size:.55rem;letter-spacing:.06em}
.catalog-orbit > span { position: absolute; z-index: 3; min-width: 7rem; padding: .65rem; border: 1px solid var(--line-dark); color: var(--white); background: #0d0d0d; font-family: var(--font-mono); font-size: .66rem; text-align: center; }
.catalog-orbit > span:nth-of-type(1) { top: 14%; left: 8%; }
.catalog-orbit > span:nth-of-type(2) { top: 31%; right: 8%; }
.catalog-orbit > span:nth-of-type(3) { bottom: 31%; left: 8%; }
.catalog-orbit > span:nth-of-type(4) { right: 8%; bottom: 14%; }
.service-catalog { padding: clamp(6.5rem,11vw,10rem) 0; }
.catalog-group { display: grid; grid-template-columns: .32fr 1.68fr; gap: 2rem; padding: 3rem 0; border-top: 1px solid var(--line-light); }
.catalog-group-heading { display: grid; grid-template-columns: 2.5rem 1fr; align-content: start; gap: .5rem; }.catalog-group-heading > span { color: var(--yellow-deep); font-family: var(--font-mono); font-size: .7rem; }.catalog-group-heading h3 { margin: 0 0 .5rem; font-size: clamp(2rem,4vw,4rem); letter-spacing: -.055em; line-height: 1; }.catalog-group-heading p { color: var(--gray-700); font-size: .84rem; }
.catalog-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.catalog-card { min-height: 25rem; display: flex; flex-direction: column; padding: 1.5rem; border: 1px solid var(--line-light); color: var(--ink); background: var(--white); text-decoration: none; transition: transform .3s var(--ease),color .3s ease,background .3s ease; }
.catalog-card:hover { color: var(--white); background: var(--black); transform: translateY(-5px); }.catalog-card h4 { margin: 2rem 0 .7rem; font-size: clamp(1.5rem,2.5vw,2.25rem); letter-spacing: -.045em; }.catalog-card p { color: var(--gray-700); font-size: .84rem; }.catalog-card:hover p { color: rgba(255,255,255,.58); }.catalog-card ul { display: grid; gap: .4rem; margin: auto 0 1.3rem; padding: 0; list-style: none; }.catalog-card li { display: flex; align-items: center; gap: .45rem; font-size: .74rem; }.catalog-card li svg { color: var(--yellow-deep); }.catalog-card b { display: flex; align-items: center; gap: .5rem; font-size: .75rem; }
.services-connection { padding: clamp(6.5rem,11vw,10rem) 0; }
.connection-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line-dark); }.connection-grid > div { min-height: 16rem; display: flex; flex-direction: column; padding: 1.3rem; border-right: 1px solid var(--line-dark); }.connection-grid span { color: var(--yellow); font-family: var(--font-mono); font-size: .65rem; }.connection-grid strong { margin-top: auto; font-size: 1.2rem; }.connection-grid p { color: rgba(255,255,255,.55); font-size: .78rem; }

/* Dedicated service pages */
.service-hero-layout { display: grid; grid-template-columns: 1fr .58fr; gap: clamp(3rem,8vw,8rem); align-items: center; }
.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; margin-bottom: 2rem; color: rgba(255,255,255,.42); font-family: var(--font-mono); font-size: .62rem; }.breadcrumbs a { color: rgba(255,255,255,.75); text-decoration: none; }
.service-hero h1 { max-width: 15ch; }.service-hero-module { position: relative; min-height: 28rem; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.5rem; border: 1px solid var(--line-dark); background: linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,196,0,.04)); }
.module-grid { position: absolute; inset: 0; opacity: .25; background-image: linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size: 45px 45px; }.service-hero-module > span { position: absolute; top: 1rem; right: 1rem; color: var(--yellow); font-family: var(--font-mono); font-size: .7rem; }.service-hero-module strong { position: relative; z-index: 2; color: var(--white); font-size: clamp(2.2rem,4vw,4.5rem); letter-spacing: -.06em; line-height: .95; }.service-hero-module small { position: relative; z-index: 2; margin-top: .6rem; color: var(--yellow); font-family: var(--font-mono); font-size: .62rem; }.module-pulse { position: absolute; top: 35%; left: 50%; width: 7rem; aspect-ratio: 1; border: 1px solid var(--yellow); border-radius: 50%; box-shadow: 0 0 0 1rem rgba(255,196,0,.04),var(--glow); transform: translate(-50%,-50%); }.module-pulse::before{content:"";position:absolute;top:50%;left:50%;width:.8rem;height:.8rem;border-radius:50%;background:var(--yellow);box-shadow:0 0 2rem var(--yellow);transform:translate(-50%,-50%);animation:blink 2s infinite}
.section-nav { position: sticky; z-index: 800; top: 5.1rem; border-bottom: 1px solid var(--line-light); background: rgba(255,255,255,.9); backdrop-filter: blur(12px); }.section-nav .container { display: flex; overflow-x: auto; }.section-nav a { flex: 0 0 auto; padding: .8rem 1rem; border-right: 1px solid var(--line-light); color: var(--gray-700); font-family: var(--font-mono); font-size: .63rem; text-decoration: none; text-transform: uppercase; }.section-nav a:hover { color: var(--black); background: var(--yellow); }
.service-overview,.service-process { padding: clamp(6.5rem,11vw,10rem) 0; }
.service-overview-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(3rem,8vw,8rem); align-items: start; }.service-overview-layout .section-heading { position: sticky; top: 9rem; }.service-overview-layout .section-heading h2 { font-size: clamp(2.5rem,4.8vw,5rem); }
.service-long-copy > p { margin-bottom: 1.4rem; color: var(--gray-700); font-size: clamp(1.05rem,1.6vw,1.28rem); line-height: 1.75; }.service-fact { display: grid; gap: .5rem; margin-top: 2.5rem; padding: 1.2rem; border-left: 3px solid var(--yellow); background: var(--warm-white); }.service-fact span { color: var(--yellow-deep); font-family: var(--font-mono); font-size: .62rem; }.service-fact strong { font-size: 1.15rem; }
.service-outcomes { padding: clamp(5rem,9vw,8rem) 0; }.service-outcomes .section-heading h2 { max-width: 14ch; }.outcomes-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(5,5,5,.28); }.outcomes-grid > div { min-height: 13rem; display: flex; flex-direction: column; padding: 1.2rem; border-right: 1px solid rgba(5,5,5,.28); }.outcomes-grid span { font-family: var(--font-mono); font-size: .65rem; }.outcomes-grid strong { margin-top: auto; font-size: 1.15rem; line-height: 1.25; }
.capabilities { padding: clamp(6.5rem,11vw,10rem) 0; background: radial-gradient(circle at 80% 20%,rgba(255,196,0,.08),transparent 24rem),var(--black); }.capability-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line-dark); }.capability-grid article { min-height: 19rem; display: flex; flex-direction: column; padding: 1.4rem; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); background: rgba(255,255,255,.018); transition: color .25s ease,background .25s ease; }.capability-grid article:hover { color: var(--black); background: var(--yellow); }.capability-grid span { color: var(--yellow); font-family: var(--font-mono); font-size: .65rem; }.capability-grid h3 { margin-top: auto; font-size: 1.35rem; }.capability-grid p { color: rgba(255,255,255,.56); font-size: .78rem; }.capability-grid article:hover span,.capability-grid article:hover p { color: var(--black); }
.deliverables { padding: clamp(6.5rem,11vw,10rem) 0; }.deliverables-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(3rem,8vw,8rem); }.deliverables-layout > div:first-child h2 { max-width: 12ch; font-size: clamp(2.5rem,5vw,5rem); letter-spacing: -.06em; line-height: .95; }.deliverables-layout > div:first-child p { max-width: 33rem; color: var(--gray-700); }.deliverable-list { margin: 0; padding: 0; border-top: 1px solid var(--line-light); list-style: none; }.deliverable-list li { display: grid; grid-template-columns: 2.5rem 1fr auto; align-items: center; gap: 1rem; min-height: 5.5rem; border-bottom: 1px solid var(--line-light); }.deliverable-list span { color: var(--yellow-deep); font-family: var(--font-mono); font-size: .65rem; }.deliverable-list strong { font-size: 1.1rem; }.deliverable-list svg { color: var(--yellow-deep); }
.service-process-grid { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; padding: 0; border-top: 1px solid var(--line-light); list-style: none; }.service-process-grid li { min-height: 17rem; display: flex; flex-direction: column; padding: 1.3rem; border-right: 1px solid var(--line-light); }.service-process-grid > li > span { color: var(--yellow-deep); font-family: var(--font-mono); font-size: .66rem; }.service-process-grid div { margin-top: auto; }.service-process-grid h3 { font-size: 1.3rem; }.service-process-grid p { color: var(--gray-700); font-size: .8rem; }
.related-services,.related-insights { padding: clamp(6.5rem,11vw,10rem) 0; }.related-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line-dark); }.related-grid > a { min-height: 22rem; display: flex; flex-direction: column; padding: 1.4rem; border-right: 1px solid var(--line-dark); color: var(--white); background: rgba(255,255,255,.02); text-decoration: none; }.related-grid h3 { margin: 2rem 0 .8rem; font-size: 1.6rem; letter-spacing: -.04em; }.related-grid p { color: rgba(255,255,255,.54); font-size: .8rem; }.related-grid b { display: flex; align-items: center; gap: .5rem; margin-top: auto; color: var(--yellow); font-size: .75rem; }.related-insights .related-grid { border-color: var(--line-light); }.related-insights .related-grid > a { color: var(--ink); background: var(--white); border-color: var(--line-light); }.related-insights .related-grid p { color: var(--gray-700); }.service-contact { padding: clamp(6rem,10vw,9rem) 0; }

/* Process, about, industries, Wyoming, contact, insights */
.process-console { display: grid; border: 1px solid var(--line-dark); background: rgba(255,255,255,.02); }.process-console > div { display: grid; grid-template-columns: 2.4rem 1fr auto; align-items: center; gap: 1rem; min-height: 3.8rem; padding: .65rem 1rem; border-bottom: 1px solid var(--line-dark); }.process-console span { color: var(--yellow); font-family: var(--font-mono); font-size: .62rem; }.process-console strong { font-size: .82rem; }.process-console i { width: .45rem; height: .45rem; border-radius: 50%; border: 1px solid var(--gray-500); }.process-console .active { color: var(--black); background: var(--yellow); }.process-console .active span { color: var(--black); }.process-console .active i { border-color: var(--black); background: var(--black); }
.process-detail { padding: clamp(6.5rem,11vw,10rem) 0; }.process-detail-list { border-top: 1px solid var(--line-light); }.process-detail-list article { display: grid; grid-template-columns: .55fr 1fr 1fr; gap: 2rem; padding: 2rem 0; border-bottom: 1px solid var(--line-light); }.process-detail-title { display: grid; grid-template-columns: 2rem 2rem 1fr; align-items: start; gap: .6rem; }.process-detail-title > span { color: var(--yellow-deep); font-family: var(--font-mono); font-size: .65rem; }.process-detail-title svg { color: var(--yellow-deep); }.process-detail-title h3 { margin: 0; font-size: 1.5rem; }.process-detail-list article > p { color: var(--gray-700); }.process-detail-list ul { display: grid; gap: .45rem; margin: 0; padding: 0; list-style: none; }.process-detail-list li { display: flex; gap: .5rem; color: var(--gray-700); font-size: .78rem; }.process-detail-list li svg { color: var(--yellow-deep); flex: 0 0 auto; margin-top: .25rem; }
.engagement-model { padding: clamp(6.5rem,11vw,10rem) 0; }.engagement-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line-dark); }.engagement-grid article { min-height: 18rem; display: flex; flex-direction: column; padding: 1.3rem; border-right: 1px solid var(--line-dark); }.engagement-grid span { color: var(--yellow); font-family: var(--font-mono); font-size: .65rem; }.engagement-grid h3 { margin-top: auto; font-size: 1.25rem; }.engagement-grid p { color: rgba(255,255,255,.55); font-size: .78rem; }
.collaboration { padding: clamp(6.5rem,11vw,10rem) 0; }.collaboration-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(3rem,8vw,8rem); }.collaboration-layout > div:first-child h2 { max-width: 12ch; font-size: clamp(2.5rem,5vw,5rem); letter-spacing: -.06em; line-height: .95; }.principle-list { border-top: 1px solid var(--line-light); }.principle-list > div { display: grid; grid-template-columns: 2.5rem .75fr 1.25fr; gap: 1rem; padding: 1.3rem 0; border-bottom: 1px solid var(--line-light); }.principle-list span { color: var(--yellow-deep); font-family: var(--font-mono); font-size: .65rem; }.principle-list h3 { margin: 0; font-size: 1rem; }.principle-list p { margin: 0; color: var(--gray-700); font-size: .8rem; }
.about-facts { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line-dark); }.about-facts > span { min-height: 9rem; display: flex; flex-direction: column; justify-content: flex-end; padding: 1rem; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }.about-facts small { color: var(--yellow); font-family: var(--font-mono); font-size: .62rem; text-transform: uppercase; }.about-facts strong { margin-top: .5rem; font-size: 1.25rem; }
.about-story { padding: clamp(6.5rem,11vw,10rem) 0; }.values { padding: clamp(6.5rem,11vw,10rem) 0; }.value-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(5,5,5,.28); }.value-grid article { min-height: 18rem; display: flex; flex-direction: column; padding: 1.3rem; border-right: 1px solid rgba(5,5,5,.28); border-bottom: 1px solid rgba(5,5,5,.28); }.value-grid span { font-family: var(--font-mono); font-size: .65rem; }.value-grid h3 { margin-top: auto; font-size: 1.2rem; }.value-grid p { font-size: .78rem; }
.about-method { padding: clamp(6.5rem,11vw,10rem) 0; }.about-method-layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem,8vw,8rem); align-items: center; }.about-method-layout h2 { max-width: 11ch; font-size: clamp(2.7rem,5.5vw,5.5rem); letter-spacing: -.06em; line-height: .94; }.about-method-layout > div p { max-width: 37rem; color: rgba(255,255,255,.6); }.about-method-layout ul { display: grid; gap: .8rem; margin: 0; padding: 0; list-style: none; }.about-method-layout li { display: flex; align-items: flex-start; gap: .7rem; padding: 1rem; border: 1px solid var(--line-dark); color: rgba(255,255,255,.72); font-size: .85rem; }.about-method-layout li svg { flex: 0 0 auto; color: var(--yellow); }
.industry-signal { position: relative; min-height: 29rem; border: 1px solid var(--line-dark); }.industry-signal::before { content:""; position:absolute; inset:0; opacity:.25; background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:48px 48px; }.industry-signal span { position: relative; z-index: 2; display: block; width: fit-content; margin: 1.4rem; padding: .6rem .8rem; border: 1px solid var(--line-dark); background: #0d0d0d; font-family: var(--font-mono); font-size: .65rem; }.industry-signal span:nth-child(2){margin-left:22%}.industry-signal span:nth-child(3){margin-left:42%}.industry-signal span:nth-child(4){margin-left:25%}.industry-signal span:nth-child(5){margin-left:52%}.industry-signal strong{position:absolute;right:1.5rem;bottom:1rem;color:var(--yellow);font-size:4rem;letter-spacing:.12em}
.industry-list { padding: clamp(6.5rem,11vw,10rem) 0; }.industry-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }.industry-detail-grid article { min-height: 24rem; display: flex; flex-direction: column; padding: 1.5rem; border: 1px solid var(--line-light); background: var(--white); }.industry-detail-grid article > span { color: var(--yellow-deep); font-family: var(--font-mono); font-size: .65rem; }.industry-detail-grid h3 { margin: 2rem 0 .8rem; font-size: 1.7rem; letter-spacing: -.04em; }.industry-detail-grid p { color: var(--gray-700); }.industry-detail-grid ul { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; margin: auto 0 1.5rem; padding: 0; list-style: none; }.industry-detail-grid li { display: flex; gap: .45rem; font-size: .74rem; }.industry-detail-grid li svg { flex: 0 0 auto; color: var(--yellow-deep); }.industry-detail-grid a { display: inline-flex; align-items: center; gap: .5rem; font-size: .75rem; font-weight: 750; }
.industry-method { padding: clamp(6.5rem,11vw,10rem) 0; }
.wyoming-intro,.city-section,.local-system { padding: clamp(6.5rem,11vw,10rem) 0; }.location-card { display: flex; align-items: flex-start; gap: 1rem; margin-top: 2rem; padding: 1rem; border: 1px solid var(--line-light); background: var(--warm-white); }.location-card svg { color: var(--yellow-deep); }.location-card span { display: grid; font-size: .85rem; }.location-card small { color: var(--gray-500); font-family: var(--font-mono); font-size: .62rem; text-transform: uppercase; }
.city-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(5,5,5,.28); }.city-grid article { min-height: 15rem; display: flex; flex-direction: column; padding: 1.2rem; border-right: 1px solid rgba(5,5,5,.28); border-bottom: 1px solid rgba(5,5,5,.28); }.city-grid span { font-family: var(--font-mono); font-size: .65rem; }.city-grid h3 { margin-top: auto; font-size: 1.4rem; }.city-grid p { font-size: .78rem; }
.contact-hero-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem,8vw,8rem); align-items: center; }.contact-channel-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line-dark); }.contact-channel-grid > a,.contact-channel-grid > div { min-height: 9rem; display: flex; align-items: flex-start; gap: 1rem; padding: 1rem; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); color: var(--white); text-decoration: none; }.contact-channel-grid svg { color: var(--yellow); }.contact-channel-grid span { display: grid; }.contact-channel-grid small { color: var(--gray-500); font-family: var(--font-mono); font-size: .61rem; text-transform: uppercase; }.contact-channel-grid strong { margin-top: .4rem; font-size: .86rem; line-height: 1.5; }
.contact-options { padding: clamp(6.5rem,11vw,10rem) 0; }.contact-form-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 1.2rem; align-items: start; }.contact-planner-card { padding: 1rem; color: var(--white); background: var(--black); }.contact-planner-card > div { padding: 1rem; }.contact-planner-card > div h3 { font-size: 1.8rem; letter-spacing: -.04em; }.contact-planner-card > div p { color: rgba(255,255,255,.55); }.contact-expectation { padding: 4.5rem 0; }.expectation-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(5,5,5,.28); }.expectation-grid > div { min-height: 14rem; display: flex; flex-direction: column; align-items: flex-start; padding: 1.2rem; border-right: 1px solid rgba(5,5,5,.28); }.expectation-grid svg { margin-bottom: auto; }.expectation-grid h3 { font-size: 1.15rem; }.expectation-grid p { font-size: .78rem; }
.insight-console { min-height: 24rem; display: flex; flex-direction: column; justify-content: center; padding: 2rem; border: 1px solid var(--line-dark); background: rgba(255,255,255,.025); }.insight-console svg { margin-bottom: 3rem; color: var(--yellow); }.insight-console span { color: var(--yellow); font-family: var(--font-mono); font-size: .63rem; }.insight-console strong { margin: .5rem 0; font-size: 1.4rem; }.insight-console small { color: var(--gray-500); }
.insight-library { padding: clamp(6.5rem,11vw,10rem) 0; }.insight-library-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }.insight-library-card { min-height: 35rem; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line-light); color: var(--ink); background: var(--white); text-decoration: none; transition: transform .3s var(--ease),color .3s ease,background .3s ease,box-shadow .3s ease; }.insight-library-card:hover { color: var(--white); background: var(--black); box-shadow: 0 24px 60px rgba(0,0,0,.16); transform: translateY(-7px); }.insight-library-image { position: relative; overflow: hidden; aspect-ratio: 16/9; border-bottom: 1px solid var(--line-light); background: #0a0a08; }.insight-library-image::after { content:""; position:absolute; inset:auto 0 0; height:35%; background:linear-gradient(transparent,rgba(0,0,0,.22)); pointer-events:none; }.insight-library-image img { object-fit: cover; transition: transform .65s var(--ease),filter .35s ease; }.insight-library-card:hover .insight-library-image img { filter: saturate(1.08) contrast(1.04); transform: scale(1.045); }.insight-library-copy { flex:1; display:flex; flex-direction:column; padding:1.5rem; }.insight-library-copy > span { color: var(--yellow-deep); font-family: var(--font-mono); font-size: .7rem; text-transform: uppercase; }.insight-library-card h2 { margin: 2.25rem 0 1rem; font-size: clamp(1.8rem,3.2vw,3rem); letter-spacing: -.05em; line-height: 1.05; }.insight-library-card p { color: var(--gray-700); }.insight-library-card:hover p { color: rgba(255,255,255,.62); }.insight-library-copy > div { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top:1.5rem; font-size: .78rem; }.insight-library-card b { display: inline-flex; align-items: center; gap: .45rem; }
.content-principles { padding: clamp(6.5rem,11vw,10rem) 0; }.principle-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; border: 1px solid var(--line-dark); background: var(--line-dark); }.principle-check-grid span { display: flex; align-items: center; gap: .7rem; min-height: 5rem; padding: 1rem; background: var(--black); color: rgba(255,255,255,.72); font-size: .82rem; }.principle-check-grid svg { color: var(--yellow); }
.article-hero { min-height: auto; }.article-hero-inner { position: relative; z-index: 1; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(24rem,.96fr); gap:clamp(2.5rem,6vw,6rem); align-items:center; }.article-hero h1 { max-width: 17ch; }.article-hero-copy>p{max-width:47rem}.article-feature-image{position:relative;overflow:hidden;width:100%;aspect-ratio:16/10;margin:0;border:1px solid rgba(255,255,255,.16);border-radius:.35rem;background:#111;box-shadow:0 30px 80px rgba(0,0,0,.32)}.article-feature-image::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,196,0,.12);box-shadow:inset 0 0 60px rgba(255,196,0,.06);pointer-events:none}.article-feature-image img{object-fit:cover}.back-link { display: inline-flex; align-items: center; gap: .5rem; margin-bottom: 2rem; color: var(--white); font-size: .75rem; }
.article-layout { display: grid; grid-template-columns: .38fr 1.62fr; gap: clamp(3rem,8vw,8rem); padding-block: clamp(5rem,9vw,8rem); }.article-aside { position: sticky; top: 8rem; align-self: start; display: grid; border-top: 1px solid var(--line-light); }.article-aside > span { padding: 1rem 0; color: var(--yellow-deep); font-family: var(--font-mono); font-size: .62rem; }.article-aside a { padding: .75rem 0; border-bottom: 1px solid var(--line-light); color: var(--gray-700); font-size: .72rem; text-decoration: none; }.article-aside a:last-child { display: flex; align-items: center; gap: .4rem; color: var(--ink); font-weight: 700; }.article-body { max-width: 54rem; }.article-body section { padding: 1rem 0 4rem; }.article-body h2 { margin-bottom: 1.2rem; font-size: clamp(2rem,4vw,3.6rem); letter-spacing: -.055em; line-height: 1.02; }.article-body p { color: var(--gray-700); font-size: 1.06rem; line-height: 1.85; }.article-body ul { display: grid; gap: .65rem; padding: 1.2rem; border: 1px solid var(--line-light); background: var(--white); list-style: none; }.article-body li { display: flex; align-items: flex-start; gap: .7rem; }.article-body li svg { flex: 0 0 auto; margin-top: .25rem; color: var(--yellow-deep); }.related-insights .related-grid{grid-template-columns:repeat(2,1fr)}.related-insights .related-grid>a.related-insight-card{min-height:0;padding:0;overflow:hidden}.related-insight-image{position:relative;overflow:hidden;aspect-ratio:16/9;border-bottom:1px solid var(--line-light);background:#0a0a08}.related-insight-image img{object-fit:cover;transition:transform .55s var(--ease)}.related-insight-card:hover .related-insight-image img{transform:scale(1.04)}.related-insight-copy{flex:1;display:flex;flex-direction:column;padding:1.4rem}.related-insight-copy h3{margin:1.5rem 0 .8rem}.related-insight-copy b{margin-top:auto;padding-top:1.4rem}
.legal-hero { min-height: auto; }.legal-hero .container { position: relative; z-index: 1; }.legal-content { width: min(100% - (var(--gutter)*2),54rem); padding-block: 5rem 8rem; }.legal-content h2 { margin: 2.5rem 0 .8rem; font-size: 1.7rem; letter-spacing: -.04em; }.legal-content p { color: var(--gray-700); }.legal-content a { font-weight: 700; }.legal-note { padding-bottom: 1rem; border-bottom: 1px solid var(--line-light); }
.not-found-page { min-height: calc(100vh - 5rem); display: grid; align-items: center; }
.not-found-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: clamp(3rem,8vw,8rem); }
.not-found-layout h1 { max-width: 12ch; }
.not-found-layout p { max-width: 40rem; }
.not-found-code { min-height: 26rem; display: grid; place-items: center; align-content: center; gap: .5rem; border: 1px solid var(--line-dark); background: linear-gradient(135deg,rgba(255,196,0,.14),rgba(255,255,255,.01)); font-family: var(--font-mono); text-align: center; }
.not-found-code span, .not-found-code small { color: var(--gray-400); font-size: .65rem; letter-spacing: .12em; text-transform: uppercase; }
.not-found-code strong { color: var(--yellow); font-size: clamp(6rem,12vw,10rem); line-height: .9; letter-spacing: -.09em; }

@media (max-width: 1100px) {
  .menu-toggle { display: flex; }
  .services-explorer { grid-template-columns: 1fr; }
  .service-group-tabs { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line-dark); }
  .service-group-tabs button { flex: 1 0 11rem!important; }
  .service-group-panel { grid-template-columns: .7fr 1.3fr; }
  .process-grid { grid-template-columns: repeat(4,1fr); }
  .process-grid li > span { margin-bottom: 2.5rem; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-links { grid-template-columns: repeat(4,1fr); }
  .subpage-hero-grid,.service-hero-layout { grid-template-columns: 1fr 1fr; gap: 3rem; }
  .catalog-group { grid-template-columns: .45fr 1.55fr; }
  .project-layout,.inline-contact-layout { gap: 3rem; }
  .capability-grid { grid-template-columns: 1fr 1fr; }
  .contact-form-grid { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .section-heading h2,.problems-heading h2,.measurement h2,.automation h2,.wyoming h2,.faq-heading h2,.project h2 { font-size: clamp(2.5rem,10vw,4.8rem); }
  .services-explorer { border: 0; }
  .service-group-tabs { border: 1px solid var(--line-dark); }
  .service-group-panel { grid-template-columns: 1fr; border: 1px solid var(--line-dark); border-top: 0; }
  .service-group-intro { min-height: 17rem; border-right: 0; border-bottom: 1px solid var(--line-dark); }
  .problem-grid,.measurement-board,.industry-grid,.insight-library-grid,.industry-detail-grid { grid-template-columns: 1fr; }
  .process-grid { grid-template-columns: 1fr 1fr; }
  .workflow-board { min-height: 29rem; }
  .insight-grid,.related-grid { grid-template-columns: 1fr; }
  .insight-card { min-height: 18rem; }.related-grid > a { min-height: 17rem; border-bottom: 1px solid var(--line-dark); }
  .faq-layout,.project-layout,.inline-contact-layout,.collaboration-layout,.about-method-layout,.contact-hero-layout,.article-layout,.not-found-layout { grid-template-columns: 1fr; }
  .faq-heading,.project-copy,.article-aside { position: static; }
  .project-copy { margin-bottom: 1rem; }
  .form-grid.two,.service-check-grid { grid-template-columns: 1fr; }
  .planner-summary { grid-template-columns: 1fr; }
  .footer-links { grid-template-columns: 1fr 1fr; }
  .quick-contact-dock { bottom: 4.7rem; }.quick-contact-dock span { display: none; }
  .mobile-contact-bar { display: grid; }
  .subpage-hero { min-height: auto; }.subpage-hero-grid,.service-hero-layout,.article-hero-inner { grid-template-columns: 1fr; }.article-feature-image{aspect-ratio:16/9}.catalog-orbit,.service-hero-module { min-height: 24rem; }
  .catalog-group { grid-template-columns: 1fr; }.catalog-grid { grid-template-columns: 1fr; }.catalog-card { min-height: 21rem; }
  .connection-grid,.outcomes-grid,.service-process-grid,.engagement-grid { grid-template-columns: 1fr 1fr; }
  .connection-grid > div,.outcomes-grid > div,.engagement-grid article { border-bottom: 1px solid currentColor; }
  .service-overview-layout,.deliverables-layout { grid-template-columns: 1fr; }.service-overview-layout .section-heading { position: static; }
  .process-detail-list article { grid-template-columns: 1fr; gap: 1rem; }.process-detail-title { grid-template-columns: 2rem 2rem 1fr; }
  .principle-list > div { grid-template-columns: 2.5rem 1fr; }.principle-list p { grid-column: 2; }
  .value-grid,.city-grid { grid-template-columns: 1fr 1fr; }
  .contact-channel-grid { grid-template-columns: 1fr; }.expectation-grid { grid-template-columns: 1fr; }.expectation-grid > div { min-height: 11rem; border-bottom: 1px solid rgba(5,5,5,.28); }
  .principle-check-grid { grid-template-columns: 1fr; }
  .article-aside { display: none; }
}

@media (max-width: 560px) {
  .hero-copy h1 { font-size: clamp(3.4rem,18vw,5.5rem); }
  .service-card-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 14rem; }
  .process-grid { grid-template-columns: 1fr; }.process-grid li { min-height: 10rem; display: grid; grid-template-columns: 2.5rem 1fr; gap: .6rem; }.process-grid li > span { grid-row: 1/3; margin: 0; }.process-grid li div { grid-column: 2; }
  .measurement-board { grid-template-columns: 1fr; }.metric-card { min-height: 11rem; }
  .industry-grid a { grid-template-columns: 2.3rem 1fr; }.industry-grid a svg { display: none; }
  .wyoming-map { min-height: 25rem; }.map-outline { inset: 22% 5% 10%; }.map-label { font-size: .62rem; }.map-sheridan{left:23%}.map-gillette{right:10%}.map-cheyenne{right:4%}.map-laramie{right:24%}
  .planner-progress > span { justify-content: center; }.planner-progress > span:not(.active) { font-size: 0; }.planner-progress > span.active { font-size: .57rem; }.planner-progress > span i { font-size: .6rem; }
  .planner-actions { flex-direction: column-reverse; }.planner-actions .button { width: 100%; margin: 0!important; }
  .footer-links { grid-template-columns: 1fr; }
  .quick-contact-dock { right: .8rem; }.quick-contact-dock > a { display: none; }
  .chat-options.compact { grid-template-columns: 1fr; }
  .subpage-hero h1 { font-size: clamp(3rem,15vw,5rem); }
  .catalog-orbit { min-height: 22rem; }.catalog-orbit::before{width:15rem;height:15rem}.catalog-orbit::after{width:9rem;height:9rem}.catalog-core{width:7rem}.catalog-orbit > span{right:auto;left:4%;min-width:5.5rem;font-size:.56rem}.catalog-orbit > span:nth-of-type(even){right:4%;left:auto}
  .not-found-code { min-height: 18rem; }
  .connection-grid,.outcomes-grid,.service-process-grid,.engagement-grid,.value-grid,.city-grid { grid-template-columns: 1fr; }
  .section-nav { top: 4.45rem; }
  .capability-grid { grid-template-columns: 1fr; }.capability-grid article { min-height: 15rem; }
  .deliverable-list li { grid-template-columns: 2rem 1fr auto; }
  .industry-detail-grid ul { grid-template-columns: 1fr; }
  .contact-channel-grid > a,.contact-channel-grid > div { min-height: 7rem; }
  .insight-library-card { min-height: 0; }.related-insights .related-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion: reduce) {
  .motion-ready .reveal { opacity: 1; transform: none; }
}
