@font-face {
  font-family: "Inter Tight";
  src: url("/assets/fonts/inter-tight-latin.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
}

:root {
  --hp-ink: #08090a;
  --hp-ink-soft: #111315;
  --hp-panel: #17191c;
  --hp-paper: #f0eee7;
  --hp-paper-2: #e7e4db;
  --hp-white: #fbfaf6;
  --hp-muted: #9a9b9f;
  --hp-line: rgba(255, 255, 255, 0.12);
  --hp-dark-line: rgba(8, 9, 10, 0.13);
  --hp-lime: #d6ff3f;
  --hp-violet: #6971ff;
  --hp-coral: #ff6b4a;
  --hp-radius: 28px;
  --hp-max: 1600px;
  --hp-gutter: clamp(22px, 4vw, 68px);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; }
button, input, select, textarea { font: inherit; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

.premium-home {
  overflow-x: hidden;
  background: var(--hp-ink);
  color: var(--hp-white);
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}

.premium-home::selection { background: var(--hp-lime); color: var(--hp-ink); }
.premium-home main { overflow: clip; }
.premium-home h1, .premium-home h2, .premium-home h3, .premium-home p { margin: 0; }
.premium-home ul, .premium-home ol { margin: 0; padding: 0; list-style: none; }
.premium-home em { font-style: normal; }

.hp-skip {
  position: fixed;
  z-index: 999;
  top: 12px;
  left: 12px;
  padding: 12px 18px;
  border-radius: 999px;
  background: var(--hp-lime);
  color: var(--hp-ink);
  transform: translateY(-160%);
}

.hp-skip:focus { transform: translateY(0); }

/* Header */

.hp-header {
  position: fixed;
  z-index: 120;
  top: 0;
  right: 0;
  left: 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  min-height: 88px;
  padding: 14px var(--hp-gutter);
  color: var(--hp-white);
  transition: color 220ms ease, background 220ms ease, border-color 220ms ease, backdrop-filter 220ms ease;
}

.hp-header.scrolled {
  border-bottom: 1px solid var(--hp-dark-line);
  background: rgba(240, 238, 231, 0.92);
  color: var(--hp-ink);
  -webkit-backdrop-filter: blur(20px) saturate(1.15);
  backdrop-filter: blur(20px) saturate(1.15);
}

.hp-wordmark {
  position: relative;
  z-index: 3;
  display: inline-flex;
  align-items: baseline;
  letter-spacing: -0.065em;
  font-size: clamp(28px, 2.25vw, 39px);
  font-weight: 800;
  line-height: 1;
}

.hp-wordmark i { color: var(--hp-lime); font-style: normal; }

.hp-nav {
  justify-self: center;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px;
  border: 1px solid var(--hp-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  transition: border-color 220ms ease, background 220ms ease;
}

.hp-header.scrolled .hp-nav { border-color: var(--hp-dark-line); background: rgba(8, 9, 10, 0.045); }

.hp-nav a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  padding: 0 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 620;
  opacity: 0.72;
  transition: opacity 160ms ease, background 160ms ease;
}

.hp-nav a:hover { background: rgba(255, 255, 255, 0.1); opacity: 1; }
.hp-header.scrolled .hp-nav a:hover { background: var(--hp-white); }
.hp-nav-portal { display: none !important; }

.hp-header-actions { display: flex; align-items: center; gap: 18px; }
.hp-header-link { font-size: 14px; font-weight: 650; opacity: 0.72; }

.hp-header-cta,
.hp-btn,
.hp-form-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border-radius: 999px;
  font-weight: 720;
  transition: transform 180ms ease, background 180ms ease, color 180ms ease;
}

.hp-header-cta { min-height: 54px; padding: 6px 7px 6px 22px; background: var(--hp-white); color: var(--hp-ink); font-size: 14px; }
.hp-header-cta b, .hp-btn b, .hp-form-submit b { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--hp-ink); color: var(--hp-white); font-weight: 500; }
.hp-header.scrolled .hp-header-cta { background: var(--hp-ink); color: var(--hp-white); }
.hp-header.scrolled .hp-header-cta b { background: var(--hp-lime); color: var(--hp-ink); }
.hp-header-cta:hover, .hp-btn:hover, .hp-form-submit:hover { transform: translateY(-2px); }

.hp-menu { display: none; }

/* Shared */

[data-reveal] { transition: opacity 650ms ease, transform 650ms cubic-bezier(.2,.7,.2,1); }
.js [data-reveal]:not(.is-visible) { opacity: 0; transform: translateY(28px); }

.hp-section-label {
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 12px;
  font-weight: 750;
}

.hp-section-label::before { width: 8px; height: 8px; border-radius: 50%; background: currentColor; content: ""; }

/* Hero */

.hp-hero {
  position: relative;
  min-height: min(980px, 100svh);
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(460px, 0.98fr);
  align-items: center;
  gap: clamp(30px, 3.8vw, 72px);
  max-width: var(--hp-max);
  margin: 0 auto;
  padding: 138px var(--hp-gutter) 72px;
  isolation: isolate;
}

.hp-hero::after {
  position: absolute;
  z-index: -3;
  inset: 0 -100vw;
  background: var(--hp-ink);
  content: "";
}

.hp-hero-grid {
  position: absolute;
  z-index: -2;
  inset: 0;
  opacity: 0.28;
  background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: linear-gradient(to bottom, black, transparent 92%);
  mask-image: linear-gradient(to bottom, black, transparent 92%);
}

.hp-hero-glow { position: absolute; z-index: -1; width: 36vw; height: 36vw; border-radius: 50%; filter: blur(100px); opacity: 0.15; pointer-events: none; }
.hp-hero-glow-a { top: -16vw; right: 0; background: var(--hp-violet); }
.hp-hero-glow-b { bottom: -20vw; left: -12vw; background: var(--hp-lime); opacity: .08; }

