.payroll-product {
  --payroll-cyan: var(--home-accent);
  --payroll-green: #66d493;
  --payroll-blue: #66a8ff;
  --payroll-amber: #d9a64b;
  --payroll-coral: #ff7770;
}

.payroll-product * { box-sizing: border-box; }
.payroll-product img { display: block; max-width: 100%; }
.payroll-product button, .payroll-product input, .payroll-product select, .payroll-product textarea { font: inherit; }
.payroll-skip { position: fixed; z-index: 999; top: -100px; left: 18px; padding: 10px 14px; border-radius: 8px; background: white; color: #080a0e; }
.payroll-skip:focus { top: 18px; }

.payroll-product .brand-mark.formal-logo {
  width: auto;
  height: 44px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.payroll-product .brand-mark.formal-logo img { width: auto; height: 44px; }

.payroll-nav-demo {
  border: 0;
  border-radius: 13px;
  padding: 10px 15px;
  background: linear-gradient(135deg, var(--home-accent), var(--home-accent-2));
  color: #04110f;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  box-shadow: 0 12px 34px rgba(92, 214, 204, .2);
}

.payroll-hero-new {
  position: relative;
  min-height: calc(100vh - 74px);
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: clamp(90px, 10vw, 138px) max(32px, calc((100vw - var(--home-max)) / 2)) 82px;
  isolation: isolate;
}

.payroll-hero-media { position: absolute; z-index: -2; inset: 0; overflow: hidden; }
.payroll-hero-media img {
  position: absolute;
  top: 11%;
  right: -7%;
  width: min(76vw, 1420px);
  height: auto;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  box-shadow: 0 42px 110px rgba(0, 0, 0, .55), 0 0 90px rgba(92, 214, 204, .12);
  transform: perspective(1500px) rotateY(-5deg) rotateX(1deg);
  transform-origin: right center;
  animation: payroll-hero-drift 9s ease-in-out infinite;
}

.payroll-hero-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8, 10, 14, 1) 0%, rgba(8, 10, 14, .96) 30%, rgba(8, 10, 14, .58) 64%, rgba(8, 10, 14, .16) 100%),
    linear-gradient(0deg, rgba(8, 10, 14, .96) 0%, transparent 40%, rgba(8, 10, 14, .28) 100%);
}

@keyframes payroll-hero-drift {
  0%, 100% { transform: perspective(1500px) rotateY(-5deg) rotateX(1deg) translateY(0); }
  50% { transform: perspective(1500px) rotateY(-4deg) rotateX(1deg) translateY(-10px); }
}

.payroll-hero-inner { position: relative; z-index: 2; width: min(780px, 64vw); }
.payroll-status-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.payroll-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  border: 1px solid var(--home-stroke);
  border-radius: 999px;
  background: rgba(8, 10, 14, .58);
  color: var(--home-muted);
  font-size: 11px;
  font-weight: 720;
  backdrop-filter: blur(12px);
}
.payroll-status.is-ready { border-color: rgba(102, 212, 147, .34); color: #b7edc9; }
.payroll-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--payroll-green); box-shadow: 0 0 12px var(--payroll-green); }
.payroll-hero-inner .home-eyebrow { margin-bottom: 20px; background: rgba(8, 10, 14, .64); }
.payroll-hero-inner h1 {
  max-width: 760px;
  margin: 0;
  color: var(--home-text);
  font-size: clamp(50px, 5.25vw, 82px);
  font-weight: 740;
  line-height: .95;
  letter-spacing: -0.052em;
}
.payroll-hero-inner h1 span { color: var(--home-accent); }
.payroll-hero-lead { max-width: 680px; margin: 26px 0 0; color: rgba(255,255,255,.72); font-size: clamp(17px, 1.55vw, 20px); line-height: 1.6; }
.payroll-hero-inner .home-actions { justify-content: flex-start; }
.payroll-product .home-btn { border-radius: 13px; cursor: pointer; }
.payroll-independence { max-width: 690px; margin: 17px 0 0; color: rgba(255,255,255,.4); font-size: 11px; line-height: 1.55; }
.payroll-hero-proof {
  position: absolute;
  right: max(32px, calc((100vw - var(--home-max)) / 2));
  bottom: 28px;
  display: flex;
  gap: 18px;
  color: rgba(255,255,255,.48);
  font: 10px ui-monospace, SFMono-Regular, Menlo, monospace;
}
.payroll-hero-proof span:first-child { color: rgba(255,255,255,.74); }
.payroll-hero-proof i, .payroll-capture-meta i { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: var(--payroll-green); box-shadow: 0 0 10px rgba(102,212,147,.8); }

