body.home {
  --charcoal: #f0f0e8;
  --purple: #c6f731;
  --purple-deep: #b7e82b;
  --white: #f0f0e8;
  --off-white: #10110e;
  --muted: #a4a59b;
  --line: #383a32;
  color-scheme: dark;
  background: #10110e;
  color: #f0f0e8;
  font-family: "Hanken Grotesk", Arial, sans-serif;
}

body:not(.home) {
  --charcoal: #f0f0e8;
  --purple: #c6f731;
  --purple-deep: #b7e82b;
  --white: #f0f0e8;
  --off-white: #10110e;
  --muted: #a4a59b;
  --line: #383a32;
  --serif: "Archivo Black", Impact, sans-serif;
  --sans: "Hanken Grotesk", Arial, sans-serif;
  color-scheme: dark;
  background: #10110e;
  color: #f0f0e8;
}

body:not(.home) ::selection { background: #c6f731; color: #10110e; }
body:not(.home) main::before { content: none; }
body:not(.home) .site-header {
  border: 0;
  border-bottom: 1px solid #44463d;
  border-radius: 0;
  background: #10110e;
  color: #f0f0e8;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body:not(.home) .brand-mark { color: #c6f731; }
body:not(.home) .primary-nav { font-family: "IBM Plex Mono", monospace; font-size: 11px; text-transform: uppercase; }
body:not(.home) .primary-nav > a:not(.button) { text-decoration: underline; text-decoration-color: #62645b; text-underline-offset: 5px; }
body:not(.home) .primary-nav > a:not(.button):hover,
body:not(.home) .primary-nav > a[aria-current="page"] { color: #c6f731; }
body:not(.home) .button {
  min-height: 48px;
  border: 1px solid #c6f731;
  border-radius: 0;
  background: transparent;
  color: #c6f731;
  font-family: "IBM Plex Mono", monospace;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
body:not(.home) .button:hover { background: #c6f731; color: #10110e; }
body:not(.home) .eyebrow,
body:not(.home) .footer-label,
body:not(.home) .detail-index,
body:not(.home) .portfolio-index,
body:not(.home) .process-grid > div > span,
body:not(.home) .build-options-grid article > span,
body:not(.home) .pricing-number { font-family: "IBM Plex Mono", monospace; }
body:not(.home) .eyebrow { color: #c6f731; font-size: 10px; letter-spacing: .12em; }
body:not(.home) .eyebrow-dot { background: #c6f731; }
body:not(.home) h1,
body:not(.home) h2,
body:not(.home) h3 { font-family: "Archivo Black", Impact, sans-serif; font-weight: 400; }
body:not(.home) h1,
body:not(.home) h2 { letter-spacing: -.065em; }
body:not(.home) h1 em,
body:not(.home) h2 em { color: #c6f731; font-family: inherit; font-style: normal; font-weight: 400; letter-spacing: inherit; }
body:not(.home) .page-hero { border-color: #383a32; background: #10110e; }
body:not(.home) .page-hero h1 { font-size: clamp(54px, 7vw, 92px); line-height: .96; }
body:not(.home) .page-lede,
body:not(.home) .detail-copy .body-large,
body:not(.home) .build-options-intro > p:last-child,
body:not(.home) .future-grid > div:last-child > p,
body:not(.home) .location-inner > p,
body:not(.home) .contact-aside > p:not(.eyebrow) { color: #b7b8ae; }
body:not(.home) .text-link { color: #f0f0e8; font-family: "IBM Plex Mono", monospace; font-size: 11px; text-transform: uppercase; }
body:not(.home) .text-link span { color: #c6f731; }

body:not(.home) .about-hero { background: #171914; }
body:not(.home) .about-hero:before {
  background: linear-gradient(90deg, rgba(16,17,14,.9), rgba(16,17,14,.62) 56%, rgba(16,17,14,.28)),
    linear-gradient(0deg, rgba(16,17,14,.68), transparent 72%);
}
body:not(.home) .about-hero-image { filter: grayscale(.85) brightness(.52); }
body:not(.home) .about-hero .eyebrow,
body:not(.home) .about-hero .page-lede { color: #d3d4ca; }
body:not(.home) .about-hero .eyebrow-dot { background: #65e5d6; }
body:not(.home) .about-hero h1 { color: #f0f0e8; }
body:not(.home) .about-story { background: #10110e; }
body:not(.home) .about-copy > p:not(.eyebrow),
body:not(.home) .about-copy .body-large { color: #b7b8ae; }
body:not(.home) .values-section,
body:not(.home) .detail-tint,
body:not(.home) .build-options,
body:not(.home) .pricing-section,
body:not(.home) .contact-section,
body:not(.home) .portfolio,
body:not(.home) .future-section { background: #151611; }
body:not(.home) .values-grid article { border-color: #44463d; }
body:not(.home) .values-grid article > span,
body:not(.home) .location-star { color: #65e5d6; }
body:not(.home) .values-grid p { color: #b7b8ae; }
body:not(.home) .location-band { background: #1b1d16; color: #f0f0e8; }
body:not(.home) .location-inner h2 { font-size: clamp(38px, 5vw, 58px); line-height: 1; }

body:not(.home) .detail-grid { gap: 34px; }
body:not(.home) .detail-index { color: #c6f731; font-size: 11px; }
body:not(.home) .detail-copy .eyebrow { color: #65e5d6; }
body:not(.home) .detail-copy h2,
body:not(.home) .build-options-intro h2,
body:not(.home) .future-grid h2,
body:not(.home) .pricing-intro h2 { font-size: clamp(40px, 5vw, 64px); line-height: .98; }
body:not(.home) .tag-list span { border-color: #494b40; border-radius: 0; color: #c7c8bd; }
body:not(.home) .small-note { color: #a4a59b; }
body:not(.home) .detail-image { border: 0; filter: none; height: 380px; transition: clip-path .45s ease, transform .45s ease; }
#websites .detail-image { clip-path: polygon(14% 0, 100% 0, 100% 86%, 86% 100%, 0 100%, 0 14%); }
#digital-products .detail-image { clip-path: ellipse(50% 50% at 50% 50%); }
#ongoing-support .detail-image { clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%); border-radius: 0 0 0 0; }
#websites .detail-image:hover { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
#digital-products .detail-image:hover { clip-path: ellipse(60% 60% at 50% 50%); }
#ongoing-support .detail-image:hover { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
@media (max-width: 760px) { body:not(.home) .detail-image { height: min(88vw, 360px); } }
@media (prefers-reduced-motion: reduce) { body:not(.home) .detail-image { transition: none; } }
body:not(.home) .build-options-grid { gap: 0; border-top: 1px solid #44463d; }
body:not(.home) .build-options-grid article { border: 0; border-bottom: 1px solid #44463d; background: transparent; }
body:not(.home) .build-options-grid article > span { color: #65e5d6; }
body:not(.home) .build-options-grid h3 { font-size: 24px; }
body:not(.home) .build-options-grid article > p,
body:not(.home) .hosting-options article p,
body:not(.home) .hosting-options > div:first-child > p:last-child { color: #b7b8ae; }
body:not(.home) .hosting-options { border-color: #44463d; }
body:not(.home) .hosting-options article { border-color: #c6f731; }
body:not(.home) .hosting-options h4 { font-family: "Archivo Black", Impact, sans-serif; font-weight: 400; }

body:not(.home) .toolbelt-section { background: #10110e; }
body:not(.home) .toolbelt-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 32px; }
body:not(.home) .toolbelt-heading h2 { margin-bottom: 0; font-size: clamp(40px, 5vw, 64px); line-height: .98; }
body:not(.home) .toolbelt-heading > p { max-width: 330px; margin: 0 0 5px; color: #b7b8ae; font-size: 14px; }
body:not(.home) .toolbelt-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; border-top: 1px solid #44463d; border-left: 1px solid #44463d; list-style: none; }
body:not(.home) .toolbelt-item { min-height: 158px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 22px 24px; border-right: 1px solid #44463d; border-bottom: 1px solid #44463d; background: #151611; }
body:not(.home) .toolbelt-logo { width: 42px; height: 42px; flex: none; margin-bottom: 17px; }
body:not(.home) .toolbelt-name { color: #f0f0e8; font-family: "Archivo Black", Impact, sans-serif; font-size: 17px; line-height: 1.2; }
body:not(.home) .toolbelt-maker { margin-top: 5px; color: #a4a59b; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
body:not(.home) .hostinger-mark { padding: 3px; }

body:not(.home) .future-section { border-block: 1px solid #44463d; }
body:not(.home) .portfolio-grid { gap: 48px 24px; }
body:not(.home) .portfolio-visual { background: #1b1d16; }
body:not(.home) .portfolio-project-visual { border: 1px solid #44463d; }
body:not(.home) .project-thumbnail { filter: none; }
body:not(.home) .portfolio-info { border-bottom: 1px solid #383a32; }
body:not(.home) .portfolio-info .eyebrow { color: #65e5d6; }
body:not(.home) .portfolio-info p:not(.eyebrow) { color: #b7b8ae; }
body:not(.home) .portfolio-index { color: #c6f731; }

body:not(.home) .pricing-hero { min-height: 560px; background: #10110e; }
body:not(.home) .pricing-hero:before { border: 1px solid #c6f731; border-radius: 0; background: #1b1d16; transform: translate(10px, 10px); }
body:not(.home) .pricing-hero-image { border: 1px solid #44463d; border-radius: 0; filter: grayscale(.85) brightness(.5); box-shadow: none; }
body:not(.home) .pricing-hero-copy { width: min(58%, 680px); }
body:not(.home) .pricing-intro > p:last-child { color: #b7b8ae; }
body:not(.home) .pricing-cards { gap: 0; border-top: 1px solid #44463d; border-bottom: 1px solid #44463d; }
body:not(.home) .pricing-card,
body:not(.home) .pricing-card-featured { border-right: 1px solid #44463d; background: #151611; color: #f0f0e8; }
body:not(.home) .pricing-card:last-child { border-right: 0; }
body:not(.home) .pricing-card .eyebrow,
body:not(.home) .pricing-card-featured .eyebrow { color: #65e5d6; }
body:not(.home) .pricing-card h3 { font-family: "Archivo Black", Impact, sans-serif; font-size: 24px; font-weight: 400; }
body:not(.home) .pricing-card > p:not(.eyebrow),
body:not(.home) .pricing-card-featured > p:not(.eyebrow),
body:not(.home) .pricing-card li,
body:not(.home) .pricing-card-featured li { color: #b7b8ae; }
body:not(.home) .pricing-number { color: #c6f731; }
body:not(.home) .pricing-card li:before { color: #c6f731; }
body:not(.home) .pricing-note { color: #a4a59b; }
body:not(.home) .process-strip { background: #1b1d16; color: #f0f0e8; }
body:not(.home) .process-grid > div > span { color: #c6f731; }
body:not(.home) .process-grid p { color: #b7b8ae; }

body:not(.home) .contact-grid { gap: 70px; }
body:not(.home) .contact-aside h2 { font-size: clamp(40px, 5vw, 58px); line-height: .98; }
body:not(.home) .contact-detail .footer-label { color: #a4a59b; }
body:not(.home) .contact-icon { border-color: #494b40; border-radius: 0; color: #65e5d6; }
body:not(.home) .contact-form { border: 1px solid #44463d; background: #171914; }
body:not(.home) .contact-form label > span { color: #c6f731; }
body:not(.home) .contact-form input,
body:not(.home) .contact-form select,
body:not(.home) .contact-form textarea { border-color: #494b40; background: #10110e; color: #f0f0e8; }
body:not(.home) .contact-form input:focus,
body:not(.home) .contact-form select:focus,
body:not(.home) .contact-form textarea:focus { border-color: #c6f731; box-shadow: 0 0 0 2px #c6f73133; }
body:not(.home) .form-note { color: #a4a59b; }
body:not(.home) .form-status { color: #ff9a9a; }
body:not(.home) .form-status[data-state="success"] { color: #65e5d6; }

body:not(.home) .cta-section { background: #c6f731; color: #10110e; }
body:not(.home) .cta-section .eyebrow { color: #10110e; }
body:not(.home) .cta-inner h2 em { color: #10110e; text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 5px; }
body:not(.home) .cta-section .button { border-color: #10110e; color: #10110e; }
body:not(.home) .cta-section .button:hover { background: #10110e; color: #c6f731; }
body:not(.home) .site-footer { border-top: 1px solid #44463d; background: #10110e; }
body:not(.home) .footer-brand p,
body:not(.home) .footer-bottom,
body:not(.home) .footer-links > div { color: #a4a59b; }
body:not(.home) .footer-links a:hover { color: #c6f731; }
body:not(.home) .footer-label { color: #65e5d6; }

@media (max-width: 680px) {
  body:not(.home) .site-header { border-radius: 0; }
  body:not(.home) .menu-toggle { color: #f0f0e8; font-family: "IBM Plex Mono", monospace; font-size: 10px; text-transform: uppercase; }
  body:not(.home) .primary-nav { border-color: #383a32; border-radius: 0; background: #10110e; box-shadow: none; }
  body:not(.home) .primary-nav > a:not(.button) { border-color: #383a32; }
  body:not(.home) .page-hero h1 { font-size: clamp(48px, 12vw, 70px); }
  body:not(.home) .pricing-hero { min-height: 0; }
  body:not(.home) .pricing-hero:before { border-radius: 0; }
  body:not(.home) .pricing-hero-image { filter: grayscale(.75) brightness(.56); }
  body:not(.home) .pricing-card,
  body:not(.home) .pricing-card-featured { border-right: 0; border-bottom: 1px solid #44463d; }
  body:not(.home) .pricing-card:last-child { border-bottom: 0; }
  body:not(.home) .toolbelt-heading { align-items: flex-start; flex-direction: column; gap: 15px; }
  body:not(.home) .toolbelt-heading h2 { font-size: 43px; }
  body:not(.home) .toolbelt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body:not(.home) .toolbelt-item { min-height: 140px; padding: 18px; }
  body:not(.home) .toolbelt-logo { width: 38px; height: 38px; margin-bottom: 13px; }
}

body.home ::selection { background: #c6f731; color: #10110e; }
body.home .site-header {
  border: 0;
  border-bottom: 1px solid #44463d;
  border-radius: 0;
  background: #10110e;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body.home .site-header .brand-mark { color: #c6f731; }
body.home .brand { letter-spacing: -.06em; }
body.home .primary-nav { font-family: "IBM Plex Mono", monospace; font-size: 11px; text-transform: uppercase; }
body.home .primary-nav > a:not(.button) { text-decoration: underline; text-decoration-color: #62645b; text-underline-offset: 5px; }
body.home .primary-nav > a:not(.button):hover,
body.home .primary-nav > a[aria-current="page"] { color: #c6f731; }
body.home .button {
  min-height: 48px;
  border: 1px solid #c6f731;
  border-radius: 0;
  background: transparent;
  color: #c6f731;
  font-family: "IBM Plex Mono", monospace;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
body.home .button:hover { background: #c6f731; color: #10110e; }
body.home .hero {
  padding-top: 156px;
  background: #10110e;
  color: #f0f0e8;
}
body.home .hero::after { content: none; }
body.home .hero-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: end; gap: 16px; min-height: 0; }
body.home .hero-copy { max-width: 1200px; padding-block: 56px 68px; }
body.home .hero-visual { align-self: end; justify-self: end; width: min(130%, 700px); margin-right: -6%; margin-bottom: -1px; }
body.home .hero-visual img { display: block; width: 100%; height: auto; filter: drop-shadow(0 24px 40px rgba(0, 0, 0, .5)); }
@media (min-width: 981px) {
  body.home .hero h1 { font-size: clamp(48px, 6.9vw, 104px); }
}
@media (max-width: 980px) {
  body.home .hero-grid { grid-template-columns: 1fr; }
  body.home .hero-visual { justify-self: center; width: min(78%, 340px); margin-top: -10px; }
}
body.home .eyebrow,
body.home .hero-note,
body.home .hero-foot,
body.home .card-number,
body.home .service-card-detail,
body.home .footer-label {
  font-family: "IBM Plex Mono", monospace;
}
body.home .eyebrow { color: #c6f731; font-size: 10px; letter-spacing: .12em; }
body.home .eyebrow-dot { background: #c6f731; }
body.home h1,
body.home h2,
body.home h3 { font-family: "Archivo Black", Impact, sans-serif; font-weight: 400; }
body.home h1 {
  max-width: 1280px;
  margin: 32px 0 30px;
  font-size: clamp(56px, 10.3vw, 138px);
  letter-spacing: -.075em;
  line-height: .91;
}
body.home h1 span { color: #f0f0e8; }
body.home .hero h1 em { color: #c6f731; }
body.home h1 em,
body.home h2 em { color: #c6f731; font-family: inherit; font-style: normal; letter-spacing: inherit; }
body.home .hero-intro { max-width: 600px; margin-bottom: 28px; color: #c4c5bb; font-size: clamp(16px, 1.6vw, 20px); }
body.home .hero .hero-intro { color: #c4c5bb; }
body.home .hero-actions { gap: 28px; }
body.home .hero .text-link,
body.home .text-link { color: #f0f0e8; font-family: "IBM Plex Mono", monospace; font-size: 11px; text-transform: uppercase; }
body.home .text-link span { color: #c6f731; }
body.home .hero-note { margin-top: 34px; color: #a4a59b; font-size: 10px; }
body.home .hero .hero-note { color: #a4a59b; }
body.home .note-line { background: #c6f731; }
body.home .hero-foot { width: 100%; overflow: hidden; border-block: 1px solid #45473c; color: #10110e; }
.ticker-track {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 14px 0;
  background: #c6f731;
  font-family: "IBM Plex Mono", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  white-space: nowrap;
  animation: ticker-scroll 38s linear infinite;
}
.ticker-track i { font-size: 15px; font-style: normal; }
@keyframes ticker-scroll { to { transform: translateX(-50%); } }
body.home .ledger-section { padding-block: 84px 90px; background: #151611; }
.ledger-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 38px; }
.ledger-heading h2 { margin: 0; font-size: clamp(42px, 6vw, 72px); letter-spacing: -.065em; line-height: .94; }
.ledger-heading > p { max-width: 330px; margin: 0 0 5px; color: #a4a59b; font-size: 14px; }
.ledger-scroll { overflow-x: auto; }
.ledger-scroll-hint { display: none; }
.ledger-table { width: 100%; border-collapse: collapse; text-align: left; }
.ledger-table th,
.ledger-table td { padding: 19px 16px; border-bottom: 1px solid #383a32; vertical-align: top; }
.ledger-table thead th {
  padding-block: 14px;
  color: #a4a59b;
  font-family: "IBM Plex Mono", monospace;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .1em;
}
.ledger-table tbody th { min-width: 155px; color: #f0f0e8; font-size: 16px; white-space: nowrap; }
.ledger-index { margin-right: 10px; color: #c6f731; font-family: "IBM Plex Mono", monospace; font-size: 10px; }
.ledger-table td { width: 24%; color: #b7b8ae; font-size: 13px; line-height: 1.55; }
.ledger-table td strong { color: #f0f0e8; font-weight: 600; }
.ledger-foot { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 25px 0 0; }
.status-chip { display: inline-flex; align-items: center; gap: 9px; color: #b7b8ae; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: .06em; }
.status-chip i { width: 7px; height: 7px; border-radius: 50%; background: #65e5d6; box-shadow: 0 0 10px #65e5d6a0; }
body.home .section-pad { padding-block: 96px; }
body.home .intro,
body.home .services-preview,
body.home .orbit-section,
body.home .work-preview,
body.home .reviews { background: #10110e; color: #f0f0e8; }
body.home .intro-grid h2,
body.home .section-heading h2,
body.home .reviews h2,
body.home .cta-inner h2 { font-size: clamp(40px, 5.2vw, 64px); letter-spacing: -.065em; line-height: .98; }
body.home .intro-grid .body-large,
body.home .intro-grid > div:last-child > p,
body.home .section-heading > p,
body.home .reviews .rv-sub { color: #b7b8ae; }
body.home .intro-showcase,
body.home .orbit-showcase { border: 1px solid #383a32; filter: saturate(.72); }
body.home .service-card {
  border: 1px solid #46483e;
  border-radius: 0;
  background: #171914;
  box-shadow: none;
  color: #f0f0e8;
}
body.home .service-card:nth-child(2) { background: #1b1d16; }
body.home .service-card:nth-child(3) { background: #20221a; }
body.home .service-card:hover { border-color: #c6f731; }
body.home .service-card p,
body.home .service-card:nth-child(3) p,
body.home .service-card:nth-child(3) .card-number { color: #b7b8ae; }
body.home .service-card-detail,
body.home .service-card:nth-child(3) .service-card-detail,
body.home .card-arrow { color: #c6f731; }
body.home .lo-art { --bg: #171914; }
body.home .lo-flow { --bg: #1b1d16; }
body.home .lo-accent,
body.home .lo-core { fill: #c6f731; }
body.home .lo-dot,
body.home .lo-core-outer { stroke: #c6f731; }
body.home .services-preview { overflow: clip; }
body.home .service-cards {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(270px, auto));
  gap: 0;
  padding: 14px 0 74px;
  perspective: 1200px;
}
body.home .service-card {
  position: relative;
  top: auto;
  min-width: 0;
  min-height: 300px;
  display: grid;
  grid-template-columns: 1.1fr .8fr;
  grid-template-rows: 1fr auto;
  align-items: end;
  column-gap: 8%;
  margin: 0;
  padding: 64px 7% 42px;
  overflow: hidden;
  border: 1px solid #10110e;
  border-radius: 9px;
  box-shadow: 0 22px 40px #00000038;
  transform-origin: center;
  transition: transform .3s ease, box-shadow .3s ease;
}
body.home .service-card:nth-child(1) {
  z-index: 1;
  grid-column: 1 / 9;
  grid-row: 1;
  background: #65e5d6;
  color: #10110e;
  transform: rotate(-3.5deg);
}
body.home .service-card:nth-child(2) {
  z-index: 2;
  grid-column: 4 / 12;
  grid-row: 2;
  margin-top: -100px;
  background: #f0f0e8;
  color: #10110e;
  transform: rotate(2.5deg);
}
body.home .service-card:nth-child(3) {
  z-index: 3;
  grid-column: 5 / 13;
  grid-row: 3;
  margin-top: -100px;
  background: #c6f731;
  color: #10110e;
  transform: rotate(-2deg);
}
body.home .service-card:hover {
  z-index: 4;
  box-shadow: 0 28px 54px #00000055;
  transform: rotate(0) translateY(-5px);
}
body.home .service-card:before { opacity: .13; }
body.home .service-card .card-number { left: 7%; color: #30332a; }
body.home .service-card h3 { font-family: "Archivo Black", Impact, sans-serif; font-size: clamp(29px, 3.5vw, 46px); }
body.home .service-card p,
body.home .service-card:nth-child(3) p,
body.home .service-card:nth-child(3) .card-number { color: #30332a; }
body.home .service-card .service-card-detail { padding-right: 38px; }
body.home .service-card-detail,
body.home .service-card:nth-child(3) .service-card-detail { color: #30332a; }
body.home .service-card .card-arrow { color: #10110e; }
body.home .service-card .lo-art { color: #10110e; }
body.home .service-card .lo-accent,
body.home .service-card .lo-core { fill: #10110e; }
body.home .service-card .lo-dot,
body.home .service-card .lo-core-outer { stroke: #10110e; }
body.home .service-card .lo-support { width: 250px; height: 162px; }
body.home .feature-band {
  width: 100%;
  border-block: 1px solid #46483e;
  border-radius: 0;
  background: #1b1d16;
  color: #f0f0e8;
}
body.home .feature-grid .eyebrow { color: #c6f731; }
body.home .feature-grid h2 em { color: #c6f731; }
body.home .feature-grid > p { color: #b7b8ae; }
body.home .work-card { border: 1px solid #383a32; }
body.home .work-visual { background: #171914; }
body.home .project-thumbnail { filter: none; }
body.home .work-meta { padding: 17px; }
body.home .work-meta p,
body.home .concept-note { color: #a4a59b; }
body.home .work-meta > span { color: #c6f731; }
body.home .reviews .rv-card { border: 1px solid #383a32; border-radius: 0; background: #171914; box-shadow: none; }
body.home .reviews .rv-topic,
body.home .reviews .rv-stars,
body.home .reviews .rv-more { color: #c6f731; }
body.home .reviews .rv-quote p,
body.home .reviews .rv-who cite { color: #f0f0e8; }
body.home .reviews .rv-who { border-color: #383a32; }
body.home .reviews .rv-who span,
body.home .reviews .rv-google p { color: #a4a59b; }
body.home .reviews .rv-btn { border-color: #55574c; border-radius: 0; background: #171914; color: #f0f0e8; }
body.home .reviews .rv-btn:hover:not(:disabled) { border-color: #c6f731; color: #c6f731; }
body.home .reviews .rv-btn:focus-visible,
body.home .reviews .rv-more:focus-visible,
body.home .reviews .rv-track:focus-visible,
body.home .reviews .rv-google a:focus-visible { outline-color: #c6f731; }
body.home .reviews .rv-google { border-color: #383a32; }
body.home .cta-section { background: #c6f731; color: #10110e; }
body.home .cta-section .eyebrow { color: #10110e; }
body.home .cta-inner h2 em { color: #10110e; text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 5px; }
body.home .cta-section .button { border-color: #10110e; color: #10110e; }
body.home .cta-section .button:hover { background: #10110e; color: #c6f731; }
body.home .site-footer { border-radius: 0; background: #10110e; }
body.home .footer-brand p,
body.home .footer-bottom,
body.home .footer-links > div { color: #a4a59b; }
body.home .footer-links a:hover { color: #c6f731; }
body.home .footer-label { color: #c6f731; }

@media (max-width: 900px) {
  .ledger-table { min-width: 760px; }
}
@media (max-width: 680px) {
  body.home .site-header { margin-bottom: -70px; }
  body.home .menu-toggle { color: #f0f0e8; font-family: "IBM Plex Mono", monospace; font-size: 10px; text-transform: uppercase; }
  body.home .primary-nav { border-color: #383a32; background: #10110e; box-shadow: none; }
  body.home .primary-nav > a:not(.button) { border-color: #383a32; }
  body.home .hero { padding-top: 104px; }
  body.home .hero-copy { padding-block: 42px 45px; }
  body.home h1 { margin-block: 26px; font-size: clamp(45px, 12.1vw, 80px); letter-spacing: -.075em; }
  body.home .hero-intro { font-size: 16px; }
  body.home .hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; }
  body.home .hero-note { align-items: flex-start; margin-top: 25px; }
  body.home .hero-foot { margin-top: 0; }
  .ticker-track { gap: 19px; padding-block: 12px; font-size: 9px; animation-duration: 30s; }
  body.home .ledger-section { padding-block: 66px 70px; }
  .ledger-heading { align-items: flex-start; flex-direction: column; gap: 17px; margin-bottom: 26px; }
  .ledger-heading h2 { font-size: 44px; }
  .ledger-heading > p { max-width: 380px; }
  .ledger-scroll-hint { display: block; margin: 12px 0 0; color: #a4a59b; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: .06em; }
  .ledger-scroll-hint span { color: #c6f731; }
  .ledger-foot { align-items: flex-start; flex-direction: column; }
  body.home .section-pad { padding-block: 70px; }
  body.home .intro-grid h2,
  body.home .section-heading h2,
  body.home .reviews h2,
  body.home .cta-inner h2 { font-size: 43px; }
  body.home .feature-band { width: 100%; }
  body.home .service-cards {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 0;
    padding: 8px 8px 36px;
  }
  body.home .service-card,
  body.home .service-card:nth-child(1),
  body.home .service-card:nth-child(2),
  body.home .service-card:nth-child(3) {
    grid-column: 1;
    grid-row: auto;
    min-height: 270px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto auto;
    align-items: end;
    column-gap: 0;
    row-gap: 17px;
    margin: 0 0 0;
    padding: 58px 24px 40px;
    border-radius: 7px;
  }
  body.home .service-card:nth-child(1) { transform: rotate(-1.5deg); }
  body.home .service-card:nth-child(2) { z-index: 2; margin-top: -24px; transform: rotate(1.4deg); }
  body.home .service-card:nth-child(3) { z-index: 3; margin-top: -24px; transform: rotate(-1deg); }
  body.home .service-card:hover { transform: rotate(0) translateY(-3px); }
  body.home .service-card h3 { font-size: clamp(30px, 8vw, 42px); }
  body.home .service-card .lo-art { right: 12px; width: 150px; height: 105px; opacity: .5; }
  body.home .service-card .lo-support { width: 165px; height: 106px; }
}
@media (prefers-reduced-motion: reduce) {
  .ticker-track { animation: none; }
}