/* Three entry points, composed as one typographic spread. */
.commission{padding:84px var(--gutter) 92px;background:var(--paper);color:var(--forest)}
.commission .section-top{margin-bottom:30px}
.commission .commission-heading{grid-template-columns:1.2fr .8fr;gap:9%;margin-bottom:46px}
.commission h2{font-size:clamp(48px,5.3vw,80px);line-height:1.02}
.commission-heading>p{max-width:410px;font-size:17px;line-height:1.6}
.request-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.request-route{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px 30px 26px;min-height:460px;background:var(--route-bg);color:var(--route-ink);transition:background-color 200ms var(--ease-out)}
.route-product{--route-bg:#e8b181;--route-hover:#efbc90;--route-ink:#283b32;--route-accent:#714323}
.route-workflow{--route-bg:#203b32;--route-hover:#2c493d;--route-ink:#f3f0e8;--route-accent:#e8b888}
.route-software{--route-bg:#dce2d2;--route-hover:#e5e9dd;--route-ink:#283b32;--route-accent:#45613d}
.route-kicker{font-size:12px;line-height:1.5;margin-bottom:44px}
.request-route h3{font-size:clamp(31px,3.15vw,49px);font-weight:450;line-height:1.04;letter-spacing:-.04em;max-width:100%;min-height:3.12em;text-wrap:balance}
.request-route h3 em{font-style:normal;color:var(--route-accent)}
.route-description{font-size:15px;line-height:1.6;margin:25px 0 32px;max-width:34ch}
.commission button.offer-action{position:static;display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:48px;height:auto;width:100%;padding:0;margin-top:auto;border:0;border-radius:0;background:transparent;color:var(--route-ink);text-align:left;grid-column:auto;grid-row:auto}
.commission button.offer-action::after{content:"";position:absolute;inset:0;z-index:1}
.commission .offer-action-label{font-size:14px;line-height:1.4;border-bottom:1px solid currentColor;padding:6px 0}
.route-arrow{display:grid;place-items:center;width:46px;height:46px;flex:none;border:1px solid currentColor;border-radius:50%;font:400 24px/1 Arial,sans-serif;transition:transform 200ms var(--ease-out)}
.commission button.offer-action:focus-visible{outline:none}
.commission button.offer-action:focus-visible::after{outline:3px solid var(--forest);outline-offset:5px}
.request-route:focus-within{background:var(--route-hover)}
.request-route:has(button:disabled){opacity:.72}
.commission button.offer-action:disabled{cursor:default}
.commission button.offer-action:disabled::after{pointer-events:none}
@media(hover:hover) and (pointer:fine){.request-route:has(button:enabled):hover{background:var(--route-hover)}.request-route:has(button:enabled):hover .route-arrow{transform:rotate(45deg)}.commission button.offer-action:hover{background:transparent;color:var(--route-ink)}}
.commission button.offer-action:active{background:transparent;color:var(--route-ink)}
.request-route:has(button:active) .route-arrow{transform:rotate(45deg) scale(.94)}
@media(max-width:1100px) and (min-width:801px){.request-route{padding:25px 22px;min-height:460px}.request-routes{gap:12px}.route-kicker{margin-bottom:34px}.route-description{font-size:14px}.commission .offer-action-label{font-size:13px}.route-arrow{width:40px;height:40px}}
@media(max-width:800px){.commission{padding:56px var(--gutter) 64px}.commission .commission-heading{grid-template-columns:1fr 1fr;gap:7%;margin-bottom:32px}.commission h2{font-size:48px}.commission-heading>p{font-size:16px}.request-routes{grid-template-columns:1fr;gap:12px}.request-route{min-height:0;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.route-kicker{grid-column:1/-1;margin-bottom:24px}.request-route h3{font-size:36px;max-width:100%;min-height:0;grid-column:1;grid-row:2/4}.route-description{grid-column:2;margin:0 0 23px;max-width:35ch}.commission button.offer-action{grid-column:2;grid-row:auto}}
@media(max-width:680px){.commission{padding:48px 24px 56px}.commission .section-top{margin-bottom:24px}.commission .commission-heading{display:block;margin-bottom:30px}.commission h2{font-size:46px}.commission-heading>p{margin-top:22px;max-width:34ch}.request-route{display:flex;padding:27px 25px 23px;min-height:365px}.route-kicker{margin-bottom:28px;font-size:11px}.request-route h3{font-size:clamp(31px,9.1vw,39px);max-width:100%;min-height:0}.route-description{font-size:15px;line-height:1.55;margin:20px 0 25px;max-width:34ch}.commission .offer-action-label{font-size:14px}.route-arrow{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.request-route,.route-arrow{transition:none}.request-route .route-arrow{transform:none!important}}
.motion-off .request-route,.motion-off .route-arrow{transition:none}.motion-off .request-route .route-arrow{transform:none!important}
/* Keep large service questions inside their cards at text zoom. */
.request-route h3{overflow-wrap:anywhere;hyphens:auto}