.payroll-product .home-section { padding-top: 120px; }
.payroll-screen-section { overflow-x: clip; }
.payroll-section-head { max-width: 900px; }
.payroll-section-head h2 { color: var(--home-text); font-size: clamp(42px, 5.5vw, 72px); letter-spacing: -0.045em; line-height: 1.02; }
.payroll-section-head > p:last-child { font-size: 18px; line-height: 1.65; }

.payroll-carousel-shell { position: relative; margin-top: 44px; }
.payroll-capture-meta { display: flex; align-items: center; gap: 20px; margin: 0 auto 14px; color: var(--home-soft); font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; }
.payroll-capture-meta span:first-child { color: var(--home-muted); }
.payroll-carousel { position: relative; height: clamp(410px, 53vw, 680px); perspective: 1600px; outline: none; touch-action: pan-y; }
.payroll-carousel:focus-visible { box-shadow: 0 0 0 2px var(--home-accent); border-radius: 8px; }
.payroll-carousel-stage { position: absolute; inset: 0; transform-style: preserve-3d; }
.payroll-carousel-slide {
  position: absolute;
  top: 4%;
  left: 50%;
  width: min(78vw, 1080px);
  aspect-ratio: 1.754;
  margin: 0;
  opacity: 0;
  transform: translateX(-50%) translateZ(-300px) scale(.72);
  filter: saturate(.65) brightness(.48);
  pointer-events: none;
  transition: transform .72s cubic-bezier(.2,.75,.25,1), opacity .45s ease, filter .45s ease;
}
.payroll-slide-open { width: 100%; height: 100%; overflow: hidden; padding: 0; border: 1px solid var(--home-stroke-2); border-radius: 8px; background: #0d141a; cursor: zoom-in; box-shadow: 0 34px 90px rgba(0,0,0,.48); }
.payroll-slide-open img { width: 100%; height: 100%; object-fit: contain; background: #eef1f3; }
.payroll-carousel-slide.is-active { z-index: 5; opacity: 1; filter: none; pointer-events: auto; transform: translateX(-50%) translateZ(0) scale(1); }
.payroll-carousel-slide.is-active .payroll-slide-open { border-color: rgba(92,214,204,.48); box-shadow: 0 40px 110px rgba(0,0,0,.62), 0 0 86px rgba(92,214,204,.15); transform: translateY(-3px); }
.payroll-carousel-slide.is-previous { z-index: 3; opacity: .45; transform: translateX(-103%) rotateY(21deg) translateZ(-165px) scale(.76); }
.payroll-carousel-slide.is-next { z-index: 3; opacity: .45; transform: translateX(3%) rotateY(-21deg) translateZ(-165px) scale(.76); }
.payroll-carousel-control { position: absolute; z-index: 8; top: 47%; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--home-stroke-2); border-radius: 50%; background: rgba(8,10,14,.82); color: white; cursor: pointer; backdrop-filter: blur(12px); }
.payroll-carousel-control:hover { border-color: var(--home-accent); color: var(--home-accent); }
.payroll-carousel-control.previous { left: max(2%, calc(50% - 594px)); }
.payroll-carousel-control.next { right: max(2%, calc(50% - 594px)); }
.payroll-carousel-copy { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: end; max-width: 1080px; margin: -4px auto 0; }
.payroll-carousel-count { margin: 0 0 7px; color: var(--home-accent); font: 700 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
.payroll-carousel-copy h3 { margin: 0; color: var(--home-text); font-size: clamp(23px, 2.3vw, 32px); letter-spacing: -.02em; }
.payroll-carousel-copy h3 + p { max-width: 820px; margin: 8px 0 0; color: var(--home-muted); line-height: 1.55; }
.payroll-carousel-progress { display: flex; gap: 5px; padding-bottom: 8px; }
.payroll-carousel-progress button { width: 20px; height: 3px; padding: 0; border: 0; background: rgba(255,255,255,.18); cursor: pointer; transition: width .25s ease, background .25s ease; }
.payroll-carousel-progress button.is-active { width: 38px; background: var(--home-accent); }
.payroll-capture-note { max-width: 1080px; margin: 14px auto 0; padding-top: 12px; border-top: 1px solid var(--home-stroke); color: var(--home-soft); font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; }

.payroll-reality-grid { display: grid; grid-template-columns: 130px 130px 130px minmax(300px,1fr); gap: 1px; overflow: hidden; border: 1px solid var(--home-stroke); border-radius: 8px; background: var(--home-stroke); }
.payroll-reality-grid > * { min-height: 122px; padding: 24px; background: rgba(15,20,27,.96); }
.payroll-reality-grid article strong { display: block; color: var(--home-accent); font: 650 32px ui-monospace, SFMono-Regular, Menlo, monospace; }
.payroll-reality-grid article span { color: var(--home-muted); font-size: 11px; }
.payroll-reality-grid > div { display: flex; flex-direction: column; justify-content: center; }
.payroll-reality-grid b { font-size: 18px; }
.payroll-reality-grid p { margin: 6px 0 0; color: var(--home-muted); line-height: 1.5; }

.payroll-investigation-list { display: grid; gap: 90px; }
.payroll-investigation-feature { display: grid; grid-template-columns: minmax(320px,.74fr) minmax(0,1.26fr); gap: clamp(42px,7vw,92px); align-items: center; }
.payroll-investigation-feature.is-reversed { grid-template-columns: minmax(0,1.26fr) minmax(320px,.74fr); }
.payroll-investigation-feature.is-reversed .investigation-copy { order: 2; }
.payroll-investigation-feature.is-reversed .investigation-figure { order: 1; }
.investigation-copy { max-width: 500px; }
.investigation-index { color: var(--home-accent); font: 700 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
.investigation-copy h3 { margin: 16px 0 14px; color: var(--home-text); font-size: clamp(30px,3.5vw,48px); line-height: 1.04; letter-spacing: -.035em; }
.investigation-copy > p { margin: 0; color: var(--home-muted); font-size: 16px; line-height: 1.65; }
.investigation-facts { display: grid; gap: 10px; margin-top: 24px; }
.investigation-facts div { padding: 13px 14px; border: 1px solid var(--home-stroke); border-radius: 8px; background: rgba(255,255,255,.03); }
.investigation-facts b { display: block; margin-bottom: 4px; color: var(--home-text); font-size: 11px; }
.investigation-facts span { color: var(--home-muted); font-size: 12px; line-height: 1.45; }
.investigation-boundary { margin-top: 18px!important; color: var(--home-soft)!important; font-size: 11px!important; }
.investigation-figure { position: relative; display: flex; min-height: 520px; align-items: center; justify-content: center; margin: 0; padding: 28px; border: 1px solid var(--home-stroke); border-radius: 8px; background: rgba(17,23,30,.82); box-shadow: var(--shadow); }
.investigation-figure::before { content: "Captured from working software"; position: absolute; top: 12px; left: 15px; color: var(--home-soft); font: 9px ui-monospace, SFMono-Regular, Menlo, monospace; }
.investigation-figure button { display: flex; max-width: 100%; max-height: 720px; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.investigation-figure img { width: auto; max-width: 100%; max-height: 680px; object-fit: contain; border: 1px solid rgba(255,255,255,.16); border-radius: 6px; box-shadow: 0 26px 70px rgba(0,0,0,.4); }

.payroll-journey { position: relative; display: grid; grid-template-columns: repeat(6,1fr); overflow: hidden; border: 1px solid var(--home-stroke); border-radius: 8px; background: var(--home-panel); }
.payroll-journey article { position: relative; z-index: 2; min-height: 230px; padding: 26px 20px; border-right: 1px solid var(--home-stroke); }
.payroll-journey article:last-of-type { border: 0; }
.payroll-journey article > span { color: var(--home-accent); font: 700 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
.payroll-journey b { display: block; margin: 64px 0 8px; color: var(--home-text); font-size: 18px; }
.payroll-journey p { margin: 0; color: var(--home-muted); font-size: 12px; line-height: 1.5; }
.payroll-journey::before { content: ""; position: absolute; top: 68px; left: 8%; right: 8%; height: 1px; background: rgba(92,214,204,.26); }
.payroll-journey-pulse { position: absolute; z-index: 1; top: 65px; left: 6%; width: 8px; height: 8px; border-radius: 50%; background: var(--home-accent); box-shadow: 0 0 16px var(--home-accent); animation: payroll-journey-run 8s linear infinite; }
@keyframes payroll-journey-run { from { left: 6%; } to { left: 93%; } }

.payroll-capability-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.payroll-capability { position: relative; min-height: 340px; overflow: hidden; padding: 26px; border: 1px solid var(--home-stroke); border-radius: 8px; background: var(--home-panel); }
.payroll-capability > span { color: var(--home-accent); font: 700 10px ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.payroll-capability h3 { margin: 18px 0 10px; color: var(--home-text); font-size: 24px; letter-spacing: -.025em; }
.payroll-capability p { margin: 0; color: var(--home-muted); font-size: 13px; line-height: 1.58; }
.mini-proof { display: flex; gap: 8px; margin-top: 45px; }
.mini-proof i { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid var(--home-stroke-2); border-radius: 8px; color: var(--payroll-blue); font: 700 10px ui-monospace,monospace; font-style: normal; }
.mini-waterfall { display: grid; gap: 8px; margin-top: 34px; }
.mini-waterfall i { width: var(--w); height: 12px; border-radius: 3px; background: rgba(92,214,204,.28); }
.mini-waterfall i:nth-child(2), .mini-waterfall i:nth-child(3) { background: rgba(255,119,112,.26); }
.mini-confidence { display: grid; gap: 13px; margin-top: 42px; }
.mini-confidence i { height: 5px; border-radius: 99px; background: rgba(255,255,255,.12); }
.mini-confidence u { display: block; height: 100%; border-radius: inherit; background: var(--payroll-green); text-decoration: none; }
.mini-radar { position: relative; width: 125px; height: 125px; margin: 28px auto 0; border: 1px solid rgba(102,168,255,.3); border-radius: 50%; }
.mini-radar::before,.mini-radar::after{content:"";position:absolute;inset:20%;border:1px solid rgba(102,168,255,.2);border-radius:50%}.mini-radar::after{inset:39%;background:rgba(102,168,255,.1)}
.mini-radar i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--home-accent);box-shadow:0 0 10px var(--home-accent)}.mini-radar i:nth-child(1){top:18%;left:47%}.mini-radar i:nth-child(2){right:9%;top:55%}.mini-radar i:nth-child(3){bottom:13%;left:23%}
.mini-blast { position: relative; display: grid; width: 190px; height: 125px; place-items: center; margin: 30px auto 0; }
.mini-blast b { display: grid; width: 62px; height: 62px; place-items: center; border: 1px solid var(--home-accent); border-radius: 50%; color: var(--home-accent); font-size: 10px; }
.mini-blast i { position: absolute; padding: 5px 7px; border: 1px solid var(--home-stroke); border-radius: 6px; color: var(--home-muted); font: 9px ui-monospace,monospace; font-style: normal; }.mini-blast i:nth-of-type(1){top:0;left:0}.mini-blast i:nth-of-type(2){right:0;top:15px}.mini-blast i:nth-of-type(3){bottom:0;left:10px}
.mini-gate { display: flex; gap: 10px; align-items: center; margin-top: 58px; padding: 14px; border: 1px solid rgba(102,212,147,.28); border-radius: 8px; background: rgba(102,212,147,.05); }
.mini-gate i { width: 9px; height: 9px; border-radius: 50%; background: var(--payroll-green); box-shadow: 0 0 12px var(--payroll-green); }.mini-gate b{font-size:11px}

.payroll-difference-section { margin-top: 120px; padding: 100px max(32px,calc((100vw - var(--home-max))/2)); border-block: 1px solid var(--home-stroke); background: rgba(13,17,24,.86); }
.payroll-difference-inner { display: grid; grid-template-columns: minmax(0,.9fr) minmax(500px,1.1fr); gap: 70px; align-items: center; max-width: var(--home-max); margin: auto; }
.payroll-difference-inner blockquote { margin: 24px 0 0; padding: 18px; border-left: 3px solid var(--payroll-amber); background: rgba(217,166,75,.06); color: #dec28d; font-size: 14px; line-height: 1.6; }
.payroll-source-links { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.payroll-source-links a { padding: 8px 10px; border: 1px solid var(--home-stroke); border-radius: 8px; color: var(--home-muted); font-size: 10px; }.payroll-source-links a:hover{color:white;border-color:var(--home-stroke-2)}
.payroll-market-matrix { overflow: hidden; border: 1px solid var(--home-stroke); border-radius: 8px; background: var(--home-panel); }
.matrix-row { display: grid; grid-template-columns: 1.1fr .95fr .7fr; gap: 12px; align-items: center; min-height: 67px; padding: 12px 17px; border-bottom: 1px solid var(--home-stroke); }.matrix-row:last-child{border:0}.matrix-row b{font-size:12px}.matrix-row span{color:var(--home-muted);font-size:10px;line-height:1.4}.matrix-row strong{color:var(--home-accent);font-size:10px}.matrix-head{min-height:43px;background:rgba(255,255,255,.025);text-transform:uppercase}.matrix-head span{font:700 9px ui-monospace,monospace}

.payroll-architecture { overflow: hidden; border: 1px solid var(--home-stroke); border-radius: 8px; background: rgba(14,20,27,.9); }
.payroll-joule-notice { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; margin: 28px 0 16px; padding: 16px 18px; border: 1px solid rgba(217,166,75,.3); border-radius: 8px; background: rgba(217,166,75,.07); }
.payroll-joule-notice strong { color: #e1c68f; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; }
.payroll-joule-notice span { color: var(--home-muted); font-size: 12px; line-height: 1.55; }
.architecture-tier { padding: 24px; }
.architecture-tier > p { margin: 0; color: var(--home-soft); font: 700 9px ui-monospace,monospace; text-transform: uppercase; }
.experience-tier { display: grid; grid-template-columns: 150px 1fr 1fr; gap: 12px; align-items: center; }
.architecture-tier > div { padding: 17px; border: 1px solid var(--home-stroke); border-radius: 8px; background: rgba(255,255,255,.025); }
.architecture-tier small,.architecture-tier span{display:block;color:var(--home-muted);font-size:9px;line-height:1.45}.architecture-tier b{display:block;margin:5px 0;color:var(--home-text);font-size:13px}.experience-tier>div:first-of-type{border-color:rgba(92,214,204,.38);box-shadow:inset 3px 0 var(--home-accent)}
.architecture-flow { position: relative; height: 52px; overflow: hidden; border-block: 1px solid var(--home-stroke); background: repeating-linear-gradient(90deg,transparent 0 42px,rgba(92,214,204,.045) 42px 43px); }.architecture-flow::after{content:"";position:absolute;top:0;left:50%;height:52px;border-left:1px dashed var(--home-accent)}.architecture-flow::before{content:"";position:absolute;z-index:1;top:50%;left:8%;width:7px;height:7px;border-radius:50%;background:var(--home-accent);box-shadow:0 0 16px var(--home-accent);animation:payroll-evidence-flow 7s ease-in-out infinite}.architecture-flow span{position:absolute;z-index:2;top:50%;left:calc(50% + 16px);transform:translateY(-50%);padding:4px 7px;background:#0d141b;color:var(--home-soft);font:9px ui-monospace,monospace}
@keyframes payroll-evidence-flow{0%,100%{left:8%;opacity:.45}50%{left:91%;opacity:1}}
.service-tier { display: grid; grid-template-columns: 150px repeat(4,1fr); gap: 9px; align-items: center; }.service-tier>small{grid-column:2/-1;margin-top:5px}.source-tier{display:grid;grid-template-columns:150px repeat(4,1fr);gap:8px;align-items:center}.source-tier>div:nth-last-child(-n+3){grid-column:auto}.architecture-boundary{padding:12px 20px;border-top:1px solid rgba(217,166,75,.28);background:rgba(217,166,75,.06);color:#d6bd8b;text-align:center;font:9px ui-monospace,monospace}
.payroll-implementation-phases { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; overflow: hidden; margin-top: 16px; border: 1px solid var(--home-stroke); border-radius: 8px; background: var(--home-stroke); }
.payroll-implementation-phases article { min-height: 240px; padding: 24px; background: var(--home-panel); }.payroll-implementation-phases span{color:var(--home-accent);font:700 10px ui-monospace,monospace}.payroll-implementation-phases h3{margin:54px 0 10px;color:var(--home-text);font-size:19px}.payroll-implementation-phases p{margin:0;color:var(--home-muted);font-size:12px;line-height:1.55}

.payroll-transparency-card { padding: clamp(34px,6vw,76px); border: 1px solid rgba(92,214,204,.25); border-radius: 8px; background: var(--home-panel); box-shadow: 0 36px 100px rgba(0,0,0,.3); }
.payroll-transparency-card h2 { max-width: 900px; margin: 0 0 24px; color: var(--home-text); font-size: clamp(40px,5.5vw,68px); line-height: 1.04; letter-spacing: -.045em; }
.payroll-transparency-card > p:not(.home-kicker) { max-width: 1020px; color: var(--home-muted); font-size: 15px; line-height: 1.7; }.payroll-transparency-card .home-actions{justify-content:flex-start}.payroll-transparency-card>small{display:block;margin-top:18px;color:var(--home-soft);font-size:10px}
.payroll-footer { margin-top: 110px; }

/* Restrained depth and reveal system */
.payroll-scroll-reveal { opacity: 0; transform: translateY(28px); transition: opacity .72s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),transform .72s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms); }
.payroll-scroll-reveal.is-visible { opacity: 1; transform: none; }
.payroll-tilt-surface { --tilt-x: 0deg; --tilt-y: 0deg; --light-x: 50%; --light-y: 20%; position: relative; transform: perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); transform-style: preserve-3d; transition: transform .22s ease,border-color .3s ease,box-shadow .3s ease; will-change: transform; }
.payroll-tilt-surface::after { position: absolute; z-index: 6; inset: 0; pointer-events: none; content: ""; opacity: 0; border-radius: inherit; background: radial-gradient(360px circle at var(--light-x) var(--light-y),rgba(92,214,204,.12),transparent 66%); transition: opacity .25s ease; }
.payroll-tilt-surface:hover { border-color: rgba(92,214,204,.32); box-shadow: 0 32px 82px -38px rgba(0,0,0,.88),0 0 34px rgba(92,214,204,.07); }
.payroll-tilt-surface:hover::after { opacity: 1; }
.payroll-capability > *,.investigation-figure > *,.architecture-tier > div > *,.payroll-implementation-phases article > *,.payroll-transparency-card > * { position: relative; z-index: 7; }
.architecture-tier > div { overflow: hidden; }

.payroll-lightbox,.payroll-demo-dialog { width: min(94vw,1440px); max-height: 94vh; padding: 0; border: 1px solid rgba(92,214,204,.3); border-radius: 12px; background: #0b0e13; color: white; box-shadow: 0 34px 130px rgba(0,0,0,.82); }
.payroll-lightbox::backdrop,.payroll-demo-dialog::backdrop{background:rgba(3,6,9,.86);backdrop-filter:blur(10px)}
.payroll-lightbox>button{position:sticky;z-index:3;top:12px;float:right;width:40px;height:40px;margin:12px;border:1px solid var(--home-stroke);border-radius:50%;background:rgba(8,10,14,.84);color:white;cursor:pointer}.payroll-lightbox figure{margin:0}.payroll-lightbox img{width:100%;max-height:78vh;object-fit:contain;background:#0d1217}.payroll-lightbox figcaption{display:grid;gap:6px;padding:18px 22px}.payroll-lightbox figcaption span{color:var(--home-muted);font-size:12px;line-height:1.5}

.payroll-demo-dialog { width: min(92vw,760px); }
.demo-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 28px 30px 18px; border-bottom: 1px solid var(--home-stroke); }.demo-dialog-head .home-kicker{margin-bottom:8px}.demo-dialog-head h2{margin:0;color:white;font-size:32px;letter-spacing:-.03em}.demo-dialog-head>button{width:38px;height:38px;border:1px solid var(--home-stroke);border-radius:50%;background:rgba(255,255,255,.04);color:white;cursor:pointer}.demo-dialog-intro{margin:0;padding:20px 30px 0;color:var(--home-muted);font-size:13px;line-height:1.6}
.payroll-demo-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 24px 30px 30px; }.payroll-demo-form label{display:grid;gap:7px}.payroll-demo-form label>span{color:var(--home-muted);font-size:11px;font-weight:700}.payroll-demo-form input,.payroll-demo-form select,.payroll-demo-form textarea{width:100%;border:1px solid var(--home-stroke-2);border-radius:9px;padding:11px 12px;background:#11161d;color:white;outline:none}.payroll-demo-form textarea{resize:vertical}.payroll-demo-form input:focus,.payroll-demo-form select:focus,.payroll-demo-form textarea:focus{border-color:var(--home-accent);box-shadow:0 0 0 3px rgba(92,214,204,.1)}.payroll-demo-form .full{grid-column:1/-1}.demo-confirm{grid-template-columns:auto 1fr!important;align-items:start}.demo-confirm input{width:16px;height:16px;margin:2px 0 0}.demo-confirm span{font-weight:500!important;line-height:1.5}.demo-form-actions{display:flex;align-items:center;gap:16px}.demo-form-actions a{color:var(--home-muted);font-size:11px}.demo-form-status{min-height:18px;margin:0;color:var(--payroll-green);font-size:11px}

@media (max-width: 1040px) {
  .payroll-hero-inner { width: min(760px,78vw); }
  .payroll-hero-media img { right: -32%; width: 1080px; }
  .payroll-hero-shade { background: linear-gradient(90deg,rgba(8,10,14,1) 0%,rgba(8,10,14,.94) 52%,rgba(8,10,14,.35) 100%),linear-gradient(0deg,rgba(8,10,14,.96),transparent 46%); }
  .payroll-investigation-feature,.payroll-investigation-feature.is-reversed{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:42px}.investigation-figure{min-height:470px}.investigation-figure img{max-height:600px}
  .payroll-journey{grid-template-columns:repeat(3,1fr)}.payroll-journey article:nth-of-type(3){border-right:0}.payroll-journey article{border-bottom:1px solid var(--home-stroke)}.payroll-journey::before,.payroll-journey-pulse{display:none}
  .payroll-capability-grid{grid-template-columns:repeat(2,1fr)}
  .payroll-difference-inner{grid-template-columns:1fr;gap:42px}
  .service-tier,.source-tier{grid-template-columns:130px repeat(2,1fr)}.service-tier>small{grid-column:2/-1}.source-tier>div{grid-column:auto!important}
  .payroll-implementation-phases{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 820px) {
  .payroll-product .nav a[href="#reasoning"],.payroll-product .nav a[href="#architecture"]{display:none}.payroll-nav-demo{padding:8px 11px;font-size:11px}
  .payroll-hero-new{min-height:860px;padding:105px 22px 80px;align-items:flex-start}.payroll-hero-media img{top:auto;right:-56%;bottom:25px;width:980px;transform:none;animation:none}.payroll-hero-shade{background:linear-gradient(180deg,rgba(8,10,14,1) 0%,rgba(8,10,14,.98) 53%,rgba(8,10,14,.5) 78%,rgba(8,10,14,.72) 100%)}.payroll-hero-inner{width:100%;max-width:680px}.payroll-hero-inner h1{font-size:clamp(48px,10.5vw,72px)}.payroll-hero-proof{right:22px;left:22px;bottom:18px;justify-content:space-between;font-size:8px}
  .payroll-product .home-section{padding:90px 22px 0}.payroll-section-head h2{font-size:clamp(38px,8vw,58px)}
  .payroll-carousel{height:60vw;min-height:330px}.payroll-carousel-slide{top:7%;width:91vw}.payroll-carousel-slide.is-previous{transform:translateX(-112%) rotateY(17deg) translateZ(-110px) scale(.72)}.payroll-carousel-slide.is-next{transform:translateX(12%) rotateY(-17deg) translateZ(-110px) scale(.72)}.payroll-carousel-control.previous{left:4px}.payroll-carousel-control.next{right:4px}.payroll-carousel-copy{grid-template-columns:1fr}.payroll-carousel-progress{display:none}
  .payroll-reality-grid{grid-template-columns:repeat(3,1fr)}.payroll-reality-grid>div{grid-column:1/-1}
  .payroll-investigation-list{gap:74px}.payroll-investigation-feature,.payroll-investigation-feature.is-reversed{grid-template-columns:1fr;gap:26px}.payroll-investigation-feature.is-reversed .investigation-copy,.payroll-investigation-feature.is-reversed .investigation-figure{order:initial}.investigation-figure{min-height:420px}.investigation-copy{max-width:680px}
  .experience-tier{grid-template-columns:1fr}.service-tier,.source-tier{grid-template-columns:1fr 1fr}.service-tier>p,.source-tier>p{grid-column:1/-1}.service-tier>small{grid-column:1/-1}
}

@media (max-width: 600px) {
  .payroll-product .brand-mark.formal-logo,.payroll-product .brand-mark.formal-logo img{height:36px}.payroll-product .nav a:not([href="/"]){display:none}.payroll-product .nav a[href="/"]{font-size:11px}
  .payroll-hero-new{min-height:780px;padding:92px 18px 70px}.payroll-status-row{gap:6px;margin-bottom:14px}.payroll-status{padding:6px 8px;font-size:9px}.payroll-hero-inner .home-eyebrow{margin-bottom:16px;font-size:10px}.payroll-hero-inner h1{font-size:clamp(42px,12vw,54px);line-height:.98}.payroll-hero-lead{margin-top:20px;font-size:14px;line-height:1.52}.payroll-hero-inner .home-actions{margin-top:20px}.payroll-hero-inner .home-btn{min-width:0;width:100%}.payroll-independence{font-size:9px}.payroll-hero-proof span:nth-child(2){display:none}
  .payroll-product .home-section{padding:78px 16px 0}.payroll-section-head>p:last-child{font-size:15px}.payroll-capture-meta{font-size:8px;gap:12px}.payroll-capture-meta span:nth-child(2){display:none}.payroll-carousel{height:60vw;min-height:250px}.payroll-carousel-control{width:38px;height:38px}.payroll-carousel-copy h3{font-size:20px}.payroll-carousel-copy h3+p{font-size:12px}.payroll-capture-note{font-size:8px;line-height:1.5}
  .payroll-reality-grid{grid-template-columns:repeat(3,1fr)}.payroll-reality-grid>*{min-height:88px;padding:13px}.payroll-reality-grid article strong{font-size:24px}.payroll-reality-grid article span{font-size:8px}.payroll-reality-grid>div{min-height:120px;padding:18px}.payroll-reality-grid b{font-size:16px}.payroll-reality-grid p{font-size:12px}
  .investigation-copy h3{font-size:34px}.investigation-copy>p{font-size:14px}.investigation-figure{min-height:0;padding:34px 14px 18px}.investigation-figure button{max-height:none}.investigation-figure img{max-height:600px}
  .payroll-journey{grid-template-columns:1fr 1fr}.payroll-journey article:nth-of-type(n){min-height:180px;border-right:1px solid var(--home-stroke)}.payroll-journey article:nth-of-type(even){border-right:0}.payroll-journey b{margin-top:34px}
  .payroll-capability-grid{grid-template-columns:1fr}.payroll-capability{min-height:320px}
  .payroll-difference-section{margin-top:80px;padding:70px 16px}.matrix-row{grid-template-columns:1.15fr .85fr}.matrix-row>*:nth-child(2){display:none}.payroll-source-links{display:grid}
  .service-tier,.source-tier{grid-template-columns:1fr}.architecture-flow span{max-width:150px}.payroll-implementation-phases{grid-template-columns:1fr}.payroll-implementation-phases article{min-height:205px}.payroll-implementation-phases h3{margin-top:34px}
  .payroll-transparency-card{padding:28px 22px}.payroll-transparency-card h2{font-size:38px}.payroll-transparency-card>p:not(.home-kicker){font-size:13px}.payroll-transparency-card .home-actions{display:grid}.payroll-footer{margin-top:80px}.payroll-joule-notice{grid-template-columns:1fr}
  .payroll-demo-form{grid-template-columns:1fr;padding:20px}.payroll-demo-form .full{grid-column:1}.demo-dialog-head{padding:22px 20px 16px}.demo-dialog-head h2{font-size:26px}.demo-dialog-intro{padding:16px 20px 0}.demo-form-actions{align-items:stretch;flex-direction:column}.demo-form-actions .home-btn{width:100%}
}

@media (prefers-reduced-motion: reduce) {
  .payroll-hero-media img,.payroll-journey-pulse,.architecture-flow::before{animation:none}.payroll-carousel-slide{transition:none}.payroll-scroll-reveal{opacity:1;transform:none;transition:none}.payroll-tilt-surface{transform:none!important;transition:none}.payroll-tilt-surface::after{display:none}
}