/* Outcome-first typography and a shorter path to the demo. */





.hero .hero-description{font-size:clamp(19px,1.8vw,24px);line-height:1.45;margin-top:24px}
.hero .subtle{max-width:460px;line-height:1.65}
.hero .micro{max-width:390px;line-height:1.6}
.hero .actions .text-link{font-size:13px}
.workflow-overview{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;background:#111810;color:#f7f8f2;border:1px solid #ffffff1f;border-bottom:0;border-radius:20px 20px 0 0;overflow:hidden}
.workflow-overview li{min-width:0;padding:28px 30px 30px}
.workflow-overview li+li{border-left:1px solid #ffffff20}
.workflow-step-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;color:#cbff59}
.workflow-step-number{font-size:13px;letter-spacing:.09em;font-variant-numeric:tabular-nums}
.workflow-step-top svg{width:31px;height:31px;flex:none}
.workflow-overview h3{font-size:25px;font-weight:650;line-height:1.2;letter-spacing:-.025em;margin:0 0 10px}
.workflow-overview p{color:#b8c2b3;font-size:15px;line-height:1.55;max-width:23ch;margin:0}
.workflow-details{margin-bottom:28px}
.workflow-details>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px;background:#111810;color:#f7f8f2;border:1px solid #ffffff1f;border-top-color:#ffffff2b;border-radius:0 0 20px 20px;cursor:pointer}
.workflow-details>summary::-webkit-details-marker{display:none}
.workflow-summary-copy{display:flex;flex-direction:column;gap:8px}
.workflow-summary-copy strong{font-size:clamp(21px,2vw,28px);font-weight:600;line-height:1.2;letter-spacing:-.025em}
.workflow-summary-copy>span{color:#b8c2b3;font-size:14px;line-height:1.5}
.workflow-action{display:inline-flex;justify-content:center;align-items:center;gap:24px;flex-shrink:0;padding:19px 25px;background:#cbff59;color:#101710;border-radius:40px;font-size:16px;font-weight:650;line-height:1.4;white-space:nowrap;transition:background 180ms,box-shadow 180ms}
.workflow-action svg{width:23px;height:23px;flex:none;transition:transform 220ms var(--ease-out)}
.workflow-action-close{display:none}
.workflow-details[open] .workflow-action-open{display:none}
.workflow-details[open] .workflow-action-close{display:inline}
.workflow-details[open] .workflow-action svg{transform:rotate(180deg)}
.workflow-details>summary:hover .workflow-action,.workflow-details>summary:focus-visible .workflow-action{background:#d8ff84;box-shadow:0 0 0 5px #cbff5917}
.workflow-details:not([open])>summary:hover .workflow-action svg{transform:translateY(3px)}
.workflow-details[open] .workflow-content{padding-top:30px}
.workflow-content .chapter-nav{position:relative;top:auto}
.workflow-details:not([open]) .workflow-content{display:none}
.workflow-content .product-scene{min-height:620px}
.workflow-details>summary:focus-visible{outline:3px solid #91cf32;outline-offset:5px}
.onboarding-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}
.onboarding-section h2{font-size:clamp(38px,4vw,58px);line-height:1.1}
.onboarding-section .button{margin-top:20px}
.onboarding-steps{list-style:none;margin:0;padding:0}
.onboarding-steps li{display:flex;gap:24px;padding:25px 0;border-top:1px solid var(--line)}
.onboarding-steps li>span{color:var(--lime);font-size:14px;padding-top:4px}
.onboarding-steps h3{font-size:22px;line-height:1.2;margin:0 0 10px;letter-spacing:-.025em}
.onboarding-steps p{font-size:15px;line-height:1.65;color:var(--muted);margin:0;max-width:410px}
.product-module .module-meta{grid-row:1/4}
.product-module .module-meta>.module-status{display:none}
.product-module>.module-status{grid-column:2;grid-row:3;font-size:10px!important;mask:none;background:none;width:auto;height:auto;border-radius:0;border:0;padding:10px 0 0;color:var(--muted);letter-spacing:.04em}
.product-module>.module-status.live{color:var(--lime);background:none}
.product-module>.module-status.beta{color:var(--muted);background:none}
.quiet-evidence{align-items:start;border-top:0;padding-top:0}
.quiet-metric{border-top:1px solid #ffffff36;padding-top:24px}
.quiet-evidence>.quiet-metric>span{font-weight:650}
.quiet-evidence small{max-width:29ch;line-height:1.55;margin-top:7px}
.quiet-footnote details{max-width:550px}
.quiet-footnote summary{white-space:nowrap}
.quiet-footnote summary{cursor:pointer;text-underline-offset:4px;text-decoration:underline;list-style:none}
.quiet-footnote details p{padding-top:12px}
.enterprise-scroll{height:240svh}
.benefit-fan.is-scroll-story{min-height:160svh}
.access-modal .form-steps{grid-template-columns:repeat(3,1fr)}
.access-modal .field small{font-size:12px;color:var(--muted);line-height:1.5}
.access-modal .module-option{padding:12px;gap:10px}
.access-modal .module-option strong{font-size:14px}
.access-modal .module-option small{font-size:12px}
.access-modal .application-summary{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.access-modal .form-actions button:disabled{opacity:.6;cursor:wait}
.form-error{color:#eab0a0!important}
.form-fallback{display:inline-block;text-decoration:underline;text-underline-offset:4px;margin-top:12px}
[data-theme=light] .onboarding-steps li>span,[data-theme=light] .product-module>.module-status.live{color:#527b20}
@media(max-width:1100px){.onboarding-section{gap:35px}}
@media(max-width:850px){.workflow-content .product-scene{min-height:0}.hero .actions{gap:20px}}
@media(max-width:760px){.onboarding-section{grid-template-columns:1fr;gap:35px}.quiet-evidence{grid-template-columns:1fr 1fr}.quiet-metric{padding-top:20px}.quiet-footnote{flex-direction:column}.workflow-overview{grid-template-columns:1fr 1fr}.workflow-overview li{padding:22px 20px}.workflow-overview li:nth-child(3){border-left:0}.workflow-overview li:nth-child(n+3){border-top:1px solid #ffffff20}.workflow-step-top{margin-bottom:18px}.workflow-overview h3{font-size:22px}.workflow-overview p{font-size:14px}.workflow-details>summary{align-items:stretch;flex-direction:column;gap:24px;padding:25px 20px}.workflow-summary-copy strong{font-size:22px}.workflow-action{width:100%;font-size:15px;gap:20px;padding:18px 20px}.enterprise-scroll{height:230svh}.hero .hero-description{font-size:20px}}
@media(prefers-reduced-motion:reduce){.workflow-action,.workflow-action svg{transition:none}.workflow-details:not([open])>summary:hover .workflow-action svg{transform:none}.enterprise-scroll{height:auto}}
@media(max-height:620px){.enterprise-scroll{height:auto}}