/* Shared action system: a single capsule, fine-line arrow, clear primary/secondary hierarchy. */
:root{--action-ease:cubic-bezier(.22,1,.36,1)}
.button,.portal-button,.text-button,.underlink{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 25px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:-.012em;text-decoration:none;box-shadow:none;transition:transform .35s var(--action-ease),background-color .25s,border-color .25s,box-shadow .35s;overflow:hidden;cursor:pointer}
.button{background:var(--brand);color:#101c30;box-shadow:inset 0 1px 0 #ffffff35,0 3px 8px #0b1f3108}
.button:hover{background:color-mix(in srgb,var(--brand) 89%,white);transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff40,0 7px 18px #0b1f3117}
.button>span,.portal-button>span,.text-button>span,.underlink>span{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;background:transparent!important;border:0;border-radius:0;font-size:18px;font-weight:400;color:inherit;transition:transform .4s var(--action-ease);transform:none;overflow:visible}
.button>span>svg,.portal-button>span>svg,.text-button>span>svg,.underlink>span>svg{display:block;width:18px;height:18px;overflow:visible}
.button:hover>span,.portal-button:hover>span,.text-button:hover>span,.underlink:hover>span{transform:translate3d(2px,-2px,0);background:transparent}
.text-button,.portal-button{background:#ffffff06;border-color:#ffffff50;color:#fff;box-shadow:inset 0 1px 0 #ffffff0c}
.text-button:hover,.portal-button:hover{background:#ffffff12;border-color:#ffffffa0;transform:translateY(-2px);box-shadow:none}
body[data-surface="dark"] .chapter-hero:not(.chapter-hero--detail) .text-button{background:#0c1e3280;backdrop-filter:blur(8px)}
body[data-surface="dark"] .chapter-hero:not(.chapter-hero--detail) .text-button:hover{background:#0c1e32bc}
.portal-button{min-height:43px;padding:11px 19px;font-size:11px;gap:19px}
.portal-button>span,.portal-button>span>svg{width:16px;height:16px}
body[data-surface="light"] .portal-button,.chapter-hero--detail .text-button,.exp-hero-copy .text-button{color:var(--brand-ink);border-color:#172b462e;background:#fff;box-shadow:0 1px 3px #10243d03}
body[data-surface="light"] .portal-button:hover,.chapter-hero--detail .text-button:hover,.exp-hero-copy .text-button:hover{background:#f3f6fa;border-color:#172b4666;box-shadow:none}
.underlink{min-height:46px;font-size:12px;padding:12px 21px;gap:23px;border-color:color-mix(in srgb,currentColor 24%,transparent);background:transparent;color:inherit}
.underlink:hover{background:color-mix(in srgb,currentColor 5%,transparent);border-color:color-mix(in srgb,currentColor 55%,transparent);transform:translateY(-2px)}
.button:active,.text-button:active,.portal-button:active,.underlink:active{transform:translateY(0) scale(.98);box-shadow:none;transition-duration:.12s}
.button:focus-visible,.text-button:focus-visible,.portal-button:focus-visible,.underlink:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 80%,#fff);outline-offset:4px}
.exp-hero-copy .hero-actions,.hero-actions{gap:14px}
.hero-video-toggle,.company-filters>button,.application-controls>button{font-weight:600;letter-spacing:-.01em;transition:background-color .25s,border-color .25s,transform .3s var(--action-ease)}
.company-filters>button:hover,.application-controls>button:hover{transform:translateY(-1px)}
.newsletter-input button{display:grid;place-items:center;transition:transform .3s var(--action-ease),background-color .2s}
.newsletter-input button:hover{transform:translate3d(2px,-2px,0)}
.own-brand-chapter .rpl-q-heading{line-height:1;margin-bottom:28px;font-size:inherit}
.own-brand-chapter .rpl-q-heading img{display:block;width:clamp(220px,22vw,300px);height:auto;max-width:100%;object-fit:contain;object-position:left center}
@media(max-width:760px){.button,.text-button{min-height:49px;padding:13px 21px;font-size:12px;gap:18px}.button>span,.text-button>span,.button>span>svg,.text-button>span>svg{width:17px;height:17px}.portal-button{min-height:39px;padding:10px 14px;font-size:10px;gap:12px}.portal-button>span,.portal-button>span>svg{width:14px;height:14px}.underlink{min-height:44px;padding:11px 18px;font-size:11px;gap:18px}.own-brand-chapter .rpl-q-heading img{width:240px}.exp-hero-copy .hero-actions,.hero-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){.button,.portal-button,.text-button,.underlink,.button>span,.portal-button>span,.text-button>span,.underlink>span,.newsletter-input button{transition:none!important}.button:hover,.portal-button:hover,.text-button:hover,.underlink:hover,.button:active,.portal-button:active,.text-button:active,.underlink:active,.button:hover>span,.portal-button:hover>span,.text-button:hover>span,.underlink:hover>span,.newsletter-input button:hover{transform:none!important}}
