/* TARK motion: one material opening, a custody narrative, direct manipulation. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1)}












.hero-bottom>a svg{animation:read-on 2.3s ease-in-out 4}.hero[data-paused=true] *{animation-play-state:paused!important}.button svg{transition:transform .35s var(--motion-ease)}.button:hover svg{transform:translateX(5px)}
.header nav a{position:relative}.header nav a:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav a:hover{text-decoration:none}.header nav a:hover:after{transform:scaleX(1)}
.approach{padding-bottom:0;background:#eceee2}.approach .section-head{margin-bottom:50px}.custody-story{position:relative;height:210vh;min-height:1400px}.custody-sticky{position:sticky;top:24px;padding-top:20px;padding-bottom:25px;background:#eceee2}.custody-steps{display:flex;position:relative;border-top:1px solid #b0bba2;border-bottom:1px solid #b0bba2}.custody-steps button{padding:17px 14px;flex:1;text-align:left;font-size:14px;color:#56614c;position:relative;transition:color .3s,background .4s}.custody-steps button span{display:block;font-size:11px;margin-bottom:5px;color:#5f6b54}.custody-steps button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.custody-steps button[aria-pressed=true] span{color:var(--acid)}
.custody-visual{width:100%;margin:8px auto 0;max-width:1100px}.custody-visual #custody-diagram{width:100%!important;height:auto!important;stroke-width:1.4;overflow:visible}
.account-frame rect{fill:#e1e6d5;stroke:#9dab88;stroke-width:1.3}.account-frame path{stroke:#b4bfa4}.account-frame text{stroke:none;fill:#48583c;font:13px Onest,sans-serif;letter-spacing:.04em}.account-frame text:last-child{letter-spacing:0;font-size:16px}
.capital-coin{transform-origin:270px 232px;transition:transform 1s var(--motion-ease)}.capital-coin ellipse:first-child{fill:url(#coin-metal);stroke:#7e8e6a;stroke-width:1}.capital-coin ellipse:nth-child(2){fill:none;stroke:#e8edda;stroke-width:1}.capital-coin text{fill:#25361d;stroke:none;font:300 33px Editorial,serif}
.api-track{stroke:#a7b695;stroke-width:1.5}.api-flow{stroke:#405c25;stroke-width:3;stroke-dasharray:9 91;stroke-dashoffset:0;transition:stroke-dashoffset .8s}.api-link{opacity:.16;transition:opacity .7s}.api-link text{font:11px Onest,sans-serif;stroke:none;fill:#42562f;letter-spacing:.04em}.link-head{stroke:#405c25}
.algorithm-node{opacity:.35;transition:opacity .7s,transform .9s var(--motion-ease);transform-origin:825px 230px;transform:scale(.86)}.algorithm-node>circle:first-child{fill:#253820;stroke:#526942}.algorithm-node .engine-ring{fill:none;stroke:#c6d99e;stroke-width:1.5;transform-origin:825px 230px;transition:transform 1.3s var(--motion-ease)}.algorithm-node text{fill:#e6eed6;stroke:none;font:500 27px Onest,sans-serif;letter-spacing:.12em}.algorithm-node .engine-label{fill:#465a36;font:14px Onest,sans-serif;letter-spacing:0}
.disconnect-mark{opacity:0;transition:opacity .5s}.disconnect-mark path{stroke:#8b433a;stroke-width:2}.disconnect-mark text{stroke:none;fill:#8b433a;font:11px Onest,sans-serif;letter-spacing:.04em}
[data-stage="1"] .api-link,[data-stage="2"] .api-link{opacity:1}[data-stage="1"] .algorithm-node,[data-stage="2"] .algorithm-node{opacity:1;transform:scale(1)}[data-stage="1"] .api-flow{stroke-dashoffset:-45}[data-stage="2"] .api-flow{stroke-dasharray:6 9;stroke-dashoffset:-100;animation:trade-flow 1.7s linear infinite}[data-stage="2"] .engine-ring{transform:rotate(120deg)}[data-stage="2"] .capital-coin{transform:scale(1.08)}[data-stage="3"] .disconnect-mark{opacity:1}[data-stage="3"] .api-link{opacity:.13}[data-stage="3"] .api-flow{opacity:0}[data-stage="3"] .algorithm-node{opacity:.35;transform:scale(.86)}
.custody-caption{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:0 3.5% 16px;min-height:160px}.custody-caption h3{font:300 clamp(28px,3vw,44px)/1.12 Editorial,serif;letter-spacing:-.03em;margin-top:12px}.custody-caption p{font-size:14px;color:#4f5f43;max-width:420px;min-height:70px;padding-top:27px}#custody-count{font-size:12px;color:#5d6f4b;font-variant-numeric:tabular-nums}#custody-next{padding:0;font-size:13px;gap:32px}.custody-progress{height:2px;background:#c3cdb7;margin:18px 0 14px}.custody-progress span{display:block;background:#50683a;height:100%;width:100%;transform:scaleX(var(--story-progress,.25));transform-origin:left;transition:transform .55s var(--motion-ease)}.scene-note{font-size:11px;color:#5a684f}
.mechanism{margin-top:65px;border-top:1px solid #b2bea4;border-bottom:1px solid #b2bea4;padding:30px 0;background:#e5e9db}.mechanism-head{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:0 30px 20px}.mechanism-head h3{font:300 29px/1.2 Editorial,serif;letter-spacing:-.02em}.mechanism-switch{display:flex;gap:7px}.mechanism-switch button{border:1px solid #a8b795;padding:8px 19px;font-size:13px;transition:background .3s,color .3s}.mechanism-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.mechanism-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:40px;padding:0 30px}.mechanism-screen{min-width:0}#mechanism-chart{width:100%!important;height:auto!important;overflow:visible;stroke-linejoin:round;stroke-linecap:round}#mechanism-reference{stroke:#b8c4a7;stroke-dasharray:4 6;stroke-width:1}#mechanism-ghost{stroke:#abb99a;fill:none;stroke-width:1.6}#mechanism-path{stroke:#42632a;fill:none;stroke-width:3}#mechanism-dot{stroke:#35521f;stroke-width:2;fill:#e6edd7}#mechanism-chart text{stroke:none;fill:#546447;font:10px Onest,sans-serif;letter-spacing:.025em}.mechanism-caption{padding-top:20px}.mechanism-caption>span{font-size:11px;font-variant-numeric:tabular-nums;color:#566b44}.mechanism-caption h4{font:300 29px/1.2 Editorial,serif;margin:12px 0 16px;letter-spacing:-.02em;min-height:70px}.mechanism-caption>p{font-size:13px;color:#4f6141;min-height:90px}.mechanism-caption .mechanism-warning{font-size:11px;color:#536747;margin-top:20px;min-height:0}.mechanism-controls{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.mechanism-controls button{font-size:12px;padding:8px 17px;background:var(--ink);color:var(--paper);min-width:195px;text-align:left;display:flex;justify-content:space-between;gap:16px}.mechanism-controls label{font-size:11px;margin-left:auto}#mechanism-time{width:100%;min-height:30px;accent-color:#436333;cursor:ew-resize}
.footer-word{overflow:hidden;letter-spacing:-.04em}.footer-letter{display:inline-block;transform:translateY(var(--letter-y,0px));transition:transform .6s var(--motion-ease)}.footer-word>span.footer-letters{font-size:inherit;align-self:auto;display:block}.footer-letters .footer-letter:nth-child(2){transition-delay:40ms}.footer-letters .footer-letter:nth-child(3){transition-delay:80ms}.footer-letters .footer-letter:nth-child(4){transition-delay:120ms}
[data-motion-visible=false] .api-flow{animation-play-state:paused}[data-motion-global=paused] .api-flow{animation-play-state:paused}
@keyframes trade-flow{to{stroke-dashoffset:-130}}@keyframes read-on{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes letter-focus{from{clip-path:inset(0 0 12% 0);filter:blur(3px);transform:translateY(10px)}to{clip-path:inset(0);filter:blur(0);transform:none}}
@media(min-width:1101px){.hero-copy{z-index:1}.custody-sticky{max-width:1500px;margin:auto}}
@media(max-height:800px) and (min-width:801px){.custody-visual{max-width:840px}.custody-sticky{top:0}.custody-caption{min-height:135px}.custody-caption h3{font-size:32px}.custody-caption p{padding-top:17px}.custody-steps button{padding:10px}}
@media(max-width:1100px){.custody-story{height:185vh;min-height:1300px}.mechanism-layout{gap:25px}.mechanism-caption h4{font-size:25px}}
@media(max-width:800px){.hero{min-height:1020px}.hero-copy{padding-top:160px}.custody-story{min-height:0;height:auto;padding-bottom:55px}.custody-sticky{position:relative;top:0;padding-top:0;padding-bottom:0}.custody-caption{gap:30px;padding:0;min-height:200px}.custody-caption h3{font-size:32px}.custody-caption p{font-size:13px}.mechanism-layout{grid-template-columns:1fr;gap:8px}.mechanism-caption{display:grid;grid-template-columns:1fr 1.3fr;gap:8px 26px}.mechanism-caption>span{grid-column:1}.mechanism-caption h4{grid-column:1;grid-row:2;margin:0;min-height:0}.mechanism-caption>p:not(.mechanism-warning){grid-column:2;grid-row:1/3;min-height:80px}.mechanism-caption .mechanism-warning{grid-column:1/-1;margin-top:12px}.mechanism-head{gap:18px}.mechanism-head h3{font-size:25px}}
@media(max-width:560px){.hero{min-height:1080px}.hero-copy{padding-top:128px}.hero-bottom{bottom:26px}.hero:before{background:linear-gradient(180deg,#121e17 0%,#121e17 29%,#121e1700 49%,#121e1700 81%,#121e17 96%)}.custody-steps button{padding:12px 6px;font-size:11px}.custody-steps button span{font-size:10px}.custody-visual{margin:18px -7% 15px;width:114%}.custody-caption{grid-template-columns:1fr;gap:5px;min-height:285px}.custody-caption h3{font-size:33px;margin-top:9px}.custody-caption p{padding-top:12px;min-height:82px}.scene-note{font-size:10px}.custody-story{padding-bottom:40px}.custody-progress{margin-top:8px}.mechanism{margin-top:35px;padding:24px 0}.mechanism-head{padding:0 16px;align-items:start;flex-direction:column;gap:18px}.mechanism-head h3{font-size:27px;max-width:230px}.mechanism-layout{padding:0 16px}.mechanism-screen{padding-top:14px}.mechanism-controls{gap:10px}.mechanism-controls button{min-width:0;width:100%}.mechanism-controls label{margin-left:0}.mechanism-caption{grid-template-columns:1fr;gap:12px}.mechanism-caption>span,.mechanism-caption h4,.mechanism-caption>p:not(.mechanism-warning),.mechanism-caption .mechanism-warning{grid-column:1;grid-row:auto}.mechanism-caption h4{font-size:28px;min-height:66px}.mechanism-caption>p:not(.mechanism-warning){min-height:72px}.mechanism-caption .mechanism-warning{margin-top:0}#mechanism-chart text{font-size:11px}.footer-word{font-size:24vw}}
@media(prefers-reduced-motion:reduce){.hero-copy h1{animation:none}.capital-coin,.algorithm-node,.engine-ring,.footer-letter{transform:none!important}.api-flow{animation:none!important}.custody-story{height:auto;min-height:0;padding-bottom:60px}.custody-sticky{position:relative;top:0}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Review fixes: pause must stop transitions, small diagrams get their own composition. */

