/* Helix product direction. Relay's geometry, springs and WebGL remain upstream. */
:root{--raw-color-black:#061310;--raw-color-neutral-300:#d2ddd8;--raw-color-neutral-200:#e4efe9;--raw-color-neutral-400:#a9bab2;--raw-color-neutral-500:#82988c;--raw-color-lime-400:#a6e8c7;--raw-color-lime-300:#bfeeda;--raw-color-lime-100:#e3f5ec;--raw-color-lime-900:#285d5c;--raw-color-sky-400:#79c6c0}
#main .display-title,#main .footer-cta-title{font-weight:550;letter-spacing:-.045em}
#main .display-title-accent,#main .statement-word-accent{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-style:normal;font-weight:550;letter-spacing:-.045em}
#main .hero-title .display-title-accent{display:block;font-size:1em;line-height:1.08;color:#a6e8c7}
#main .hero-title{font-size:4rem;line-height:1.08;letter-spacing:-.045em;height:auto}
#main .hero-title-wrap{width:38rem}
#main .hero-subhead{width:30.5rem;line-height:1.65;max-width:none;color:#d2e1d9;text-shadow:0 1px 14px #061310}
#main .hero-chip-text{font-size:.6875rem;letter-spacing:0}
#main .hero-win-title{font-weight:550}
#main .hero-node{border-radius:1.05rem}
#main .hero-node-title{font-weight:550}
#main .hero-node-source{letter-spacing:0}
#main .hero-branch-yes,#main .hero-branch-no{font-size:.75rem}
#main .hero-tools{opacity:.4}
#main .hero-tools img{filter:grayscale(1)}
#main .hero-note{font-size:.625rem;letter-spacing:.06em}
#main .hero-run-duration{color:var(--foreground-muted)}
#main .nav-links{gap:1.65rem}
#main .nav-header .nav-status{display:none}
#main .section-head-aside{line-height:1.6}
#main .product-row-title{font-weight:550;letter-spacing:-.035em}
#main .product-body{line-height:1.65}
#main .product-trace-tick-label,#main .product-trace-tick,#main .product-trace-axis{visibility:hidden}
#main .product-approval-channel{letter-spacing:.06em}
#main .product-approval-avatar img{border-radius:8px}
#main .statement-title{font-weight:550;letter-spacing:-.05em}
#main .statement-word-accent{color:#285d5c}
#main .scale-card-copy{line-height:1.55}
#main .signals-title .display-title-accent{font-size:1em}
#main .proof-quote{font-style:normal}
#main .pricing-name{font-size:1.25rem;font-weight:550;letter-spacing:-.03em}
#main [data-pricing-card="0"]{--foreground:#193d38;--foreground-muted:#48655c;--foreground-dim:#48655c;--pricing-card:#f7f9f4;--pricing-feature-text:#48655c;background:#f7f9f4;color:#193d38;--pricing-check:#285d5c}
#main [data-pricing-card="2"]{--foreground:#473f34;--foreground-muted:#716552;--foreground-dim:#716552;--pricing-card:#f0e9dc;--pricing-feature-text:#716552;background:#f0e9dc;color:#473f34;--pricing-check:#716552}
#main [data-pricing-card="0"] .pricing-feature-text,#main [data-pricing-card="2"] .pricing-feature-text{color:var(--foreground-muted)}
#main [data-pricing-card="0"] .pricing-check path,#main [data-pricing-card="2"] .pricing-check path{stroke:var(--foreground-muted)}
#main .pricing-question{font-weight:500}
#main .footer-cta-title{font-style:normal}
#main .footer-company-compliance{line-height:1.5}
/* Real app capture: crop the surrounding app chrome with CSS, preserving the source image. */
#helix-showcase{background:transparent;isolation:auto}
#helix-showcase .hs-card__media{align-self:center;min-height:0;aspect-ratio:1027/540.5;background:#f1f5f2}
#helix-showcase .hs-card__cover{position:absolute;max-width:none;width:123.174%;height:133.21%;left:-23.174%;top:-33.21%;object-fit:fill;transform-origin:60% 60%}
#helix-showcase .hs-intro__title{font-weight:550;font-size:clamp(34px,4.6vw,60px);line-height:1.07;letter-spacing:-.045em}
#helix-showcase .hs-card__title{font-weight:550;letter-spacing:-.035em}
#helix-showcase .hs-card__text{font-size:18px;line-height:1.6}
#helix-showcase .hs-card__foot{flex-wrap:wrap}
#helix-showcase .hs-card__tag{padding-left:0;background:none;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.helix-efact-note{width:calc(var(--page-width) - 2 * var(--page-inset));margin:0 auto 3rem;padding:1.6rem 1.8rem;border:1px solid #8f3e3466;border-left:3px solid #b77465;border-radius:1rem;background:#382620aa;display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;color:#f6ede7}
.helix-legal-date{font:600 13px/1.5 ui-monospace,monospace;letter-spacing:.08em;color:#efb7a8}.helix-efact-note h3{font-size:24px;line-height:1.25;font-weight:550;letter-spacing:-.035em;margin-top:12px}.helix-efact-note p{font-size:16px;line-height:1.7;color:#decfc8}.helix-efact-note details{margin-top:12px}.helix-efact-note summary{cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:4px;color:#efb7a8}.helix-efact-note details p{margin-top:16px}.helix-efact-note a{display:inline-block;margin-top:12px;text-decoration:underline;font-size:14px}
#helix-functions{width:var(--page-width);margin:auto;padding:7rem var(--page-inset);display:grid;grid-template-columns:4fr 8fr;gap:4rem}
.helix-functions-head{align-self:start;position:sticky;top:8rem}.helix-eyebrow{font:500 11px/1.5 ui-monospace,monospace;letter-spacing:.12em;color:#a6e8c7;text-transform:uppercase}.helix-functions-head h2{font-size:clamp(34px,3.4vw,54px);font-weight:550;letter-spacing:-.045em;line-height:1.08;margin:22px 0}.helix-functions-head p{font-size:17px;line-height:1.7;color:#a9bab2}.helix-functions-list details{border-top:1px solid #ffffff26;padding:0 0 2px}.helix-functions-list details:last-child{border-bottom:1px solid #ffffff26}.helix-functions-list summary{display:flex;align-items:center;gap:20px;cursor:pointer;list-style:none;padding:26px 0;font-size:21px;line-height:1.3;letter-spacing:-.025em}.helix-functions-list summary::-webkit-details-marker{display:none}.helix-functions-list summary .index{font:12px/1 ui-monospace,monospace;color:#80998c}.helix-functions-list summary .plus{margin-left:auto;font-size:25px;font-weight:300;transition:transform .3s}.helix-functions-list details[open] summary .plus{transform:rotate(45deg)}.helix-functions-body{padding:0 36px 28px;font-size:16px;line-height:1.7;color:#acbdb4}.helix-functions-body ul{list-style:disc;padding-left:18px;margin:12px 0}.helix-functions-body li{margin:6px 0}.helix-functions-body a{color:#c3f0d9;border-bottom:1px solid #5e8875;padding-bottom:3px;display:inline-block;margin-top:12px}.helix-feature-status{padding:12px 14px;background:#ffffff06;border:1px solid #ffffff10;border-radius:8px;font-size:13px;line-height:1.7;margin-top:16px}.helix-feature-status strong{color:#d8e7df;font-weight:500}
@media(max-width:1200px) and (min-width:901px){#main .hero-title-wrap{width:27rem}#main .hero-title{font-size:3.2rem}#main .hero-subhead{width:25rem;font-size:1rem}#main .hero-actions{top:30rem}}
@media(max-width:900px){#main .hero-title-wrap{left:5rem;width:38rem;top:5.8rem}#main .hero-title{font-size:2.75rem}#main .hero-subhead{top:12.5rem;width:34rem;left:7rem}#main .hero-actions{top:19.5rem;left:10rem}#main .hero-note-wrap{top:23.25rem}#main .hero-tilt{translate:0 4.875rem}#main .hero{height:calc(var(--hero-frame) + var(--hero-extra) + 5rem)}#helix-functions{grid-template-columns:1fr;gap:2rem;padding-top:4rem;padding-bottom:4rem}.helix-functions-head{position:static}.helix-functions-head h2{max-width:18ch}.helix-efact-note{grid-template-columns:1fr;gap:1.2rem}#main .scale-card-copy{font-size:16px}.helix-functions-list summary{font-size:20px}}
@media(max-width:580px){#main .hero-title-wrap{left:1.25rem;top:5rem;width:21.875rem}#main .hero-title{font-size:2.125rem;line-height:1.1}#main .hero-subhead{top:10.75rem;left:1.25rem;width:21.875rem;font-size:1rem;line-height:1.6}#main .hero-actions{top:18.3rem;left:1.25rem}#main .hero-note-wrap{top:26.3rem;left:5rem}#main .hero-tilt{translate:0 3.625rem}#main .hero-chip-wrap{left:2.2rem}#main .hero-chip-text{font-size:.625rem}#main .hero{height:calc(var(--hero-frame) + var(--hero-extra) + 5rem)}#main .product-row-title{font-size:22px}#main .product-body{font-size:16px}#main .section-head-aside{font-size:16px}#main .scale-card-copy{font-size:14px}#main .scale-card-title{font-size:18px}#main .statement-title{font-size:25px;line-height:1.1}#main .hero-run-name{font-size:.625rem}#helix-showcase .hs-stack{width:100%}#helix-showcase .hs-card__text{font-size:16px}#helix-showcase .hs-card__title{font-size:25px}#helix-showcase .hs-card__media{aspect-ratio:1027/540.5}#helix-showcase .hs-card{gap:12px}.helix-efact-note{padding:20px}.helix-functions-body{padding-left:0;padding-right:0}.helix-functions-list summary{font-size:18px;gap:14px}#main .pricing-question{font-size:18px}#main .pricing-card-badge{font-size:9px}#main .footer-cta-copy{font-size:15px} }
@media(prefers-reduced-motion:reduce){.helix-functions-list summary .plus{transition:none}}

#hero,#product,#scale,#pricing,#helix-functions,#proof,#signals{scroll-margin-top:6rem}
#main .pricing-knob{filter:hue-rotate(50deg) saturate(.35)}
#main .scale-runtime{border-radius:26%}

#main .footer-company .footer-mark,#main .footer-company .footer-mark img{width:32px;height:32px;border:0;border-radius:9px;background:none}
#main .footer-company .footer-mark img{position:static}
#main .footer-company-name{left:36px;top:-1px;font:600 26px/32px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-1.3px}
@media(max-width:580px){#main .footer-col{width:6.6rem}#main .footer-col:nth-of-type(2){left:8.55rem}#main .footer-col:nth-of-type(3){left:15.85rem}#main .footer-col a{white-space:normal;font-size:13px;line-height:1.5}#main .footer-col ul{gap:.65rem}#main .footer-col-title{font-size:11px}}

/* Illustrations show document states, never fabricated live activity or metrics. */
#main .proof-visual > :not(.helix-state-chip){visibility:hidden}
#main .proof-visual{height:3.5rem;display:flex;align-items:center}
#main .helix-state-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #a6e8c73b;border-radius:10px;background:#a6e8c70c;color:#d2e4da;font:500 14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#main .helix-state-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:#bbaa81}
#main .signals-face + .signals-face{margin-left:10px}
#main .signals-doc-kind{display:grid;place-items:center;width:100%;height:100%;border:1px solid #a6e8c744;border-radius:12px;color:#bfdccb;background:#17352b;font:500 12px/1 ui-monospace,monospace;box-shadow:0 4px 14px #0002}
#main .scale-lock{visibility:hidden}

#main .product-approval-avatar{border-radius:8px}

/* Each illustrated e-invoice stage finishes before the next begins. */
#main .scale-row{--lane-fill:16.375rem}
@media(max-width:1200px){#main .scale-row{--lane-fill:9.375rem}}
@media(max-width:900px){#main .scale-row{--lane-fill:13.75rem}}
@media(max-width:580px){#main .scale-row{--lane-fill:6.875rem}}

/* Helix supplies a complete square tile, not Relay's standalone chevrons. */
html .logo-open-mark, html .logo-open-fly, html .statement-mark-tile {
  background: transparent;
  border: 0;
}
html .logo-open-glyph, html .statement-mark-glyph {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
html .preloader-tile-logo, html .preloader-tile-mark,
html .logo-open-flight-runtime {
  border-radius: 31.58%;
  overflow: hidden;
}
html:root { --raw-statement-color-plate: #a6e8c7; }

/* Document states keep their original three-column composition, but size to copy. */
#main #proof{
  height:auto;min-height:0;content-visibility:visible;contain-intrinsic-size:none;
  width:var(--page-width);margin-inline:auto;padding:6rem var(--page-inset);
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2.5rem 4rem;
}
#main .proof-head,#main .proof-aside{position:relative;inset:auto;width:auto;margin:0;text-align:left}
#main .proof-head{order:0;align-items:flex-start}
#main .proof-title{width:auto;text-align:left}
#main .proof-aside{order:1;align-self:end}
#main .proof-rule{position:relative;inset:auto;width:100%;grid-column:1/-1}
#main .proof-rule-top{order:2}
#main .proof-rule-bottom{order:4}
#main .proof-columns{position:relative;inset:auto;width:100%;height:auto;min-width:0;order:3;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px)}
#main .proof-column{position:relative;inset:auto;width:auto;height:auto;min-width:0;display:flex;flex-direction:column;gap:20px}
#main .proof-label,#main .proof-stat,#main .proof-caption,#main .proof-visual,
#main .proof-trend,#main .proof-quote,#main .proof-quote figcaption{
  position:relative;inset:auto;width:auto;height:auto;max-width:100%;margin:0;
}
#main .proof-caption{min-height:2.8em}
#main .proof-visual{min-height:48px;flex-shrink:0;align-items:flex-start}
#main .proof-visual > :not(.helix-state-chip){display:none}
#main .helix-state-chip{flex:0 1 auto;min-width:0;max-width:100%}
#main .helix-state-chip::before{flex:0 0 6px}
#main .proof-trend{align-self:flex-start;white-space:normal;line-height:1.5;overflow-wrap:anywhere;padding:8px 12px}
#main .proof-card-rule-wrap{display:block;margin:10px 0}
#main .proof-tick{display:none}
#main .proof-quote{gap:20px}
#main .proof-quote figcaption{white-space:normal;gap:4px}
#main .proof-quote-name,#main .proof-quote-role{white-space:normal}
@media(max-width:900px){
  #main #proof{grid-template-columns:1fr;gap:2rem;padding-block:4rem}
  #main .proof-aside{max-width:42ch}
}
@media(max-width:680px){
  #main .proof-columns{grid-template-columns:1fr;gap:24px}
  #main .proof-column{padding:24px;border:1px solid var(--proof-card-border);border-radius:20px;background:var(--proof-card);gap:16px}
  #main .proof-caption{min-height:0}
  #main .proof-visual{min-height:0}
}
#main .proof-blooms{opacity:.28}
#main .proof-caption{color:#c8d8cf}

/* Keep section render trees ready. WebKit stalls when content-visibility:auto
   repeatedly restores these animated sections while scrolling. Geometry,
   reveal springs, masks in motion and the complete WebGL scene are unchanged. */
#main .integrations, #main .product, #main .scale, #main .signals, #main .pricing, #main .footer {
  content-visibility: visible;
}

/* The desktop reversed row must also stack on phones/tablets. Its more
   specific .is-flip selector otherwise leaves the invoice preview off-screen. */
@media (max-width: 900px) {
  #main .product { height: auto; padding-bottom: 3rem; }
  #main .product-row.is-flip { flex-direction: column; }
}

/* Status copy can wrap in every language; keep the animated progress bars
   in their own cells instead of drawing them through the labels. */
@media (max-width: 580px) {
  #main .product-trace {
    height: auto; min-height: 15.5625rem; padding: 20px;
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-content: start; gap: 16px 12px;
  }
  #main .product-trace-run, #main .product-trace-summary {
    position: relative; inset: auto; width: auto; min-width: 0;
    white-space: normal; font-size: 12px; line-height: 1.5;
  }
  #main .product-trace-head-rule, #main .product-trace-rule { display: none; }
  #main .product-trace > ul { grid-column: 1 / -1; width: 100%; }
  #main .product-trace li {
    display: grid; grid-template-columns: 10px minmax(0, 1fr) 48px 58px;
    align-items: center; gap: 8px; min-height: 48px;
    border-top: 1px solid var(--product-trace-rule);
  }
  #main .product-trace-label, #main .product-trace-value,
  #main .product-trace-icon, #main .product-trace-span {
    position: relative; inset: auto; width: auto; min-width: 0;
  }
  #main .product-trace-label, #main .product-trace-value {
    white-space: normal; font-size: 12px; line-height: 1.5;
  }
  #main .product-trace-span { grid-column: 3; width: 100%; }
  #main .product-trace-value { grid-column: 4; }
  #main .product-trace-icon { width: 10px; height: 10px; }
  #main .product-trace-span-2 { display: block; visibility: hidden; }
}