.hp-hero-copy { position: relative; z-index: 3; }
.hp-kicker { display: flex; align-items: center; gap: 12px; margin-bottom: 28px !important; color: #c6c6c7; text-transform: uppercase; letter-spacing: .14em; font-size: 12px; font-weight: 720; }
.hp-kicker span { width: 10px; height: 10px; border-radius: 50%; background: var(--hp-lime); box-shadow: 0 0 0 6px rgba(214,255,63,.09), 0 0 20px rgba(214,255,63,.8); }

.hp-hero h1 { max-width: 850px; letter-spacing: -0.07em; font-size: clamp(60px, 6.2vw, 108px); font-weight: 720; line-height: .88; }
.hp-hero h1 em { display: inline-block; color: var(--hp-lime); }
.hp-hero-lead { max-width: 690px; margin-top: 34px !important; color: #b4b4b7; font-size: clamp(17px, 1.3vw, 21px); line-height: 1.48; }
.hp-hero-lead strong { color: var(--hp-white); font-weight: 650; }

.hp-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.hp-btn { min-height: 58px; padding: 7px 8px 7px 24px; }
.hp-btn-primary { background: var(--hp-lime); color: var(--hp-ink); }
.hp-btn-primary b { background: var(--hp-ink); }
.hp-btn-ghost { padding-right: 22px; border: 1px solid rgba(255,255,255,.2); color: var(--hp-white); }
.hp-btn-ghost i { margin-left: 8px; font-style: normal; }
.hp-btn-ghost:hover { background: rgba(255,255,255,.08); }

.hp-hero-proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 670px; margin-top: 52px !important; padding-top: 24px !important; border-top: 1px solid var(--hp-line); }
.hp-hero-proof li { display: flex; gap: 12px; align-items: flex-start; color: #aaa; font-size: 13px; line-height: 1.25; }
.hp-hero-proof b { color: var(--hp-lime); font-size: 11px; letter-spacing: .08em; }

/* Hero command center */

.hp-command {
  --spot-x: 50%;
  --spot-y: 50%;
  position: relative;
  width: 100%;
  max-width: 760px;
  justify-self: end;
  overflow: visible;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 30px;
  background: linear-gradient(140deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
  box-shadow: 0 50px 120px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.025) inset;
  transform: perspective(1300px) rotateY(-4deg) rotateX(1deg);
  transition: transform 500ms cubic-bezier(.2,.8,.2,1);
}

.hp-command:hover { transform: perspective(1300px) rotateY(-1deg) rotateX(0); }
.hp-command::before { position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(520px circle at var(--spot-x) var(--spot-y), rgba(214,255,63,.13), transparent 43%); pointer-events: none; content: ""; }

.hp-command-top { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 54px; padding: 0 18px; border-bottom: 1px solid var(--hp-line); color: #85878a; font-size: 10px; letter-spacing: .13em; }
.hp-command-top > div { display: flex; gap: 6px; }
.hp-command-top > div i { width: 7px; height: 7px; border-radius: 50%; background: #4d4e51; }
.hp-command-top > div i:first-child { background: var(--hp-coral); }
.hp-command-top > div i:nth-child(2) { background: #ffd35a; }
.hp-command-top > div i:last-child { background: var(--hp-lime); }
.hp-command-top > b { justify-self: end; display: flex; align-items: center; gap: 8px; color: #bfc1c3; font-weight: 600; letter-spacing: 0; }
.hp-command-top > b i { width: 7px; height: 7px; border-radius: 50%; background: var(--hp-lime); box-shadow: 0 0 15px var(--hp-lime); animation: hp-pulse 1.8s ease-in-out infinite; }

.hp-command-body { position: relative; z-index: 2; display: grid; grid-template-columns: 68px minmax(0,1fr); min-height: 550px; }
.hp-command-body aside { display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 22px 10px; border-right: 1px solid var(--hp-line); }
.hp-command-body aside span { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 11px; color: #6f7174; font-size: 10px; font-weight: 700; }
.hp-command-body aside .active { margin-bottom: 18px; background: var(--hp-lime); color: var(--hp-ink); font-size: 18px; box-shadow: 0 10px 30px rgba(214,255,63,.16); }
.hp-command-main { padding: clamp(22px, 2.4vw, 36px); }
.hp-command-heading { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }
.hp-command-heading small { color: #707277; text-transform: uppercase; letter-spacing: .13em; font-size: 10px; }
.hp-command-heading h2 { margin-top: 7px; letter-spacing: -.045em; font-size: clamp(28px, 2.7vw, 42px); line-height: .98; }
.hp-command-heading > span { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; border: 1px solid rgba(214,255,63,.28); border-radius: 999px; background: rgba(214,255,63,.07); color: var(--hp-lime); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }

.hp-command-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin-top: 28px; }
.hp-command-metrics article { min-width: 0; padding: 16px; border: 1px solid var(--hp-line); border-radius: 17px; background: rgba(0,0,0,.26); }
.hp-command-metrics span { color: #77797c; font-size: 9px; font-weight: 750; letter-spacing: .12em; }
.hp-command-metrics strong { display: block; margin-top: 15px; font-size: 22px; letter-spacing: -.04em; }
.hp-command-metrics article > i { display: block; height: 3px; margin: 14px 0 9px; overflow: hidden; border-radius: 3px; background: #2d2f32; }
.hp-command-metrics article > i b { display: block; width: 80%; height: 100%; border-radius: inherit; transform-origin: left; animation: hp-grow 2.6s ease both; }
.hp-command-metrics small { color: #6f7174; font-size: 9px; white-space: nowrap; }
.metric-lime strong { color: var(--hp-lime); } .metric-lime i b { background: var(--hp-lime); }
.metric-violet strong { color: #9297ff; } .metric-violet i b { width: 70% !important; background: var(--hp-violet); }
.metric-coral strong { color: #ff8b72; } .metric-coral i b { width: 88% !important; background: var(--hp-coral); }

.hp-flow-card { margin-top: 13px; padding: 18px; border: 1px solid var(--hp-line); border-radius: 18px; background: rgba(0,0,0,.29); }
.hp-flow-top { display: flex; justify-content: space-between; color: #85878a; font-size: 10px; }
.hp-flow-top b { color: var(--hp-lime); font-weight: 650; }
.hp-flow { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 7px; margin-top: 23px; }
.hp-flow > div { min-width: 0; }
.hp-flow > span { color: #4f5154; }
.hp-flow i { display: grid; width: 28px; height: 28px; place-items: center; margin-bottom: 10px; border-radius: 8px; background: #25272a; color: var(--hp-lime); font-size: 9px; font-style: normal; }
.hp-flow strong, .hp-flow small { display: block; }
.hp-flow strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.hp-flow small { margin-top: 4px; color: #65676a; font-size: 9px; }

.hp-command-float { position: absolute; z-index: 5; min-width: 174px; padding: 14px 44px 14px 16px; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: rgba(20,22,24,.9); box-shadow: 0 18px 50px rgba(0,0,0,.45); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.hp-command-float span, .hp-command-float b { display: block; }
.hp-command-float span { color: #77797d; font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
.hp-command-float b { margin-top: 4px; font-size: 12px; }
.hp-command-float > i { position: absolute; top: 16px; right: 14px; display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--hp-lime); color: var(--hp-ink); font-size: 11px; font-style: normal; }
.hp-command-float-a { right: -34px; bottom: 72px; animation: hp-float 4.5s ease-in-out infinite; }
.hp-command-float-b { top: 105px; left: -38px; animation: hp-float 5.2s .6s ease-in-out infinite; }
.hp-command-float-b > i { background: var(--hp-violet); }

@keyframes hp-pulse { 50% { opacity: .35; transform: scale(.75); } }
@keyframes hp-grow { from { transform: scaleX(.1); } to { transform: scaleX(1); } }
@keyframes hp-float { 50% { transform: translateY(-9px); } }

/* Signal */

.hp-signal { display: flex; overflow: hidden; border-top: 1px solid var(--hp-line); border-bottom: 1px solid var(--hp-line); background: var(--hp-ink); }
.hp-signal > div { flex: 0 0 auto; display: flex; align-items: center; min-width: 100%; gap: 34px; padding: 22px 17px; animation: hp-marquee 30s linear infinite; }
.hp-signal span { white-space: nowrap; font-size: clamp(20px, 2.1vw, 34px); font-weight: 720; letter-spacing: -.035em; }
.hp-signal i { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: var(--hp-lime); }
@keyframes hp-marquee { to { transform: translateX(-100%); } }

/* Outcomes */

.hp-outcomes { padding: clamp(100px, 10vw, 168px) var(--hp-gutter); background: var(--hp-paper); color: var(--hp-ink); }
.hp-section-intro { display: grid; grid-template-columns: .52fr 1.2fr .68fr; gap: clamp(30px,5vw,86px); max-width: var(--hp-max); margin: 0 auto 84px; align-items: start; }
.hp-section-intro h2, .hp-services-head h2, .hp-system-copy h2, .hp-showcase-head h2, .hp-quality-head h2, .hp-process-head h2, .hp-why h2, .hp-contact h2 { letter-spacing: -.06em; font-size: clamp(49px, 5.7vw, 96px); font-weight: 690; line-height: .94; }
.hp-section-intro h2 em, .hp-services-head h2 em, .hp-system-copy h2 em, .hp-quality-head h2 em, .hp-process-head h2 em, .hp-why h2 em, .hp-contact h2 em { color: var(--hp-violet); }
.hp-section-intro > p:last-child { max-width: 440px; color: #5c5c5a; font-size: 18px; line-height: 1.55; }

.hp-outcome-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; max-width: var(--hp-max); margin: 0 auto; }
.hp-outcome-grid article { min-height: 340px; display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--hp-dark-line); border-radius: 22px; background: rgba(255,255,255,.3); transition: transform 220ms ease, background 220ms ease; }
.hp-outcome-grid article:hover { transform: translateY(-6px); background: var(--hp-white); }
.hp-outcome-grid b { color: #99968d; font-size: 11px; }
.hp-outcome-grid span { margin-top: auto; color: var(--hp-violet); font-size: 10px; font-weight: 780; letter-spacing: .14em; }
.hp-outcome-grid h3 { margin-top: 13px; letter-spacing: -.045em; font-size: clamp(26px,2.2vw,38px); line-height: 1; }
.hp-outcome-grid p { margin-top: 17px; color: #66645f; font-size: 15px; }

/* Services */

.hp-services { padding: clamp(100px, 10vw, 170px) var(--hp-gutter); background: var(--hp-ink); }
.hp-services-head { display: grid; grid-template-columns: 1.3fr .55fr; gap: 60px; align-items: end; max-width: var(--hp-max); margin: 0 auto 76px; }
.hp-services-head .hp-section-label { margin-bottom: 28px; color: var(--hp-lime); }
.hp-services-head h2 em { color: var(--hp-lime); }
.hp-services-head > p { max-width: 500px; justify-self: end; color: #97999c; font-size: 19px; }

.hp-service-list { display: grid; gap: 12px; max-width: var(--hp-max); margin: 0 auto; }
.hp-service {
  --spot-x: 50%;
  --spot-y: 50%;
  position: relative;
  display: grid;
  grid-template-columns: 72px minmax(300px,1.08fr) minmax(300px,.72fr) 66px;
  gap: clamp(22px,3vw,50px);
  align-items: center;
  min-height: 285px;
  overflow: hidden;
  padding: clamp(28px,3.5vw,56px);
  border: 1px solid var(--hp-line);
  border-radius: var(--hp-radius);
  background: var(--hp-panel);
}
.hp-service::before { position: absolute; inset: 0; background: radial-gradient(650px circle at var(--spot-x) var(--spot-y), rgba(255,255,255,.1), transparent 44%); opacity: 0; transition: opacity 200ms ease; pointer-events: none; content: ""; }
.hp-service:hover::before { opacity: 1; }
.hp-service-lime { border-color: rgba(214,255,63,.25); background: linear-gradient(120deg, rgba(214,255,63,.12), #141618 45%); }
.hp-service-violet { border-color: rgba(105,113,255,.34); background: linear-gradient(120deg, rgba(105,113,255,.16), #141618 45%); }
.hp-service-coral { border-color: rgba(255,107,74,.28); background: linear-gradient(120deg, rgba(255,107,74,.13), #141618 45%); }
.hp-service-paper { background: var(--hp-paper); color: var(--hp-ink); }
.hp-service-number { align-self: stretch; border-right: 1px solid currentColor; color: #6f7174; font-size: 11px; opacity: .55; }
.hp-service-copy p { margin-bottom: 16px; color: var(--hp-lime); font-size: 11px; font-weight: 780; letter-spacing: .14em; }
.hp-service-violet .hp-service-copy p { color: #9ea3ff; }
.hp-service-coral .hp-service-copy p { color: #ff967f; }
.hp-service-paper .hp-service-copy p { color: var(--hp-violet); }
.hp-service-copy h3 { max-width: 680px; letter-spacing: -.05em; font-size: clamp(30px,3vw,50px); line-height: .98; }
.hp-service-copy > span { display: block; margin-top: 20px; color: #888a8e; font-size: 13px; }
.hp-service-paper .hp-service-copy > span { color: #68665f; }
.hp-service ul { display: grid; gap: 12px; color: #b2b3b5; font-size: 14px; }
.hp-service li { display: flex; gap: 10px; }
.hp-service li::before { color: var(--hp-lime); content: "↳"; }
.hp-service-paper ul { color: #575650; }
.hp-service > a { display: grid; width: 58px; height: 58px; place-items: center; justify-self: end; border: 1px solid currentColor; border-radius: 50%; font-size: 22px; transition: transform 180ms ease, background 180ms ease, color 180ms ease; }
.hp-service > a:hover { transform: rotate(45deg); background: var(--hp-lime); color: var(--hp-ink); }

/* System map */

.hp-system { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(50px,7vw,120px); align-items: center; min-height: 900px; padding: clamp(100px, 10vw, 170px) var(--hp-gutter); background: var(--hp-paper); color: var(--hp-ink); }
.hp-system-copy { max-width: 650px; justify-self: end; }
.hp-system-copy .hp-section-label { margin-bottom: 30px; color: var(--hp-violet); }
.hp-system-copy h2 em { color: var(--hp-violet); }
.hp-system-copy > p { max-width: 530px; margin-top: 30px; color: #5c5a55; font-size: 18px; line-height: 1.55; }
.hp-text-link { display: inline-flex; align-items: center; gap: 30px; margin-top: 32px; padding-bottom: 8px; border-bottom: 1px solid currentColor; font-weight: 700; }
.hp-text-link span { color: var(--hp-violet); }

.hp-system-map { position: relative; min-height: 660px; max-width: 880px; width: 100%; justify-self: center; }
.hp-system-map::before { position: absolute; top: 50%; left: 50%; width: 520px; height: 520px; border: 1px solid rgba(105,113,255,.18); border-radius: 50%; transform: translate(-50%,-50%); content: ""; }
.hp-system-map::after { position: absolute; top: 50%; left: 50%; width: 320px; height: 320px; border: 1px dashed rgba(8,9,10,.16); border-radius: 50%; transform: translate(-50%,-50%); animation: hp-spin 35s linear infinite; content: ""; }
@keyframes hp-spin { to { transform: translate(-50%,-50%) rotate(360deg); } }
.hp-map-core { position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; width: 188px; height: 188px; place-items: center; padding: 28px; border-radius: 44px; background: var(--hp-ink); color: var(--hp-white); box-shadow: 0 35px 80px rgba(17,20,26,.25); transform: translate(-50%,-50%) rotate(-3deg); }
.hp-map-core small { color: var(--hp-lime); font-size: 9px; letter-spacing: .15em; }
.hp-map-core b { font-size: 74px; letter-spacing: -.09em; line-height: .8; }
.hp-map-core span { color: #8f9193; font-size: 11px; }
.hp-map-card { position: absolute; z-index: 2; width: min(275px,32%); min-height: 160px; padding: 22px; border: 1px solid var(--hp-dark-line); border-radius: 20px; background: rgba(251,250,246,.8); box-shadow: 0 20px 50px rgba(8,9,10,.07); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.hp-map-card span { color: #8c8982; font-size: 9px; font-weight: 750; letter-spacing: .12em; }
.hp-map-card h3 { margin-top: 24px; font-size: 26px; letter-spacing: -.04em; }
.hp-map-card p { margin-top: 5px; color: #74716a; font-size: 12px; }
.hp-map-card i { position: absolute; right: 18px; bottom: 18px; width: 10px; height: 10px; border-radius: 50%; background: var(--hp-lime); box-shadow: 0 0 0 7px rgba(214,255,63,.15); }
.hp-map-market i { background: var(--hp-violet); box-shadow: 0 0 0 7px rgba(105,113,255,.13); }
.hp-map-crm i { background: var(--hp-coral); box-shadow: 0 0 0 7px rgba(255,107,74,.13); }
.hp-map-data i { background: var(--hp-ink); box-shadow: 0 0 0 7px rgba(8,9,10,.08); }
.hp-map-web { top: 5%; left: 2%; transform: rotate(-2deg); }
.hp-map-market { top: 6%; right: 1%; transform: rotate(2deg); }
.hp-map-crm { bottom: 4%; left: 3%; transform: rotate(1.5deg); }
.hp-map-data { right: 2%; bottom: 3%; transform: rotate(-2deg); }
.hp-map-line { position: absolute; z-index: 1; top: 50%; left: 50%; width: 70%; height: 1px; background: linear-gradient(90deg, transparent, var(--hp-violet), transparent); transform-origin: center; }
.hp-map-line-a { transform: translate(-50%,-50%) rotate(34deg); }
.hp-map-line-b { transform: translate(-50%,-50%) rotate(-34deg); }

/* Showcase */

.hp-showcase { padding: clamp(100px, 10vw, 170px) var(--hp-gutter); background: #0d0e10; }
.hp-showcase-head { display: grid; grid-template-columns: .45fr 1.2fr; gap: 50px; align-items: end; max-width: var(--hp-max); margin: 0 auto 72px; }
.hp-showcase-head .hp-section-label { color: var(--hp-coral); }
.hp-showcase-head h2 { max-width: 1000px; }
.hp-showcase-grid { display: grid; grid-template-columns: 1.2fr .8fr; grid-template-rows: minmax(280px,1fr) auto; gap: 12px; max-width: var(--hp-max); margin: 0 auto; }
.hp-showcase-main, .hp-showcase-small { position: relative; min-height: 610px; overflow: hidden; border-radius: var(--hp-radius); }
.hp-showcase-main img, .hp-showcase-small img { width: 100%; height: 100%; object-fit: cover; transition: transform 750ms cubic-bezier(.2,.8,.2,1); }
.hp-showcase-main:hover img, .hp-showcase-small:hover img { transform: scale(1.035); }
.hp-showcase-shade { position: absolute; inset: 0; background: linear-gradient(to top, rgba(8,9,10,.94), transparent 65%), linear-gradient(90deg, rgba(8,9,10,.5), transparent 60%); }
.hp-showcase-content { position: absolute; right: clamp(25px,4vw,60px); bottom: clamp(28px,4vw,60px); left: clamp(25px,4vw,60px); }
.hp-showcase-content span { color: var(--hp-lime); font-size: 11px; font-weight: 780; letter-spacing: .14em; }
.hp-showcase-content h3 { max-width: 900px; margin-top: 15px; letter-spacing: -.05em; font-size: clamp(35px,4.3vw,70px); line-height: .96; }
.hp-showcase-small .hp-showcase-content h3 { font-size: clamp(30px,3vw,48px); }
.hp-showcase-content p { margin-top: 18px; color: #b5b5b7; }
.hp-showcase-note { min-height: 180px; display: grid; grid-template-columns: auto 1fr auto; gap: 30px; align-items: center; padding: 30px; border-radius: 22px; background: var(--hp-coral); color: var(--hp-ink); }
.hp-showcase-note span { font-size: 10px; font-weight: 780; letter-spacing: .12em; }
.hp-showcase-note strong { max-width: 540px; font-size: clamp(24px,2.4vw,38px); letter-spacing: -.04em; line-height: 1; }
.hp-showcase-note i { font-size: 46px; font-style: normal; }
.hp-showcase-note-dark { background: var(--hp-violet); color: var(--hp-white); }

/* Quality */

.hp-quality { padding: clamp(100px,10vw,170px) var(--hp-gutter); background: var(--hp-paper); color: var(--hp-ink); }
.hp-quality-head { display: grid; grid-template-columns: .45fr 1.2fr; gap: 50px; align-items: start; max-width: var(--hp-max); margin: 0 auto 72px; }
.hp-quality-head h2 em { color: var(--hp-coral); }
.hp-quality-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; max-width: var(--hp-max); margin: 0 auto; }
.hp-quality-grid article { min-height: 390px; display: flex; flex-direction: column; padding: 26px; border: 1px solid var(--hp-dark-line); border-radius: 22px; background: rgba(255,255,255,.32); }
.hp-quality-grid article > span { color: var(--hp-violet); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.hp-quality-grid h3 { margin-top: 70px; letter-spacing: -.045em; font-size: clamp(29px,2.6vw,43px); line-height: .98; }
.hp-quality-grid p { margin-top: 15px; color: #68665f; font-size: 14px; }
.hp-quality-bars, .hp-quality-search, .hp-quality-chart, .hp-quality-lock { margin-top: auto; }
.hp-quality-bars { display: flex; align-items: end; gap: 8px; height: 70px; }
.hp-quality-bars i { flex: 1; height: 45%; border-radius: 5px 5px 0 0; background: var(--hp-lime); }
.hp-quality-bars i:nth-child(2) { height: 67%; background: var(--hp-coral); }
.hp-quality-bars i:nth-child(3) { height: 83%; background: var(--hp-violet); }
.hp-quality-bars i:nth-child(4) { height: 100%; background: var(--hp-ink); }
.hp-quality-search { display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; padding: 13px; border: 1px solid var(--hp-dark-line); border-radius: 14px; background: var(--hp-white); font-size: 11px; }
.hp-quality-search i { width: 12px; height: 12px; border: 2px solid var(--hp-violet); border-radius: 50%; }
.hp-quality-search span { color: var(--hp-violet); }
.hp-quality-chart { display: flex; align-items: end; gap: 7px; height: 74px; padding-bottom: 1px; border-bottom: 1px solid var(--hp-dark-line); }
.hp-quality-chart i { flex: 1; height: 35%; border-radius: 4px 4px 0 0; background: var(--hp-violet); }
.hp-quality-chart i:nth-child(2) { height: 50%; }.hp-quality-chart i:nth-child(3) { height: 43%; }.hp-quality-chart i:nth-child(4) { height: 72%; background: var(--hp-coral); }.hp-quality-chart i:nth-child(5) { height: 62%; }.hp-quality-chart i:nth-child(6) { height: 95%; background: var(--hp-lime); }
.hp-quality-lock { display: flex; gap: 12px; align-items: center; }
.hp-quality-lock i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: var(--hp-lime); font-style: normal; }
.hp-quality-lock b { font-size: 13px; }

/* Process */

.hp-process { padding: clamp(100px,10vw,170px) var(--hp-gutter); background: var(--hp-ink); }
.hp-process-head { display: grid; grid-template-columns: .35fr 1.15fr .5fr; gap: 50px; max-width: var(--hp-max); margin: 0 auto 80px; align-items: start; }
.hp-process-head .hp-section-label { color: var(--hp-lime); }
.hp-process-head h2 em { color: var(--hp-lime); }
.hp-process-head > p { max-width: 390px; color: #96989b; font-size: 17px; }
.hp-process-grid { max-width: var(--hp-max); margin: 0 auto; border-top: 1px solid var(--hp-line); }
.hp-process-grid li { display: grid; grid-template-columns: .25fr 1fr; gap: 40px; min-height: 230px; padding: 38px 0; border-bottom: 1px solid var(--hp-line); transition: padding 220ms ease, color 220ms ease; }
.hp-process-grid li:hover { padding-right: 24px; padding-left: 24px; color: var(--hp-lime); }
.hp-process-grid > li > span { color: #686a6d; font-size: 12px; }
.hp-process-grid div { display: grid; grid-template-columns: .3fr .8fr .6fr; gap: 40px; align-items: start; }
.hp-process-grid small { color: var(--hp-lime); font-weight: 760; letter-spacing: .13em; }
.hp-process-grid h3 { max-width: 560px; letter-spacing: -.05em; font-size: clamp(31px,3vw,50px); line-height: .98; }
.hp-process-grid p { max-width: 430px; color: #929497; }

/* Why */

.hp-why { padding: clamp(100px,10vw,160px) var(--hp-gutter); background: var(--hp-lime); color: var(--hp-ink); }
.hp-why-copy { display: grid; grid-template-columns: .36fr 1.2fr; gap: 50px; max-width: var(--hp-max); margin: 0 auto 80px; }
.hp-why h2 em { color: var(--hp-violet); }
.hp-why-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); max-width: var(--hp-max); margin: 0 auto; border-top: 1px solid rgba(8,9,10,.24); }
.hp-why-grid article { min-height: 260px; padding: 28px 24px; border-right: 1px solid rgba(8,9,10,.24); }
.hp-why-grid article:first-child { border-left: 1px solid rgba(8,9,10,.24); }
.hp-why-grid b { font-size: 22px; letter-spacing: -.035em; }
.hp-why-grid p { max-width: 270px; margin-top: 100px; color: rgba(8,9,10,.68); }

/* Contact */

.hp-contact { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(50px,8vw,130px); padding: clamp(100px,10vw,170px) var(--hp-gutter); background: #0d0e10; }
.hp-contact-copy { max-width: 720px; justify-self: end; }
.hp-contact-copy .hp-section-label { margin-bottom: 30px; color: var(--hp-coral); }
.hp-contact h2 em { color: var(--hp-coral); }
.hp-contact-copy > p { max-width: 570px; margin-top: 30px; color: #a4a5a8; font-size: 18px; }
.hp-contact-links { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 34px; }
.hp-contact-links a { display: flex; gap: 25px; padding-bottom: 7px; border-bottom: 1px solid rgba(255,255,255,.25); font-weight: 690; }
.hp-contact-links span { color: var(--hp-lime); }
.hp-contact-copy ul { display: grid; gap: 10px; margin-top: 42px; color: #8e9093; font-size: 14px; }
.hp-contact-copy li { display: flex; gap: 10px; }.hp-contact-copy li i { color: var(--hp-lime); font-style: normal; }

.hp-form { position: relative; max-width: 780px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px 12px; padding: clamp(25px,4vw,50px); border: 1px solid var(--hp-line); border-radius: var(--hp-radius); background: #17191c; }
.hp-form-head { grid-column: 1/-1; display: flex; justify-content: space-between; margin-bottom: 15px; padding-bottom: 18px; border-bottom: 1px solid var(--hp-line); color: #7e8084; font-size: 10px; font-weight: 730; letter-spacing: .12em; }
.hp-form-head b { color: var(--hp-lime); letter-spacing: 0; }
.hp-field { display: grid; gap: 9px; }
.hp-field-full { grid-column: 1 / -1; }
.hp-field label { color: #a5a6a9; font-size: 12px; font-weight: 650; }
.hp-field input, .hp-field select, .hp-field textarea { width: 100%; border: 1px solid var(--hp-line); border-radius: 13px; outline: 0; background: #0f1012; color: var(--hp-white); transition: border-color 160ms ease, box-shadow 160ms ease; }
.hp-field input, .hp-field select { min-height: 56px; padding: 0 16px; }
.hp-field textarea { min-height: 148px; resize: vertical; padding: 16px; }
.hp-field input::placeholder, .hp-field textarea::placeholder { color: #56585b; }
.hp-field input:focus, .hp-field select:focus, .hp-field textarea:focus { border-color: var(--hp-lime); box-shadow: 0 0 0 3px rgba(214,255,63,.08); }
.hp-consent { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: #77797c; font-size: 11px; }
.hp-consent input { margin-top: 2px; accent-color: var(--hp-lime); }
.hp-form-submit { min-height: 62px; justify-self: stretch; border: 0; padding: 7px 8px 7px 24px; background: var(--hp-lime); color: var(--hp-ink); cursor: pointer; }
.hp-form-submit span { flex: 1; text-align: left; }
.hp-form-result { min-height: 1.2em; color: var(--hp-lime); font-size: 13px; }
.form-trap { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; }

/* Privacy preference panel */

.consent-panel {
  position: fixed;
  z-index: 220;
  right: 20px;
  bottom: 20px;
  left: 20px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 18px;
  align-items: center;
  max-width: 920px;
  margin: 0 auto;
  padding: 18px;
  border: 1px solid var(--hp-dark-line);
  border-radius: 20px;
  background: rgba(240,238,231,.96);
  color: var(--hp-ink);
  box-shadow: 0 30px 90px rgba(0,0,0,.35);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
  backdrop-filter: blur(18px) saturate(1.1);
}

.consent-mark { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: var(--hp-ink); color: var(--hp-lime); font-size: 20px; font-weight: 800; letter-spacing: -.06em; }
.consent-panel strong { display: block; font-size: 15px; }
.consent-panel p { margin-top: 3px !important; color: #66645f; font-size: 12px; }
.consent-actions { display: flex; gap: 8px; }
.consent-actions button { min-height: 44px; padding: 0 16px; border: 1px solid var(--hp-dark-line); border-radius: 999px; background: transparent; color: var(--hp-ink); cursor: pointer; font-size: 12px; font-weight: 700; }
.consent-actions button.is-primary { border-color: var(--hp-ink); background: var(--hp-ink); color: var(--hp-white); }
.consent-actions button:hover { transform: translateY(-1px); }

/* Footer */

.hp-footer { padding: 70px var(--hp-gutter) 28px; border-top: 1px solid var(--hp-line); background: var(--hp-ink); }
.hp-footer-top { display: grid; grid-template-columns: 1fr 1fr auto; gap: 40px; align-items: end; max-width: var(--hp-max); margin: 0 auto; padding-bottom: 70px; border-bottom: 1px solid var(--hp-line); }
.hp-footer-wordmark { font-size: clamp(60px,7vw,118px); font-weight: 780; letter-spacing: -.07em; line-height: .8; }.hp-footer-wordmark i { color: var(--hp-lime); font-style: normal; }
.hp-footer-top p { color: #8b8d90; }
.hp-footer-top > a:last-child { display: flex; gap: 30px; padding-bottom: 8px; border-bottom: 1px solid var(--hp-white); font-weight: 720; }.hp-footer-top > a:last-child span { color: var(--hp-lime); }
.hp-footer-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 40px; max-width: var(--hp-max); margin: 60px auto; }
.hp-footer-grid nav { display: grid; align-content: start; gap: 9px; }
.hp-footer-grid b { margin-bottom: 14px; color: #686a6e; text-transform: uppercase; letter-spacing: .13em; font-size: 10px; }
.hp-footer-grid a { color: #b7b8ba; font-size: 14px; }.hp-footer-grid a:hover { color: var(--hp-lime); }
.hp-footer-bottom { display: grid; grid-template-columns: 1fr auto 1fr; gap: 30px; align-items: end; max-width: var(--hp-max); margin: 0 auto; padding-top: 28px; border-top: 1px solid var(--hp-line); color: #6e7073; font-size: 12px; }
.hp-footer-bottom div { display: flex; gap: 20px; }
.hp-footer-bottom > b { justify-self: end; color: var(--hp-white); font-size: 28px; }

/* Responsive */

@media (max-width: 1280px) {
  .hp-header-link { display: none; }
  .hp-nav a { padding: 0 13px; }
  .hp-hero { grid-template-columns: minmax(0,1fr) minmax(420px,.88fr); }
  .hp-command-float { display: none; }
  .hp-service { grid-template-columns: 55px minmax(300px,1fr) minmax(250px,.65fr) 58px; }
}

@media (max-width: 1050px) {
  .hp-header { grid-template-columns: 1fr auto; min-height: 76px; }
  .hp-header-actions { display: none; }
  .hp-menu { position: relative; z-index: 4; display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid var(--hp-line); border-radius: 50%; background: rgba(255,255,255,.07); color: currentColor; }
  .hp-header.scrolled .hp-menu, .hp-header.menu-open .hp-menu { border-color: var(--hp-dark-line); background: var(--hp-white); color: var(--hp-ink); }
  .hp-menu span { position: absolute; width: 18px; height: 2px; background: currentColor; transition: transform 180ms ease; }
  .hp-menu span:first-child { transform: translateY(-4px); }.hp-menu span:last-child { transform: translateY(4px); }
  .hp-header.menu-open .hp-menu span:first-child { transform: rotate(45deg); }.hp-header.menu-open .hp-menu span:last-child { transform: rotate(-45deg); }
  .hp-nav { position: fixed; top: 10px; right: 10px; left: 10px; justify-self: stretch; display: none; flex-direction: column; align-items: stretch; padding: 82px 14px 18px; border: 1px solid var(--hp-dark-line); border-radius: 25px; background: var(--hp-paper); color: var(--hp-ink); box-shadow: 0 30px 80px rgba(0,0,0,.35); }
  .hp-header.menu-open { color: var(--hp-ink); }.hp-header.menu-open .hp-nav { display: flex; }
  .hp-nav a { min-height: 54px; border-top: 1px solid var(--hp-dark-line); border-radius: 0; font-size: 18px; opacity: 1; }
  .hp-nav .hp-nav-portal { display: inline-flex !important; color: #5b28ff; font-weight: 760; }

  .hp-hero { min-height: auto; grid-template-columns: 1fr; padding-top: 128px; }
  .hp-hero-copy { max-width: 880px; }
  .hp-command { max-width: none; margin: 30px 0 24px; transform: none; }
  .hp-command:hover { transform: none; }
  .hp-section-intro, .hp-services-head, .hp-showcase-head, .hp-quality-head, .hp-process-head, .hp-why-copy { grid-template-columns: 1fr; }
  .hp-section-intro > p:last-child, .hp-services-head > p { justify-self: start; }
  .hp-outcome-grid, .hp-quality-grid, .hp-why-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hp-service { grid-template-columns: 48px 1fr 58px; }
  .hp-service ul { grid-column: 2 / 3; }
  .hp-service > a { grid-column: 3; grid-row: 1 / span 2; }
  .hp-system { grid-template-columns: 1fr; }
  .hp-system-copy { max-width: 850px; justify-self: start; }
  .hp-showcase-grid { grid-template-columns: 1fr; }
  .hp-showcase-main, .hp-showcase-small { min-height: 570px; }
  .hp-process-grid div { grid-template-columns: .28fr .9fr .65fr; }
  .hp-why-grid article:nth-child(3) { border-left: 1px solid rgba(8,9,10,.24); }
  .hp-contact { grid-template-columns: 1fr; }
  .hp-contact-copy { max-width: 900px; justify-self: start; }
  .hp-form { max-width: none; }
}

@media (max-width: 700px) {
  :root { --hp-gutter: 20px; --hp-radius: 22px; }
  .hp-header { padding: 10px 18px; }
  .hp-wordmark { font-size: 29px; }
  .hp-hero { padding-top: 112px; padding-bottom: 55px; }
  .hp-kicker { align-items: flex-start; font-size: 10px; line-height: 1.5; }
  .hp-hero h1 { font-size: clamp(50px,15vw,74px); }
  .hp-hero-lead { margin-top: 26px !important; font-size: 17px; }
  .hp-btn { width: 100%; justify-content: space-between; }
  .hp-hero-proof { gap: 14px; }
  .hp-hero-proof li { display: grid; gap: 5px; font-size: 11px; }
  .hp-command { border-radius: 20px; }
  .hp-command-top { grid-template-columns: auto 1fr; }.hp-command-top > span { display: none; }
  .hp-command-body { grid-template-columns: 46px minmax(0,1fr); min-height: 480px; }
  .hp-command-body aside { padding: 16px 5px; }.hp-command-body aside span { width: 31px; height: 31px; }.hp-command-body aside .active { font-size: 14px; }
  .hp-command-main { padding: 18px 13px; }
  .hp-command-heading h2 { font-size: 27px; }
  .hp-command-metrics { gap: 5px; }.hp-command-metrics article { padding: 10px 8px; }.hp-command-metrics strong { font-size: 16px; }.hp-command-metrics small { display: none; }
  .hp-flow-card { padding: 13px; }.hp-flow { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; }.hp-flow > span { display: none; }.hp-flow small { display: none; }.hp-flow strong { font-size: 9px; }
  .hp-signal > div { gap: 20px; padding: 17px 10px; }
  .hp-section-intro h2, .hp-services-head h2, .hp-system-copy h2, .hp-showcase-head h2, .hp-quality-head h2, .hp-process-head h2, .hp-why h2, .hp-contact h2 { font-size: clamp(44px,13vw,66px); }
  .hp-outcome-grid, .hp-quality-grid, .hp-why-grid { grid-template-columns: 1fr; }
  .hp-outcome-grid article { min-height: 285px; }
  .hp-service { grid-template-columns: 1fr; min-height: 0; gap: 25px; padding: 28px 22px; }
  .hp-service-number { border: 0; }.hp-service ul { grid-column: auto; }.hp-service > a { grid-column: auto; grid-row: auto; justify-self: start; }
  .hp-service-copy h3 { font-size: 34px; }
  .hp-system { min-height: 0; }
  .hp-system-map { min-height: 660px; }
  .hp-system-map::before { width: 390px; height: 390px; }
  .hp-system-map::after { width: 230px; height: 230px; }
  .hp-map-core { width: 135px; height: 135px; border-radius: 32px; }.hp-map-core b { font-size: 54px; }.hp-map-core span { display: none; }
  .hp-map-card { width: 46%; min-height: 135px; padding: 16px; }.hp-map-card h3 { margin-top: 18px; font-size: 20px; }.hp-map-card p { font-size: 10px; }
  .hp-showcase-main, .hp-showcase-small { min-height: 500px; }
  .hp-showcase-note { grid-template-columns: 1fr auto; }.hp-showcase-note span { grid-column: 1/-1; }
  .hp-quality-grid article { min-height: 330px; }
  .hp-process-grid li { grid-template-columns: 1fr; gap: 20px; }
  .hp-process-grid div { grid-template-columns: 1fr; gap: 17px; }.hp-process-grid p { margin-top: 5px; }
  .hp-why-grid article, .hp-why-grid article:first-child, .hp-why-grid article:nth-child(3) { min-height: 210px; border-right: 0; border-left: 0; border-bottom: 1px solid rgba(8,9,10,.24); }.hp-why-grid p { margin-top: 70px; }
  .hp-form { grid-template-columns: 1fr; padding: 25px 18px; }.hp-field, .hp-field-full { grid-column: 1; }
  .hp-contact-links { display: grid; }.hp-contact-links a { justify-content: space-between; }
  .consent-panel { right: 10px; bottom: 10px; left: 10px; grid-template-columns: auto 1fr; gap: 12px; padding: 13px; border-radius: 17px; }
  .consent-mark { width: 42px; height: 42px; border-radius: 12px; }
  .consent-actions { grid-column: 1 / -1; }
  .consent-actions button { flex: 1; padding: 0 10px; }
  .hp-footer { padding-top: 55px; }.hp-footer-top { grid-template-columns: 1fr; }.hp-footer-grid { grid-template-columns: 1fr 1fr; }.hp-footer-bottom { grid-template-columns: 1fr; }.hp-footer-bottom > b { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}