/* General UI + motion review. Controls are soft; the editorial content stays square. */
:root{--motion-press:120ms;--motion-control:180ms;--motion-panel:240ms;--motion-exit:160ms;--control-radius:999px;--surface-lift:0 8px 24px #191b1810}
.nav-caption,.nav-description,.nav-arrow,.nav-shortcuts{display:none}
.menu-words{display:block;position:relative;width:48px;height:22px;text-align:left;font-size:13px;font-weight:700;line-height:22px;overflow:hidden}
.menu-words>span{position:absolute;inset:0;transition:transform var(--motion-control) var(--ease-out),opacity var(--motion-control) var(--ease-out)}
.menu-word-close{opacity:0;transform:translateY(8px)}
.menu-symbol{width:20px;height:20px;display:block;position:relative;flex:none}
.menu-symbol i{position:absolute;left:0;top:9px;width:20px;height:1.5px;background:currentColor;border-radius:2px;transform-origin:center;transition:transform var(--motion-control) var(--ease-in-out)}
.menu-symbol i:first-child{transform:translateY(-4px)}.menu-symbol i:last-child{transform:translateY(4px)}
.menu-btn[aria-expanded=true] .menu-word-open{opacity:0;transform:translateY(-8px)}
.menu-btn[aria-expanded=true] .menu-word-close{opacity:1;transform:translateY(0)}
.menu-btn[aria-expanded=true] .menu-symbol i:first-child{transform:rotate(45deg)}
.menu-btn[aria-expanded=true] .menu-symbol i:last-child{transform:rotate(-45deg)}
.action-icon{display:inline-flex;align-items:center;justify-content:center;flex:none}
.action-icon svg,.circle-arrow svg{display:block;width:20px;height:20px;transition:transform var(--motion-control) var(--ease-out)}
.button{border-radius:4px;padding:13px 14px 13px 20px;gap:25px;transition:transform var(--motion-press) var(--ease-out),background-color var(--motion-control) ease,color var(--motion-control) ease,border-color var(--motion-control) ease}
.button>.action-icon{width:34px;height:34px;border-radius:50%;background:#eeece51a;font-size:inherit}.button.outline>.action-icon{background:#191b180b}
.button:active{transform:scale(.98);transition-duration:80ms}
.circle-arrow{transition:background-color var(--motion-control) ease,color var(--motion-control) ease,border-color var(--motion-control) ease}
.text-link{position:relative;border-bottom:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.text-link:after{content:'';position:absolute;left:0;bottom:7px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--motion-control) var(--ease-out);pointer-events:none}
.cta h2 .action-icon{width:.55em;height:.55em;min-width:36px;border:1px solid currentColor;border-radius:50%;font-size:inherit;transition:transform var(--motion-control) var(--ease-out)}
.cta h2 .action-icon svg{width:55%;height:55%}
.service-row,.knowledge-index>a{isolation:isolate}.service-row:before,.knowledge-index>a:before{content:'';position:absolute;inset:0 -12px;background:#191b1806;opacity:0;z-index:-1;pointer-events:none;transition:opacity var(--motion-control) ease}
.knowledge-index>a{border-top-color:#92968b}.knowledge-index>a>b{font-weight:500;transition:transform var(--motion-control) var(--ease-out)}
.knowledge-index h3{letter-spacing:-.015em}.knowledge-index>a>span{color:var(--muted)}
.feature-grid,.flow-list{--line:#aeb1a5}.flow-item h3{letter-spacing:-.025em}.feature p,.flow-item p{line-height:1.8}
.settlement,.agreement-paper{box-shadow:4px 5px 0 #191b181c;border-color:#909487}.settlement .sheet-header,.agreement-paper .label{letter-spacing:.5px}
.finance-example{border-left:0;border-top:3px solid var(--orange);padding:24px 26px;background:#e2dfd5}.finance-example>strong{display:inline-flex;border:1px solid #a6a99c;padding:5px 9px;font-weight:600;line-height:1.5;margin-bottom:16px}
.knowledge-sources a{text-decoration-color:#969b8c;text-decoration-thickness:1px}.knowledge-sources a:hover{text-decoration-color:currentColor}
.knowledge-copy a:not(.text-link){text-decoration-thickness:1px;text-underline-offset:4px}
.knowledge-next{padding:28px;background:#e2dfd5;border-top:3px solid var(--blue)}.knowledge-next h2{font-size:34px}
.knowledge-tools{padding-bottom:12px}.search-row{position:relative}.search-row:before,.search-row:after{content:'';position:absolute;z-index:1;pointer-events:none;color:var(--muted)}.search-row:before{top:18px;left:18px;width:12px;height:12px;border:1.5px solid currentColor;border-radius:50%}.search-row:after{top:31px;left:29px;width:7px;height:1.5px;background:currentColor;transform:rotate(45deg);transform-origin:left}
.search-row input{padding-left:47px;border-color:#92968b;border-radius:6px}.search-row button{border-radius:6px;font-size:13px}.search-row input:focus-visible{outline-offset:3px}.knowledge-topics a{border-radius:var(--control-radius);border-color:#aeb1a5;font-size:13px}
.field:focus-within{border-left:0;padding-left:0}.field input,.field textarea,.field select{transition:background-color var(--motion-control) ease,border-color var(--motion-control) ease}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);background:#fffdf5;box-shadow:inset 3px 0 var(--blue)}
.field :focus-visible{outline-offset:3px}.field label{letter-spacing:0}.field input::placeholder,.field textarea::placeholder{color:#62665c}
.disclosure-symbol{position:relative;display:inline-block;width:22px!important;height:22px;flex:none;font-size:0!important}
.disclosure-symbol i{position:absolute;top:10px;left:3px;width:16px;height:1.5px;background:currentColor;transition:transform var(--motion-control) var(--ease-in-out)}.disclosure-symbol i:last-child{transform:rotate(90deg)}
[open]>summary .disclosure-symbol i:last-child{transform:rotate(0)}.toc-disclosure[open] summary .disclosure-symbol:after{content:none}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-right:0}.faq summary:after{content:none}.faq summary>.disclosure-symbol{color:var(--muted)}.faq details[open]>summary>.disclosure-symbol{color:var(--orange-ink)}
.faq details{border-color:#aeb1a5}.faq details[open]{border-top-color:var(--ink)}
@supports selector(details::details-content){
 details::details-content{opacity:0;transition:opacity var(--motion-control) var(--ease-out),content-visibility var(--motion-control) allow-discrete}
 details[open]::details-content{opacity:1}
 @starting-style{details[open]::details-content{opacity:0}}
}
.hero-stamp{box-shadow:3px 4px 0 #191b182e;border-color:#191b1844;letter-spacing:.4px}
.footer-bottom .motion-toggle{border:1px solid #73786c;border-radius:var(--control-radius);padding:8px 15px;gap:8px;font-size:11px;background:transparent;color:inherit}
.motion-toggle:before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:var(--orange)}.motion-toggle[aria-pressed=true]:before{background:#eeece5}
.mobile-actions:not([hidden]){box-shadow:none;border-top:1px solid #aeb1a5;background:#eeece5}.mobile-actions a{border-radius:var(--control-radius);font-weight:700;transition:transform var(--motion-press) var(--ease-out)}.mobile-actions a:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){
 .button:hover{transform:none}.button:hover>.action-icon svg,.text-link:hover>.action-icon svg{transform:translate(2px,-2px)}
 .service-row:hover:before,.knowledge-index>a:hover:before{opacity:1}
 .service-row:hover .circle-arrow{transform:none;background:var(--ink);color:var(--paper);border-color:var(--ink)}.service-row:hover .circle-arrow svg{transform:translate(3px,-3px)}
 .knowledge-index>a:hover>b{transform:translate(3px,-3px)}.knowledge-index>a:hover h3{text-decoration:none}
 .text-link:hover:after{transform:scaleX(1)}.cta h2 a:hover .action-icon{transform:none}.cta h2 a:hover .action-icon svg{transform:translate(3px,-3px)}
 .footer nav a:hover{color:var(--paper);text-decoration:underline;text-underline-offset:6px}.knowledge-topics a:hover{background:#191b18;color:var(--paper)}
}
.service-row:focus-visible:before,.knowledge-index>a:focus-visible:before{opacity:1}
@media(max-width:1000px){
 .menu-btn{border:0;border-radius:var(--control-radius);background:var(--ink);color:var(--paper);min-width:118px;width:118px;height:48px;min-height:48px;padding:0 16px;gap:12px;justify-content:space-between;transition:transform var(--motion-press) var(--ease-out),background-color var(--motion-control) ease,color var(--motion-control) ease}
 .menu-btn .menu-symbol{color:#ff775a}.menu-btn[aria-expanded=true]{background:var(--blue);color:#fff}.menu-btn[aria-expanded=true] .menu-symbol{color:#fff}.menu-btn:active{transform:scale(.97);transition-duration:80ms}
 .js-ready .nav{display:flex;position:absolute;top:calc(100% + 10px);left:12px;right:12px;width:auto;border:1px solid #51564b;border-radius:20px;padding:20px max(20px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));gap:0;background:var(--ink);color:var(--paper);box-shadow:0 12px 32px #191b1829;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.97);transform-origin:calc(100% - 64px) top;transition:transform var(--motion-exit) var(--ease-out),opacity var(--motion-exit) var(--ease-out),visibility 0s var(--motion-exit)}
 .js-ready .nav.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition-duration:var(--motion-panel),var(--motion-panel),0s;transition-delay:0s}
 .nav-caption{display:block;font-size:12px;color:#b6bcad;line-height:1.6;padding:0 4px 14px;margin:0;border-bottom:1px solid #51564b}
 .nav>a{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:5px 14px;padding:13px 4px;border-bottom:1px solid #51564b;min-height:72px;font-size:31px;line-height:1.05;letter-spacing:-.01em}
 .nav-title{grid-column:1}.nav-arrow{display:block;grid-column:2;grid-row:1/3;align-self:center;font:400 23px/1 Manrope;color:#b6bcad;transition:transform var(--motion-control) var(--ease-out)}
 .nav-description{display:block;grid-column:1;font:400 12px/1.6 Manrope;color:#b6bcad;letter-spacing:0}
 .nav>a[aria-current=page],.nav>a.nav-parent{border-left:0;padding-left:4px;color:#fff;background:transparent}
 .nav>a[aria-current=page] .nav-title,.nav>a.nav-parent .nav-title{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:#ff775a;text-underline-offset:7px}
 .nav .nav-contact{display:flex;margin-top:15px;min-height:48px;padding:12px 17px;font:700 14px/1.5 Manrope;border-radius:var(--control-radius);background:var(--paper);border:0;color:var(--ink)}
 .nav-shortcuts{display:flex;flex-wrap:wrap;gap:10px;padding-top:17px}.nav-shortcuts a{font:500 12px/1.5 Manrope;border:1px solid #73786c;border-radius:var(--control-radius);padding:10px 13px;min-height:40px;display:flex;align-items:center}
 .nav>a:active{background:#32362e}.nav .nav-contact:active{background:#cbd0c1}.nav-shortcuts a:active{background:#32362e}
 html:not(.js-ready) .nav{display:flex;opacity:1;visibility:visible;pointer-events:auto;transform:none;border-radius:12px;max-height:none}
}
@media(max-width:760px){.button{padding:12px 13px 12px 18px}.knowledge-next{padding:24px}.knowledge-next h2{font-size:32px}.finance-example{padding:22px}.nav-shortcuts a{min-height:44px}.toc-disclosure summary .disclosure-symbol:after{content:none}.settlement,.agreement-paper{box-shadow:3px 4px 0 #191b181c}}
@media(max-width:1000px) and (max-height:500px){.js-ready .nav{max-height:calc(100dvh - 90px)}.nav>a{min-height:58px;font-size:26px}.nav-description{font-size:11px}.nav-caption{padding-bottom:10px}}
@media(hover:hover) and (pointer:fine) and (max-width:1000px){.nav>a:hover .nav-arrow{transform:translate(2px,-2px)}.menu-btn:hover{background:var(--blue)}}
/* Keyboard actions and the user's pause preference settle immediately. */
.keyboard-input .nav,.keyboard-input .menu-btn,.keyboard-input .menu-words>span,.keyboard-input .menu-symbol i,.keyboard-input .disclosure-symbol i,.keyboard-input .action-icon svg,.keyboard-input .circle-arrow svg,.keyboard-input .mobile-actions a,.keyboard-input details::details-content{transition:none!important}
.motion-off .nav,.motion-off .menu-btn,.motion-off .menu-words>span,.motion-off .menu-symbol i,.motion-off .disclosure-symbol i,.motion-off .action-icon svg,.motion-off .circle-arrow svg,.motion-off .mobile-actions a,.motion-off .text-link:after,.motion-off details::details-content{transition:none!important}
.motion-off .nav:not(.open){transform:none}.motion-off .menu-word-open,.motion-off .menu-word-close{transform:none}
@media(prefers-reduced-motion:reduce){.nav,.menu-btn,.menu-words>span,.menu-symbol i,.disclosure-symbol i,.action-icon svg,.circle-arrow svg,.mobile-actions a,.text-link:after,details::details-content{transition:none!important}.menu-word-open,.menu-word-close{transform:none}}
@media(prefers-contrast:more){.js-ready .nav{border:2px solid currentColor;box-shadow:none}.nav-description,.nav-caption,.nav-arrow{color:var(--paper)}.menu-btn{outline:1px solid currentColor}.knowledge-next{border:2px solid var(--ink)}.knowledge-index>a>span{color:var(--ink)}}
@media(forced-colors:active){.menu-symbol i,.disclosure-symbol i{background:ButtonText}.menu-btn{border:1px solid ButtonText}.nav-shortcuts a{border-color:LinkText}.menu-btn .menu-symbol{color:ButtonText}.button .action-icon{background:transparent}}
.keyboard-input .button,.keyboard-input .field input,.keyboard-input .field select,.keyboard-input .field textarea,.keyboard-input .text-link:after,.keyboard-input .knowledge-index>a>b{transition:none!important}
.scenario .action-icon{width:20px;height:20px}.scenario[aria-pressed=true] .action-icon svg{display:none}

/* The page canvas continues the footer during mobile overscroll. */
html,body{background-color:var(--ink)}
main{background-color:var(--paper)}