.brand small{font-size:10px;letter-spacing:.17em}.scene-note,.custody-steps button span{font-size:11px}.mechanism-diagram-note{font-size:11px;color:#546447;margin:8px 0 15px;line-height:1.5}
@media(max-width:560px){.brand small{font-size:9px;letter-spacing:.12em}.custody-visual{width:100%;margin:20px 0}.custody-steps button span{font-size:11px}.scene-note{font-size:11px}.account-frame text{font-size:17px;letter-spacing:0}.account-frame text:last-child{font-size:19px}.algorithm-node{transform:translate(-555px,350px) scale(.86);transform-origin:825px 230px}[data-stage="1"] .algorithm-node,[data-stage="2"] .algorithm-node{transform:translate(-555px,350px) scale(1)}[data-stage="3"] .algorithm-node{transform:translate(-555px,350px) scale(.86)}.api-link{transform:matrix(0,.32,-1,0,500,260)}.api-link text{display:none}.disconnect-mark{transform:translate(-345px,220px)}.disconnect-mark text{display:none}.algorithm-node .engine-label{font-size:19px}.custody-caption{min-height:285px}.mechanism-diagram-note{font-size:11px}}
@media(prefers-reduced-motion:reduce) and (max-width:560px){.algorithm-node{transform:translate(-555px,350px)!important}}
